Having covered one of the best web development frameworks (Twitter Bootstrap) and a super fast CSS coding technique with tons of goodness (SASS), in my previous posts, it is time to burn some rubber and get some work done. We will get our hands dirty and code a web page right from scratch using Twitter Bootstrap and SASS.
This will be a 2 part tutorial, with detailed steps and a comprehensive overview on the processes and concepts behind them. The first part will cover the details of building the folder structure and creating markup using TBS for the layout. The second part will have a detailed walk through on the customization of the layout using SASS.Read More
I love these geek jokes, but enough joking. This year is nearly half over and I bet you’re thirsty for new fonts. Good typography is sexy and pleasing to look at. No matter what type of designer you are, you shouldn’t ignore the art of letters. For this roundup, we’ve prepared 75 professional free fonts to spice up your typography.Read More
The design or theme of a website plays a vital role in its success. Recent changes in popular sites prompted me to write this tutorial. Facebook Timeline, Youtube Dark Theme and Gmail Clean and simple design are major changes made recently. Also 1stwebdesigner is going through its redesign process and the changes looks promising from a users perspective.
In this tutorial I am going to explain how you can dynamically switch WordPress themes based on various conditions allowing you to provide the best possible user experience. Before we dig into dynamic theme switching, let’s see how WordPress changes its menu in the admin dashboard.Read More
WordPress is the most used and popular blogging platform around the web. Its flexibility, usability and customizability are the main reasons people regard WordPress so high. Another reason is the huge array of themes available for WordPress – you can create almost anything, from online magazines to advanced e-commerce businesses. You can either get themes for free or pay for them. Of course, you get what you pay for — yet don’t be too eager to spend your money on something you might not even need. If you’re just starting out with WordPress I suggest reading Choosing a WordPress Theme: Free or Premium? After that you might consider whether you really want to pay for that premium theme. If the answer is no, continue reading and check out these 80 professional, beautiful and free WordPress themes from 2012 — the best free themes that can be found!Read More
Just like every stable release of WP, version 3.4 too brings many big and small changes to the table. With something as popular as WordPress, missing out on a feature or two is obviously natural. Plus, with the plethora of awesome features that WP 3.4 comes with you may need a guide like this to help you discover them all.
If you are also overwhelmed by the features of WP 3.4, have no fear! We’ve got you covered!
In this article, we take a close look at some of the major additions of WordPress 3.4. We shall be following a step-by-step approach — we will take a look at a given feature, delve deeper into it, and then move on to the next new feature. Of course, certain changes in WP 3.4 can’t really be ‘explored’ in an article of this nature, such as the new internationalization elements.Read More
The techniques that were new a year ago have become standard now. CSS3 is evolving fast and for that reason we’ve prepared 50 fresh, useful and instructive CSS3 tutorials from 2012.Read More
In this tutorial we will be re-creating Tumblr’s layout. Keep in mind that we do not want to copy their design with bad intention, but only to develop our skills and would like to see if we could achieve an exact, or at least a similar web layout.
This tutorial is meant for beginners, those who are looking to grasp the basics of Photoshop on how to create web layouts. By the end of this tutorial, you will have a good understanding of how Blending Options can almost solve anything!
What are you waiting for? Let’s begin!Read More
As a front-end engineer, I was always excited to be a part of an assignment where I got to code the markup and CSS from the scratch. Like any other professional, the prospect of implementing my own ideas and exploring fresh techniques, on a fresh project, used to make me euphoric. As time passed by, the number of fresh projects that I was handling increased substantially, and the concept of starting all over again no longer remained an exciting business.
It was a pain to start coding the UI components all over again in each and every project (though I maintained snippets and reused the code, it was not an effective solution for the rework!). It was then I realized the need of maintaining an extensive library of reusable components which could be used across any projects. The idea seemed to be interesting, but the fact was such an effort needed a lot of detailed analysis and extensive testing across multiple platforms and browsers, to be rest assured that, the code be reused without any hiccups across any projects. The idea was to create a framework which was reliable and flexible enough to be reused.Read More
Having a library of good assets is important for every designer. PSD resources come in really handy when designing as they save time and can be a good reference point for further customization. What’s more, PSD files are outstanding learning material. Luckily for beginners, there are experienced designers who like to share snippets of their work and release free PSDs for people to download. For this roundup we’ve prepared 50 fresh useful and pixel-perfect web interface PSD elements released this year.Read More