Menu Close Menu

Posted by Ishtiaq Ahmad at 4:18:00 PM Labels: CSS , HTML , SmartPhone , Web Design 3 comments
In the last article we’ve seen the basic rules to create a simple layout for a website. After concentrating on the pc-desktop version, in this fourth part of the series, we’ll see which are the rules to apply to make the layout responsive. So, the final result will become pleasant for both tablets and smartphones, as we’ll see in the final part. Screen resolution nowadays ranges from 320px (iPhone) to 2560px (large monitor) or even higher. Users...
Read Article →

Posted by Ishtiaq Ahmad at 7:49:00 PM Labels: Icons , Vector Icons , Web Design 1 comments
Icons set for you to use for your own projects and creations I have put together a set of social media logos and icons in vector. The set includes 64 logos/icons of my favorite networks and services. In today’s article, you will find 64 icon sets for a variety of purpose, all available for free. It’s quite a difficult task to find inspiration and fresh ideas while designing a new website, but perhaps these icon sets will be able to be a great source...
Read Article →

Posted by Ishtiaq Ahmad at 10:29:00 PM Labels: Icons , Vector Icons , Web Design 0 comments
Social media icons are one of the essentials and nitty-gritties when it comes to talk about website or theme. They can be placed anywhere on your site either on header, footer or on the side bar. One thing which is kept in supreme focus while choosing right kind of social media icons is that they ought to be attention grabbing so any visitor’s consideration can be attained by them as they are like nuts and bolts of a website. What we have done...
Read Article →

Posted by Ishtiaq Ahmad at 10:45:00 PM Labels: CSS , HTML , SmartPhone , Web Design 1 comments
In the Previous tutorial of this series, I’ve shown how to start building a website with the HTML code and its main elements. Now it’s time to introduce the first CSS rules in order to have a general idea of the graphic style that the homepage of our website will display, especially for the pc-desktop version. First of all, before having a look on the rules we have to apply in order to create a particular design for our homepage, let’s see how...
Read Article →

Posted by Ishtiaq Ahmad at 9:27:00 PM Labels: CSS , HTML , SmartPhone , Web Design 3 comments
In the first article of this brand new series, I have introduced the main objectives of the series and given a short but complete introduction on the critical components of media queries and responsive breakpoints. Now, it’s time to begin doing some practical work. As I have mentioned before, I’ll start with the planning and creation of a mockup for each of the three main device types on which our responsive website will be designed, tested, and...
Read Article →

Posted by Ishtiaq Ahmad at 9:32:00 PM Labels: CSS , HTML , Navigation 0 comments
In this tutorial, we’ll take a look and see what we can achieve with HTML5 and CSS3. HTML5 brings to the spec a dedicated <nav> element that should be used as the container for any major navigation structure, such as the main vertical or horizontal site navigation menus, or an in-page table of contents for example. IE unfortunately doesn’t support this new element yet, but there is a simple fix we can use, of which I’m sure you’re all aware. Live...
Read Article →

Posted by Ishtiaq Ahmad at 12:25:00 AM Labels: CSS , HTML , Navigation , Web Design 3 comments
Today in this article we are showing you a pure CSS3 menu, no images or JavaScript used. Here are used  two CSS files. RESET.CSS – Many browser interpret the default behavior of html elements differently. By using a general reset CSS file, we can work round this. This file also contains some general styling, such as anchor tag colors, font-sizes, etc. Keep in mind, that these values might be overridden somewhere else in the file. STYLE.CSS...
Read Article →

Posted by Ishtiaq Ahmad at 10:53:00 PM Labels: CSS , Drop Down Menu , HTML , SmartPhone , Web Design 2 comments
Mostly we discuss regarding responsive web design in our blogger related tutorials. Do you wish to make your own responsive menu for your website, but don't know how ? during this tutorial we'll show you 4 awesome responsive menus that will be very useful to build your own website navigation.  For straightforward navigation, the solutions is straight-forward, However, if you’re performing on something a bit more complex, perhaps with multiple...
Read Article →

Posted by Ishtiaq Ahmad at 5:05:00 PM Labels: CSS , HTML , SmartPhone , Web Design 4 comments
Responsive templates are necessary to have a website display correctly on every device. To begin creating your own Responsive Template, you will need to understand the CSS media property and what type of screens mobile phones, tablets and desktop computers are. Designing Mobile Responsive Templates has become a trending topic in web today. Mobile Technology and Mobile Traffic has evolved massively from 2011 to 2013, People now prefer reading articles...
Read Article →

Posted by Ishtiaq Ahmad at 8:52:00 PM Labels: Blogger Widget , CSS , HTML , Navigation , Web Design 1 comments
There are many ways to approach navigation on your website and they all have their pros and cons. We have the top horizontal navigation bar, which can limit the number of links you can have before you have to resort to sub menus which, in my opinion, aren’t the best — but if you’re only looking to keep a couple of items in your navigation bar, this could be the one for you. Another approach is the vertical sidebar menu, but a drawback of this...
Read Article →