Back to Top
The nuts and bolts for
Creative web development

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

Authentic Design

The recently popularized “flat” interface style is not merely a trend. It is the manifestation of a desire for greater authenticity in design, a desire to curb visual excess and eliminate the fake and the superfluous. In creating new opportunities, technological progress sometimes leads to areas of excess. In the 19th century, mechanized mass production allowed for ornaments to be stamped out quickly and cheaply, leading to goods overdecorated with ornament.

July 16, 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

Building A Portable Design Toolkit

It’s easy to get overwhelmed by the staggering array of resources and options available to designers. In this article, we’ll explore the idea of consciously restricting yourself to a set of core tools that you know, love and trust. Take a traditional craftsman — let’s say a carpenter. While they may have access to a wide range of tools in their workshop, they will take a bag with just a few carefully chosen tools when working away. Similarly, an artist may have a wide range of paints, brushes and accessories in their studio, but will carefully select a limited palette and a few choice brushes when painting in the field.

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

Diving Into Symfony 2

Frameworks are hot topics in the web-industry and have been for some time. In this vast sea of flavors is Symfony – an extensive PHP framework that follows the ever popular MVC paradigm. Its learning curve is probably a little steeper than its fellow competitors, like CodeIgniter. Don’t worry, once it grows on you, you’ll feel more powerful than ever and you’ll be able to develop fantastic applications.

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

Advanced Unit Testing Techniques in JavaScript

In this tutorial, Guido Kessels will introduce you to some of the more advanced techniques available to you. As this tutorial will cover some advanced topics, he assumes you’ve already created unit tests before and are familiar with the basics and its terminology. We’ll be using SinonJS. This is a standalone framework which provides an API for mocks, stubs, spies and more. You can use it with any testing framework of your choosing, but for this tutorial, we’ll be using BusterJS, as it ships with SinonJS built-in.

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

From Procedural to Object Oriented PHP

This tutorial was inspired by a speech given by Robert C. Martin that Patkos Csaba watched a year or so ago. The main subject of his talk is about the possibility of picking The Last Programming Language. He addresses topics such as why should such a language exist? And what it should look like? However, if you read between the lines, there was another interesting idea that caught my attention: the limitations that each programming paradigm imposes upon on us programmers. So before we get into how we could go about converting a procedural based PHP app into an object oriented one, he wants to cover a little bit of theory beforehand.

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

HTML5 Data Bindings Manual

In over a hundred pages, we covered everything you need to know about the HTML5 Data Bindings extensions. The article features useful tutorials and videos on how to refresh your HTML5 Data source, How to use nested repeat regions, how to show preloader and many many more. If you still have any questions regarding the extension do not hesitate to contact our Tech support.

June 26, 2013 Author: Lubov Cholakova Rating:

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