Category: HTML

30 Eye-Catching Website Templates using Twitter Bootstrap
All PostsHTMLInspirationjQueryWeb Design

30 Eye-Catching Website Templates using Twitter Bootstrap

Twitter Bootstrap has been around for a few years gaining a lot of momentum. Designers love the simple interface along with the many pre-built JS components. Bootstrap allows any designer to focus on the semantics, without worrying about page resets or rebuilding HTML structure. Bootstrap is naturally responsive with options to create fixed-width layouts, too.

This gallery includes 30 brilliant website templates created using Twitter Bootstrap. Many are free to download while others can be purchased from premium marketplaces. Bootstrap themes are much cheaper than CMS themes because there is no backend. Yet even the free examples are great learning tools.

Read More
10 Useful Time Saving Responsive Frameworks
All PostsCSSHTMLWeb Design

10 Useful Time Saving Responsive Frameworks

The time spent building a new web project can be greatly reduced if you choose to use a prebuilt HTML5/CSS framework.

A front-end framework can provide you with tons of prebuilt web elements such as responsive grids, JS sliders, complex menus, model windows, icon fonts – pretty much everything you may need to get your website up and running fast.

Here are ten useful, time saving web design frameworks that you should bookmark for future use in your projects.

Read More
All PostsCSSHTMLWeb Design

Useful Tools & Resources For Better A Vertical Rhythm

When creating new sites or prototypes, designers often start by using a handy layout grid to help them maintain a consistant and organised layout. Often the invisible vertical grid or rhythm is overlooked during the design process, leaving the typography and overall reading experience a UX nightmare for the unsuspecting user. In today post, I wanted to bring your attention to vertical rhythm in design.

Read More
All PostsHTMLjQuerySocial NetworkingTutorials

Tutorial: Grabbing Popular Dribbble Shots Dynamically via jQuery

Compared with any other design network Dribbble always seems to come out on top. The quality of submissions is beyond comprehension to most graphics designers, especially with mobile/web user interfaces. There are so many amazing shots published every day but it’s tough to keep up with the constant flow of new publications.

In this tutorial I want to demonstrate how we can build a small webapp which dynamically pulls all the most recent popular shots from Dribbble. The interface is very simple to work with and we want to create all these effects without refreshing the page. For organizing the backend data I’ll be using a custom jQuery plugin named jribbble. It suits our needs perfectly and it’s so easy to get started – even a newbie JavaScript developer could pick this up in a couple hours.

Read More
All PostsCSSHTMLSocial NetworkingTutorials

Tutorial: Get Your Social Follower Count Using PHP

Often it is a pretty common occurrence to see websites display their social statistics such as Twitter followers and RSS subscribers on their site. In this tutorial, I will show you how to get your social following statistics for your Twitter, Facebook and Feedburner account. In this demo I have coded up Orman’s Subscriber Count Icons and used PHP to get each count.

Read More
Tutorial: Coding a jQuery Popup Modal Contact Form
All PostsCSSHTMLjQueryTutorials

Tutorial: Coding a jQuery Popup Modal Contact Form

Modal windows have become a popular asset for web & mobile developers. iPhone and iPad applications have such a limited screen real estate that it’s useful to bring in additional menus floating on top of the view. This concept also translates well into webpage interfaces where you can hide smaller, minute details.

In this tutorial I’ll demonstrate how we can build a minimalist modal contact form. I’ll be using jQuery along with the fancybox plugin to manage dynamic content. The open source code libraries make scripting so much easier. And we can implement a small Ajax call which submits the form data via PHP on the server end.

Read More