You May Not Make the Logo, But Do You Know How to Manage It?
You May Not Make the Logo, But Do You Know How to Manage It? is a post by SEO expert Kaylee White . For information about our SEO services or more great SEO tips and tricks, visit the SEO.com blog ....
View ArticleTips for Getting a Web Design from Illustrator into the Browser
Scenario: someone hands you an Illustrator document with their latest web layout and it's your job to convert it into working HTML and CSS. Let's take a look how you can do that. Note: The aim of this...
View Article6 Beginner “Safety First” Color Guidelines for the Web
I still vividly remember one of my earliest art classes when, as a small, eager child, I was presented with a range of bright colored paints. I recall the delight of seeing primary colors mix into...
View ArticleRecreating the Animated Circle Effect as Seen on Google Design
What You'll Be Creating Google's new design efforts are vast and justify a significant amount of conversation. But instead of talking about the theory of Material Design and the implications of...
View ArticleRecreating the Touch Ripple Effect as Seen on Google Design
What You'll Be Creating Google's new design efforts are vast and justify a significant amount of conversation. But instead of talking about the theory of Material Design and the implications of...
View ArticleRecreating the Animated Circle Effect as Seen on Google Design
What You'll Be Creating Google's new design efforts are vast and justify a significant amount of conversation. But instead of talking about the theory of Material Design and the implications of...
View ArticleUseful Adobe Fireworks Resources: Extensions (Part 1)
Fireworks is an excellent UI design tool; however, Adobe decided to feature-freeze 1 it back in 2013 and (at the same time) did not offer any replacement tool to its users. Nevertheless, since...
View ArticleHow They Did It: StarWars.com
If you haven't watched Star Wars yet, as soon as you finish this article, go watch it. All of it. (Make sure you come back and let us know if you prefer IV-VI, or I-III.) If you have seen Star Wars,...
View ArticleA Better 404 Page
A lot of funny 404 pages have been shared recently: carefully crafted memes, funny GIFs, even the odd interactive game. But if the 404 doesn’t help your visitors, then what’s the point? A visitor...
View ArticleAdobe Extract: Free Code Extraction From PSD Files in the Cloud
Back in June this year we walked through some of the super useful features of Adobe's Project Parfait . Project Parfait was a free web-based tool, purpose built to streamline the PSD code extraction...
View Article“Outside In” — Ordering CSS Properties by Importance
This article is all about CSS code structure - specifically about a method I've been using for the last few years to bring some logic and consistency to the order in which I write my CSS. It’s a...
View ArticleMaking Modal Windows Better For Everyone
To you, modal windows 1 might be a blessing of additional screen real estate, providing a way to deliver contextual information, notifications and other actions relevant to the current screen. On the...
View ArticleCreating a Collection of CSS3 Animated Pre-loaders
Pre-loaders are a common sight in modern web design. As users we expect the web to be fast and fluid - we don’t like waiting for things. Pre-loaders offer visual feedback in the event of content being...
View ArticleBuilding an Instagram Based Portfolio With Bootstrap
In this tutorial I am going to run through the process of creating the simple Instagram based portfolio as designed in a previous tutorial by Tomas Laurinavicius. Thomas has done a great job keeping...
View ArticleA Front-End Developer’s Ode To Specifications
In the physical world, no one builds anything without detailed blueprints, because people’s lives are on the line. In the digital world, the stakes just aren’t as high. It’s called “software” for a...
View ArticleHybrid Mobile Apps: Providing A Native Experience With Web Technologies
According to a recent report 1 , HTML is the most widely used language for mobile app developers. The main reasons among developers for selecting web technologies 2 is cross-platform portability of...
View ArticleDesign Accessibly, See Differently: Color Contrast Tips And Tools
When you browse your favorite website or check the latest version of your product on your device of choice, take a moment to look at it differently. Step back from the screen. Close your eyes slightly...
View ArticleHow to Use Susy: Superpowered Sass Grids
Susy is a powerful set of Sass mixins for building grid-based layouts. What’s so great about Susy? We’ll show you the basics of working with Susy in this tutorial, but here’s a list of pros to...
View ArticleHow To Master Fireworks’ CSS Properties Panel And CSS Professionalzr
Today, being a designer is about much more than drawing beautiful interfaces in Photoshop or Fireworks. To properly design a website or application, a UI designer must understand the technology with...
View ArticleChartist.js, An Open-Source Library For Responsive Charts
The list of charting libraries for the web is already quite long, and you might ask yourself why we would need to make it any longer. Whenever you need to develop an application’s dashboard, embed...
View Article