Showing posts with label guide. Show all posts
Showing posts with label guide. Show all posts

Monday, November 25, 2013

How to Host a Website or File on Google Drive

Host a Website or File on Google Drive

Google added an impressive feature to it's Google drive - file or web hosting. Developers can now host their website in Google drive by uploading and sharing HTML, CSS or JavaScript files.

Tuesday, August 20, 2013

Using GitHub Pages To Host Your Website

GitHub Pages

So you want to launch a simple website but don't want to have to go through the dull process of setting up yet another hosting package. There is an easier solution. If you just want to launch a simple static website you can use GitHub Pages to host your site for free.

Wednesday, July 31, 2013

General CSS notes, advice and guidelines

General CSS notes, advice and guidelines

CSS Document Anatomy

No matter the document, we must always try and keep a common formatting. This means consistent commenting, consistent syntax and consistent naming.

General

Limit your stylesheets to a maximum 80 character width where possible. Exceptions may be gradient syntax and URLs in comments. That's fine, there's nothing we can do about that.

I prefer four (4) space indents over tabs and write multi-line CSS.

Tuesday, July 16, 2013

Coding A Responsive Resume In HTML5/CSS3

Coding A Responsive Resume In HTML5/CSS3

Almost everybody in the business section has created a resume at some point. When working as a freelancer you are always vying to land new projects. Because of this transitory work cycle it helps to offer potential clients a brief peek into your past experience. And what a better opportunity than offering your professional resume online?

Sunday, July 14, 2013

Getting started with CSS sourcemaps and in-browser Sass editing

CSS sourcemaps and in-browser Sass editing

CSS sourcemaps allow the browser to map CSS generated by a pre-processor, such as Sass, back to the original source file, including exactly which Sass mixin, placeholder or variable is responsible for a given line of CSS. And when you combine sourcemaps with Chrome's new in-browser local file editing (workspaces) and automatic stylesheet reloading, you end up with a very fast in-browser editing workflow.

Saturday, July 06, 2013

A Beginner’s Guide to Wireframing

A Beginner’s Guide to Wireframing

Wireframing is an important step in any screen design process. It primarily allows you to define the information hierarchy of your design, making it easier for you to plan the layout according to how you want your user to process the information. If you've yet to use wireframing, it’s time to get your feet wet...

Thursday, May 30, 2013

Sass Style Guide

Sass Style Guide
With more people than ever writing in Sass, it bears some consideration how we format it. CSS style guides are common, so perhaps we can extend those to cover choices unique to Sass.

Here are some ideas that I've been gravitating toward. Perhaps they are useful to you or help you formulate ideas of your own.

Thursday, April 18, 2013

Magento for Designers: Multi-Store Functionality

Magento for Designers: Multi-Store Functionality

Magento ships with a number of very powerful features under the hood that go mostly unnoticed by the folks that install and use it on a daily basis. The feature we're looking at today, the multi store functionality, happens to be one of those; and arguably, it's one of the most advanced ones. There isn't a general vernacular for this feature so I'll be just calling it multi store from now on.

Thursday, December 20, 2012

CSS architecture

CSS architecture

To many Web developers, being good at CSS means you can take a visual mock-up and replicate it perfectly in code. You don't use tables and you pride yourself on using as few images as possible. If you're really good, you use the latest and greatest techniques like media queries, transitions and transforms. While all this is certainly true of good CSS developers, there's an entirely separate side to CSS that rarely gets mentioned when assessing one's skill.

Friday, December 14, 2012

Designing responsive websites (AKA mobile sites) properly

Designing responsive websites

Over the course of my career, I have been very fortunate to work with many creative and talented UX/UI and Visual designers that were able to come up with great solutions to very complex problems. Luckily, I still do. But whereas many of my creative colleagues have kept the pace with the advances of technology, it'd seem to me that others are struggling to design responsive websites properly.

Friday, December 14, 2012

The pursuit of simplicity

The pursuit of simplicity

As developers and designers we're especially predisposed to be problem solvers. We strive for perfection and innovative solutions. We want simplicity. Yet we still aren't sure what it exactly means. In this article we'll discuss what the idea of simplicity means when it comes to application development, some ways developers and designers try to achieve simplicity and look at the potential benefits and drawbacks of each strategy.

Sunday, November 25, 2012

Meet Bower: a package manager for the web

Bower: a package manager for the web

As the web platform has matured, the tools for managing our projects, too, have matured. In this tutorial, I'll introduce you to one of these tools that makes managing the dependencies of your project considerably easier: Bower.

Tuesday, October 30, 2012

Fonts, fabulous fonts: How to use the @font-face rule with popular font services

How to use the @font-face

Studies show that five out of five web designers agree that the handful of fonts that come installed on most Windows and Mac computers offer a woefully inadequate choice for even the simplest design projects.

Thursday, October 11, 2012

Website Design: A beginner/designers guide to using Modernizr to solve cross-browser challenges

guide to using Modernizr

This piece is intended to help users who are comfortable with HTML and CSS but not so confident using JavaScript. I'll (hopefully) demonstrate how you can use the incredible open-source Modernizr JavaScript library to solve cross-browser design challenges and conditionally load assets (CSS or JS files) based on a number of tests. If the thought of writing JavaScript makes you shudder. Don't worry, it's going to be OK...