CategoryHTML

How To Create Stylish Marquee Text Using CSS3

H

The marquee <marquee> has a lond and rather dismal history, going all the way back early of the internet explorer. Never standardized element nor a part of any HTML Spec, <marquee> was commonly used to create a scrolling “Ticker Tape” effect for text on the webpages during the late 90s. In this tutorial we’ll learn to create basic animated marquee text using CSS3 technique. The...

How to Show A Webpage In Iframe On Your Website Or Blog

H

Iframes are useful for a wide variety of content and especially for in-site navigation where you can use on to load pages or code snippets dynamically on a page without being an AJAX programmer and without using any javascript. There are many ways this can by helpful when building a website. Iframes are particularly helpful when are using a third party website and you want your website visitors...

Pave Your Way to World of Web Design with Knowledge of Programming Languages

P

The pace at which the Web has evolved is commendable. The web development, particularly front-end web development has been developed rapidly and has been largely affected by the recent changes in coding techniques and approaches. In 2004, a front-end Web developer should be one who has the hands on experience and knowledge about HTML and CSS, along with somewhat knowledge about JavaScript. With...

Creating Responsive Style Sheet With Media Queries

C

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...

Creating Basic Style Sheet For Responsive Template

C

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...

Creating HTML In the Responsive Template

C

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...

Another HTML5, CSS3 Navigation Menu For Blogger

A

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...

CSS3 And HTML5 Static Tab Navigation For Blogger Blog

C

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...

How To Create Multi Level Responsive Dropdown Navigation Menu

H

We also discuss about the Creating A Responsive Web Design And Template. Do you want to create your own responsive menu for your website but don’t know how ? In this post we will show 4 awesome responsive menus that you can use to build your own website.  For simple navigation, the solutions can be straight-forward. However, if you’re working on something a bit more complex, maybe with...

Introduction: Creating a Responsive Web Design and Template

I

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...

Subscribe to Blog via Email

Enter your email address to subscribe to this blog and receive notifications of new posts by email.

Categories

Recent Posts

Recent Comments

Archives