A Web Designer’s Typographic Boilerplate

I like to use a typography.css in my projects; a separate file which houses all the basic structural typographic styles I’ll need. A lot of what’s found within it is obvious stuff (heading sizes, for example) but it also contains less obvious things which I don’t want to forget. Let’s work our way through the… Continue reading A Web Designer’s Typographic Boilerplate

Code a Single-Page Sliding Website Layout With Fixed Navigation

When constructing a simple webpage, it can often make sense to fit the content into a single layout rather than multiple pages. These single-page websites are beneficial when you have a small project or portfolio which needs some online presence. If you split up content into neat sections, then visitors might use a small sliding… Continue reading Code a Single-Page Sliding Website Layout With Fixed Navigation

20 Useful and High Quality Web Design Tutorials and Resources

Web designers and developers must know various important components to develop a beautiful website. All tricks and tools can not able to learn within few days. It requires long practice and hard work. To help those guys I today going to present 20 Useful and High Quality Web Design Tutorials and Resources.   How to… Continue reading 20 Useful and High Quality Web Design Tutorials and Resources

Design & Code – free PSD theme by Diogo Dantas

Diogo Dantas has released Design & Code – free PSD theme, simple, minimal and clean that can be used as personal / startup portfolio. Features: – Multipurpose Template – Flat Design – 3 Colors Available – Full Layered – 5 Pages – 960 Grid System based Preview Download Diogo Dantas

Adobe Muse: Let’s Build a Website Without Writing Code

This entry is part 1 of 1 in the series Introduction to Adobe Muse Muse is one of Adobe’s Creative Cloud applications aimed at building for the web. It specifically caters for designers with a print background, or those who simply don’t have experience in coding. Muse’s visual interface and tools allow users to design… Continue reading Adobe Muse: Let’s Build a Website Without Writing Code

Code a Dynamic Featured Image Gallery Layout using jQuery

The common image thumbnail carousel effect has gained traction among web developers. You can locate this technique on almost any major news company or online magazine, coupled with rotating featured images or banner designs. I feel that open source code has offered a much smoother choice for developers instead of being forced to write your… Continue reading Code a Dynamic Featured Image Gallery Layout using jQuery

25 Web Development Tutorials for Useful Code Snippets

Over the past few years we have published a large set of tutorial focused on web development techniques. Both frontend and backend code samples are always helpful when you are building new projects. And that is reason enough to go back and check out past tutorials for golden nuggets of codes. Check out the gallery… Continue reading 25 Web Development Tutorials for Useful Code Snippets

How to Write Code That Embraces Change

Writing code, which is easy to change is the Holy Grail of programming. Welcome to programming nirvana! But things are much more difficult in reality: source code is difficult to understand, dependencies point in countless directions, coupling is annoying, and you soon feel the heat of programming hell. In this tutorial, we will discuss a… Continue reading How to Write Code That Embraces Change

Top 20 PSD To HTML Services To Code Your Design

In this Internet world full of business opportunities, having a semantic and user-friendly website is important to the next Internet entrepreneur, aka you. But alas, not everyone can be an HTML/CSS ninja, since it requires a truckload of learning spirit, good karma (best practice), and years of experience to produce a functional website that actually… Continue reading Top 20 PSD To HTML Services To Code Your Design