Back to Top
The nuts and bolts for
Creative web development

The “Other” Interface: Atomic Design With Sass

As front-end developers and designers, we’re constantly refining two interfaces simultaneously: one for visitors who load the website, the other for developers who have to tackle the code in the future, when adjustments or full-scale redesigns must be made. Yet we tend to assign the role of “user” to the first group, often forgetting that the code we write must work for developers in a similar way. We shouldn’t forget that developers are users, too.

August 5, 2013 Author: Lubov Cholakova Rating: Not enough votes

Simple Responsive Images With CSS Background Images

This article features just one of the many, suboptimal solutions for responsive images.With all the talk of new HTML5 standards such as the srcset attribute and <picture> element, as well as server-side techniques such as Responsive Web Design + Server Side Components (RESS), you'd be forgiven for concluding that simple, static websites can’t support responsive images today. That conclusion might be premature, however. In fact, there’s an easy, straightforward way to deliver responsive images that’s supported by all of today’s Web browsers: CSS background images.

July 23, 2013 Author: Lubov Cholakova Rating: Not enough votes

Creative And Innovative Navigation Designs

A website has a personality — it is a reflection of the person or organization behind it. When people visit your website, you want it to stand out from the crowd, to be memorable. You want people to come back and use your website or get in touch with you. So, to distinguish itself from the unwashed masses, your website not only needs remarkable content, but also has to be innovative yet functional.

July 11, 2013 Author: Lubov Cholakova Rating: Not enough votes

Choosing A Responsive Image Solution

If you code websites, it’s a good bet that at least one of your clients has asked about or requested a mobile-friendly website. If you go the responsive design route (whereby your website is flexible enough to adjust visually from mobile to desktop widths), then you’ll need a strategy to make images flexible, too — a responsive image solution.

July 8, 2013 Author: Lubov Cholakova Rating: Not enough votes

Free Travel Location Pin Icons

Here comes another great free pack, designed by the team behind  Freepik. It features a list of amazing location pin icons with color combinations and well-designed source. The free source files of these Location Pin Icons contain icons with different sizes and shape such as Round icons ( 32px, 64px and 265px ) and Square icons ( 32px, 64px and 265px ).

June 24, 2013 Author: Lubov Cholakova Rating: Not enough votes

200 Foodie Pack: A Free Set Of Food Icons

Today we are pleased to feature a set of 200 useful and beautiful foodie icons. This freebie was created by the team behind Freepik, and at the time of writing it’s the largest set of food icons available on the web in one pack. The 200 Foodie Pack includes 200 customized icons available in PNGs (32×32px, 64×64px, 128×128px), as well as in AI, EPS and vector format. Perfect for any projects around gourmet, food, restaurant, gastronomy and the like. Enjoy!

June 19, 2013 Author: Lubov Cholakova Rating: Not enough votes

Adapting To A Responsive Design (Case Study)

In this article, Matt Gibson will explain, from his own experience of refreshing his agency website, why they abandoned a separate mobile website and will review the process of creating a new responsive design. At Cyber-Duck, they have been designing both responsive websites and adaptive mobile websites for several years now. Both options, of course, have their pros and cons. With a separate mobile website, you have the opportunity to tailor content and even interactions to the context of your users, whereas a responsive website means better content parity for users and a single website to maintain.

June 19, 2013 Author: Lubov Cholakova Rating: Not enough votes

Building A Responsive Web Application

We are talking and reading a lot about responsive Web design (RWD) these days, but very little attention is given to Web applications. Admittedly, RWD still has to be ironed out. But many of us believe it to be a strong concept, and it is here to stay. So, why don’t we extend this topic to HTML5-powered applications? Because responsive Web applications (RWAs) are both a huge opportunity and a big challenge, I wanted to dive in.

June 14, 2013 Author: Lubov Cholakova Rating: Not enough votes

Solving Adaptive Images In Responsive Web Design

Adaptive images are the current hot topic in conversations about adaptive and responsive Web design. Why? Because no one likes any of the solutions thus far. New elements and attributes are being discussed as a solution for what is, for most of us, a big headache: to provide every user with one image optimized for their display size and resolution, without wasting time, memory or bandwidth with a client-side solution.

June 3, 2013 Author: Lubov Cholakova Rating: Not enough votes

The State Of Responsive Web Design

Responsive Web design has been around for some years now, and it was a hot topic in 2012. Many well-known people such as Brad Frost and Luke Wroblewski have a lot of experience with it and have helped make huge improvements in the field. But there’s still a whole lot to do.

May 30, 2013 Author: Lubov Cholakova Rating: Not enough votes