Creating design informed measurements for your website
Modular scale is one of those things in web development that you can get away with not doing, but when you do use it, you will notice the overall improvement to your website. It's not anything specific, but the overall feel of the site that is improved. Magically.;)
So what is it?
DEFINITION: A modular scale is a scale of measurements . . .
Adding mobile-specific boilerplate code to your Rails project
If you haven't done so already I strongly recommend setting up some foundation HTML and CSS for your project:
- Rails Views, Doing It Right
- Setting up a Smart HTML Foundation for Rails
- Setting up a Smart CSS Foundation for Rails
When it comes to boilerplate, mobile is a special case. It's a complete different beast . . .
Toggling between callto and tel
Phone numbers on the web create an interesting dilemma, should I use
tel? Like most things on the web, that depends.
Here's the situation, when a user finds a phone number link like this one:
...As developers we can change the links behavior so that when clicked a call is made: through a program like Skype, or just . . .
Chapter 1: Tools of the Trade
HTML and CSS
IDE – Choosing the right integrated development environment
Terminal, A Must Know for All Serious Developers
RVM – Ruby Version Manager
Git and Github
Heroku and the Heroku CLI
Chapter 2: Setting Up the Base App
A technique for selecting the right font family for your website
95% of the information on the web is written language. It is only logical to say that a web designer should get good training in the main discipline of shaping written information, in other words: Typography.
Learning about typography has had a huge impact on my approach to building websites and web . . .
Techniques for picking colors and creating a color palette for your website
There can be no doubt that color plays a major role in the design of a website. Mike Kus in the article, "Nine Things I've Learned" captures this sentiment best:
There are many contributing factors that go into making a good visual design, but one of the simplest ways to do this is through the use of colour. The colour palette . . .
How to create a logo for your website when you're not a designer
If ever there were an area in your website's design that could really use the help of a professional graphic designer, it's branding. A company's identity can radiate from its brand, and brands can become so well-known that they become memes.
A company's logo is more often than not the cornerstone of a company's brand, and . . .