Design-Dev

Useful CMD tricks and commands

That wretched black window with a broken white font gives more scares than be of any use, right?…Wrong. Though not exactly user-friendly, the Command prompt can sometimes prove to be of help.  First things first. How do you run cmd? Press the ‘windows-key + r’ combination and type ‘cmd’ in the Run box. But what if the utility is blocked … Continue reading

How to add color picker program in a web application

Color-picker is a program that provides GUI interface to select a color to be used in a web application. You must have seen such color-pickers in many web applications and websites. Below are the steps showing how you can use a color-picker program in a web application. Firstly, you need a color-picker program that you can download here – Download JavaScript … Continue reading

How to rotate an image continuously using JavaScript and CSS3

Today we’ll show how to rotate an image by 360 degrees, again and again, continuously to get an awesome animating effect, and that too with very little DHTML code. Basic image rotation The CSS3 rotate property allows you to tilt or rotate images at varying degrees. Basic image rotation can be achieved using a few lines of CSS3. Here is the basic syntax, This one … Continue reading

How to create JavaScript stopwatch timer: Full tutorial and download

A simple JavaScript timer can be developed in a few simple steps, with a few lines of code; no need to ask a developer or use any third party plugin. Please check the demo before proceeding, The basic idea Basically, our JavaScript timer tutorial has 3 main parts, 3 buttons; start, pause and stop to control the timer. Setting timer to 00h:00m:00s, by default. … Continue reading

How to create hover effect in CSS

Adding hover effect in menu isn’t a big deal for web developers but novice DHTML enthusiasts, who are in phase of learning the art of web designing might need a basic tutorial to know how to create hover menu in CSS. Hover or Mouseover is an event that’s triggered when mouse is moved over an item which could be an anchor … Continue reading

&#9658 How to post special characters in a blog &#9835 &#9835 &#9835

There may be times when you want to add special characters like ☺ ☼ ♫ in your blog. You can do this by including their ASCII code in the blog title and content. Special characters can make the blog visually appealing and catchy. ► Special characters in blog title For adding special characters in the blog title, just add the ASCII value along-with the … Continue reading

How to use stylish fonts in a website with CSS3

CSS3 is packed with some great features giving divine powers to web designers. One such feature is the ease with which it allows webmasters to use stylish fonts in a website. With CSS3, you can include font(s) in real-time and stylize heading and content of a website. Here is the syntax for using stylish font in CSS3, Important thing to note … Continue reading

How to add stylish fonts in a blog

Using stylish font(s) in a blog has gone easy with Google fonts. It allows you to add fancy fonts to amplify appearance of your blog headings and content. Previously, we read a blog in correct font only when we have that particular font installed in our system. But with Google fonts, you can download stylish fonts on page load and then use … Continue reading

Simplify DOCTYPE definition with HTML5

The only code web developers copy and paste is the long, weird, pesky XHTML DOCTYPE definition. With HTML5, you can simplify the DOCTYPE definition of your webpage. Actually with HTML5, the use of DOCTYPE is no longer mandatory. But we should continue using older DOCTYPE definition for some time as older browsers ask for it. Here is how HTML5 simplifies … Continue reading

How to include CSS code in a webpage

CSS stands for Cascading Style Sheet, its used to control the design and appearance of HTML elements of a webpage. 3 ways to include CSS code In HTML code of web elements: We put all our styling code within tag of the web elements in the style attribute. This is the best option when the size of code is small … Continue reading

How to use CSS Sprites for design and effects in websites

If you’re a web designer and want to employ tactics to improve website loading speed by keeping the appearance intact then you must know how to use CSS Sprites in designing and providing smoother effects to websites. What is CSS Sprites CSS Sprite is a technique wherein we combine multiple images into a single one, and then use the desired … Continue reading

Single page awesome jQuery portfolio website: Demo, download and tutorial

Today we’ll discuss a website developed in late 2008 and was my portfolio site when I was studying. This one is a single page website wherein we put our content in four different divs and navigate between them with cool transition effects using jQuery. Before we proceed you should check, Demo Okay! What’s the idea? If you have a fair bit of idea … Continue reading