Back to Top
The nuts and bolts for
Creative web development

Responsive Navigation On Complex Websites

Central to a solid user experience is a well-structured, simple navigation system. Over the past few months, Jon Rundle has been involved in launching two large institutional websites with complex navigation systems. Maintaining simplicity on such large websites becomes increasingly difficult as content requirements grow and tiers of navigation are added, not to mention the extra complexity added by small screens.

September 12, 2013 Author: Lubov Cholakova Rating: Not enough votes

Email Marketing For Mobile App Creators

If you’ve developed mobile applications or have just started building one, then you probably realize that marketing should be as much of an ongoing concern as the product’s design and development. After all, what’s the point in creating a beautiful, valuable app if no one knows about it? Assuming that promotion on Google Play or Apple’s App Store will take your app from beta to bestseller is… well, magical thinking. In reality, most successful developers kick off their marketing efforts months before release.

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

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