Category: css
-
CSS: Opacity in all browsers
Today’s market is based on 3D and most things are doing by jQuery or Javascript to make fast loading application. Opacity is a part of CSS to make transparent image without PNG format. To set the opacity property to an image you can use: .img_transparent_class{ opacity: 0.5; } But this line will suitable for some…
-
Drag and Drop div area with pure javascript – Step 3
My last two posts told to create javascript and html file. This post will tell you last step to drag and drop div are with pure javascript ( without jQuery ). Add below css code to head tags in the index.html file: and create a folder with name images and put your images in this…
-
Drag and Drop div area with pure javascript – Step 2
After reading my previous post Drag and Drop div area with pure javascript – Step 1, you have created javascript file draganddrop.js. Means you can add this javascript file to html page. so create a file index.html file and put below content in the head tag : And put below code inside the body tag:…
-
Drag and Drop div area with pure javascript – Step 1
Today I have to work on drag and drop functionality and I found that on mostly sites it provides using Jquery but I have to develop with pure javascript. so I found best code for it. and this was the solution : First create a file draganddrop.js and put below code in this file: var…
-
show the div area in middle on screen using jquery
If you want to show any div area in the middle on click any link or button then follow these steps: 1. First download and add JQuery js in your file. 2. now create a function If you want to show any div area in the middle on click any link or button then follow…
-
How to control the case of characters using CSS?
How are you controlling the case of the characters in your project. Talking about me, I was using ucwords() function of PHP to control the case of the characters when required. Today, I come to know two new property of CSS which controls the output of the case of the characters of the words. You…
-
How to make rounded corner textbox using css
In this post, I’ll explain to you how to make the rounded corner textbox using a image and css. Text box is placed over a container element whose background image is the key of the rounded corner textbox. This is the image which I’ve used in my example, don’t click and start typing it just…
-
Animated content navigation effect using jquery
I always get bored with the same stuffs. And, I see same kind of content navigation to the different websites. Click a link, let’s the whole web page gets loaded and new page gets displayed. It would be better to show another content in the same page with few animation without loading the whole page.…
-
Making dashed or dotted link using CSS
Today, one of the friend of my office asked me how to make dotted or dashsed link as he was looking for “text-decoration” for making it.Today, I’ve come up with a very simple technique to make a dotted or dashed hyperlink using CSS.This technique might be known to most of you guys but it might…
-
W3c markup validation and Big websites – Is it really needed?
Today, I would like to talk about W3C XHTML validation service.This service checks the XHTML of your website and reports you if your web page have any error or warning according to standard of W3C. If you are talking about this website currently you’ll find 74 Errors, 24 warning(s) and frankly I’ve never been bothered…
-
Get the book “The Art & Science of CSS” at free of cost
Are you a web developer ? Are you a web designer? The you must not leave this offer. I don’t know weather you know about this offer or not. Sitepoint is giving the book The Art & Science of CSS at free of cost. I think you’re might interested in getting this book, just follow…
-
Sleek and Smooth animated menu using jQuery
Today, I’m going to show you something interesting with jQuery. Yesterday I was thinking something to post something programming related stuff in blog after long time and I came across a website, whose menu impressed me a lot. But checking it in a while, I found it it was built using mootools. Since it was…