How to Build a Website Using Twitter Bootstrap and SASS – Part 1

Posted in Coding, HTML & CSS, Tutorials • Posted on 12 Comments

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.

How to Build a Website Using Twitter Bootstrap and SASS – Part 1 Read More

75 Professional Free Fonts from 2012 to Spice up Your Typography

Posted in Fonts, Freebies • Posted on

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.

75 Professional Free Fonts from 2012 to Spice up Your Typography Read More

20 Cool IFTTT Recipes To Automate Your Online Activities

Posted in Social Media, Tools, Web Design • Posted on 9 Comments

How many hours do you spend daily on online activities such as checking email inbox, tweeting, and sharing stuff on social media? Even though those activities are necessary, sometimes it becomes a distraction for our main tasks. Have you ever tried to automate these tasks to reduce time waste?

IFTTT is the best service available currently for automating such tasks. IFTTT has number of channels which triggers on certain conditions and executes a specified action on other channels. You can automate most time consuming tasks by using IFTTT recipes. It provides almost 46 popular channels and rising every day.

20 Cool IFTTT Recipes To Automate Your Online Activities Read More

Quick WordPress Theme Switcher Plugin Tutorial

Posted in Coding, JS & AJAX, PHP, Tutorials • Posted on 9 Comments

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.

Quick WordPress Theme Switcher Plugin Tutorial Read More

80 Premium Like Yet Absolutely Free WordPress Themes 2012 Edition

Posted in Themes, WordPress • Posted on 45 Comments

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!

80 Premium Like Yet Absolutely Free WordPress Themes 2012 Edition Read More

WordPress 3.4 – Important Things You Need to Know

Posted in WordPress • Posted on 21 Comments

WordPress 3.4 was released few days back, codenamed “Green” after the guitarist Grant Green.

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.

WordPress 3.4 – Important Things You Need to Know Read More

50 Useful and Instructive CSS3 Tutorials You Always Wanted To Complete From 2012

Posted in Coding, Tutorials • Posted on 26 Comments

Now that most browsers support the majority of the features CSS3 offers, it’s important for developers to catch up and be aware of the power of CSS3. Photoshop and JavaScript are slowly losing their significance because it’s become possible to echo the same results with just a few lines of code easier and faster than ever.

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.

50 Useful and Instructive CSS3 Tutorials You Always Wanted To Complete From 2012 Read More

How to Recreate Tumblr’s Layout Using Adobe Photoshop in 10 Minutes

Posted in Tutorials, Web Interface • Posted on 3 Comments

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!

How to Recreate Tumblr’s Layout Using Adobe Photoshop in 10 Minutes Read More

Bootstrap Your Application Using Twitter Bootstrap

Posted in Coding, HTML & CSS, Tutorials • Posted on 11 Comments

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.

Bootstrap Your Application Using Twitter Bootstrap Read More

50 Fresh, Useful and Pixel-Perfect Web Interface PSD Files

Posted in Freebies, Templates • Posted on 14 Comments

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.

50 Fresh, Useful and Pixel-Perfect Web Interface PSD Files Read More
54.89.233.81 - unknown - unknown - US