Category: CSS

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
All PostsCSSTutorials

15 Thorough & New CSS3 Tutorials

For today I have selected 15 fresh and useful CSS3 tutorials for your next project. CSS3 and HTML5 are the topics that you see and hear everyday and I think it is the right time to start diving into it. While there is no freedom in expressing our ideas in CSS3 prior to weak support in major browsers we want to be the first ones when it is fully supported right? Besides chasing the trends you will gain valuable experience in CSS3, HTML5 and jQuery which will help you to solve your problems in your projects.

In this compilation you will find only newest CSS3 tutorials on creating amazing transition effects, slideshows, navigation menus and much more.

Read More
All PostsCSSInspirationWeb Design

Unusual & Unique Examples Of Website Navigation

Website navigation is one of the most important web usability aspects so you should take this into consideration creating clear and intuitive website navigation design. People coming to your website usually have some web experience and they expect to find simple navigation which should be clean and straightforward for user to find things he wants fast. Otherwise your visitor will get stuck and will leave your website unhappy and with bad experience of your website and possibly brand.

In this post I would like to introduce you unusual and unique examples of website navigation. Although it is really hard to use unusual navigation and achieve its main goal you definitely should give a try with your personal project, blog or portfolio in order to stand out from the crowd and give your visitors the possibility to experience the new level of navigation.

In this post you will see some original and unique navigation design ideas implemented into real websites. Creative and beautiful but is it worth that? Leave your thoughts in comments section below the post.

Read More
All PostsCSSTutorialsWeb Design

Tutorial: Using CSS Shorthand in your Stylesheets

Using CSS Shorthand is great for reducing the lines of code and preventing us typing lots of duplicate lines of code in our stylesheet’s, but how many of us use it? I notice on a lot of developers stylesheets that they have multiple lines of code where only one is needed and I don’t really understand why! I guess it’s a personal preference, but here is how you can start coding CSS in shorthand.

Read More
All PostsCSSFreebiesHTMLInspiration

Favourite Links 1

I am going to start a set of weekly posts that will show you my favourite links I have found, been sent or have used myself at some point. Please, if you have time to take a few minutes to help spread my posts using the share links at the bottom of the page I would be very greatful! Right heres my #1 set of links…

Read More