Back to Top
The nuts and bolts for
Creative web development

A New Front-End Methodology: BEM

BEM stands for “Block”, “Element”, “Modifier”. It is a front-end methodology: a new way of thinking when developing Web interfaces. This article will elaborate on the theory as well as the practice of building websites at Yandex—one of the leading internet companies in Russia. To begin, let’s first put BEM in some historical perspective. Varvara Stepanova first began sketching out the internal front-end framework at Yandex around the year 2007, starting with a robust CSS naming convention, and a file system layout that was associated with it.

May 11, 2012 Author: Ivo Rangelov Rating: Not enough votes

A Closer Look At Font Rendering

The Web font revolution that started around two years ago has brought up a topic that many of us had merrily ignored for many years: font rendering. The new found freedom Web fonts are giving us brings along new challenges. Choosing and using a font is not merely a stylistic issue, and it’s worth having a look at how the technology comes into play.

May 10, 2012 Author: Ivo Rangelov Rating: Not enough votes

The Next Chapter of Responsive Web Design

Responsive web design has been a hot topic for the last couple of years. And why not? The ingredients of a flexible grid, flexible images and media queries are a powerful recipe to help us serve websites to screens of varying sizes. But you should not stop there. To be truly responsive, you must meet your users where they are. Truly responsive sites adapt themselves not only to the screen size of a device, but also to its broader capabilities and settings.

May 2, 2012 Author: Ivo Rangelov Rating: Not enough votes

5 Ways to Create Better iPad Applications

We've just passed the two-year mark of the iPad being on the market. And with a second milestone of 200,000 iPad applications on the App Store nearing, there's no better time than now to reassess how to approach the UX of iPad applications. Some of the ideas in this article are relevant to all tablets, not just the iPad. But in consideration of the tremendous success of the iPad, it does warrant specific attention and focus.
April 20, 2012 Author: Ivo Rangelov Rating: Not enough votes

Adobe Illustrator Tutorial: Create a Simple Map Illustration

In the following Adobe Illustrator tutorial you will learn how to create your very own simple vector map illustration. First, Andrei Mariu will build the starting shapes using pixel perfect alignment, some basic vector shape building techniques along with a bunch of warp effects. Then he will put on the finishing touches. Then add the colors along with some simple effects and highlights to give it that final bit of character.

April 11, 2012 Author: Ivo Rangelov Rating: Not enough votes

Creating Complex Style Illustrations: A Process

Learn the process of making a tribal-style illustration using only some fundamental techniques in Adobe Illustrator. This is more of a process overview than a play-by-play tutorial and thus, some basic skills in the program are needed in order to follow along. The main goal here is to show a workflow process, and from there, it’s up to you to add your own style and aesthetic preferences to your piece.

April 10, 2012 Author: Ivo Rangelov Rating: Not enough votes

Create an Interactive Liquid Metal Ball with WebGL

Making websites is tons of fun, but sometimes you need to break free and do something a bit unusual. That’s what Paul Lewisis will be doing today. He’ll be using the excellent Three.js engine to create an interactive metallic ball. As you click and drag the ball distorts and then slowly settles back to its original shape. To do this he’ll be covering spring physics, 3D vectors and ray casting all in an effort to create a compelling and fun interactive experience.

April 4, 2012 Author: Ivo Rangelov Rating: Not enough votes

Mobile UI Design Patterms: 10+ Sites for Inspiration

User interface design patterns are solutions to common design challenges, such as navigating around an app, listing data or providing feedback to users. Mobile apps and sites have unique UI design requirements because, compared to their desktop counterparts, they’re used in smaller screens and, at least with today’s modern mobile devices, rely on fingers instead of a keyboard and mouse as input mechanisms.

March 29, 2012 Author: Lubov Cholakova Rating: Not enough votes

5 Rally Useful Responsive Web Design Patterns

Responsive web design requires a very different way of thinking about layout that is both challenging and exciting. The art of layout was already complex enough for the centuries that it was defined by fixed elements, now things are becoming exponentially more complicated as layouts become increasingly adaptive.

March 28, 2012 Author: Lubov Cholakova Rating: Not enough votes

What's New for Designers, March 2012

The February edition of what’s new for web designers and developers by Webdesigner Depot includes new web apps, frameworks, jQuery plugins, icons, productivity tools, responsive design resources, and some really great new fonts. Many of the resources below are free or very low cost, and are sure to be useful to a lot of designers and developers out there.

March 12, 2012 Author: Lubov Cholakova Rating: Not enough votes