Category Archives: CSS

Simple JQuery Drop Down Menu

jQuery-Drop-Down-Menu




Drop Down menu is the crucial role playing item in any web design. Never mistake by ignoring your website drop downs because none of design can attract that smartly but a stylish looking drop down menu can do the smart work. Are you one who looking for some simplest solution of how to make a jQuery drop down menu? If yes! Luckily you’re at the right place. Our this tutorial will help newbies to learn how drop down menus work […]

Text Rotation With CSS

everydayworks_rotate




Within the article I tell about Text Rotation With CSS. All of the major browsers support some kind of text rotation. For a cross-browser implementation, you have to include a number of CSS instructions and additionally, maybe even some JavaScript for positioning. Just because you can rotate text every which way, be sure to think about whether it’s a good idea or not before throwing in a bunch of vertical text in your pages. CSS Transform Object The transform object […]

Drop Down MegaMenu

large_preview




Mega drop-down menus are not actually new, but more and more we see them on popular websites and blogs. With the ever increasing quantity of content on the web we have to figure out solutions to display content and navigation but still keep everything usable and provide a good user experience. It’s no wonder mega drop-downs are now used more often. Today we’ll take a look at creating a simple HTML site with a horizontal navigation bar where a menu […]

CSS Colors Tools

css-color-tools




In this Article we tell about top css color tools. these tools are very usefull fol color schema. If you wish to design your WordPress blog’s appearance by yourself, you can rely on CSS. Here are 6 useful CSS color tools that could help get you started. Color Scheme Designer Color Scheme Designer provides colors in color wheel form.  It has different color variations in percentage ratio like mono, tetrad, triad, analogic, accented analogic and complementary. This is especially useful […]

Awesome and Simple Webkit Tricks

css3




In this , we come with useful, awesome and simple webkit tricks. with the help of this you understand css better/ The basic pattern for all of the above mentioned animations is the following: In CSS, tell WebKit that, for an element or group of elements, when a specific property changes, it should transition from one state to another over a set duration and using a particular timing function (also called an “easing algorithm”). Also in CSS, set the initial state of […]

Generate Web-Safe Fonts When Using @font-face

font-face




One of the biggest mistakes I see with people just getting introduced to the CSS3 @font-face selector is the use of regular OTF or TTF fonts in their web pages, instead of the recommended WOFF (Web Open Font Format)and EOT (Embeddable OpenType) font formats. With traditional font formats (TTF, OTF), the primary use was for print and applications that created such documents. There were no worries about compatibility across different browsers like there are when creating websites. Now with the large adoption of @font-face, web designers […]

Make Full Image Background With CSS

css1




Full screen image backgrounds are a must if you are creating a portfolio or a photography website. This usually involves using a jQuery plugin, which will properly resize the image with the browser window, and do the necessary calculations so that the image covers the entire width and height of the page. But did you know that if you are ready to sacrifice support for IE8 and below, you can have that kick ass effect only with a line of […]

Top Free HTML5 & CSS3 Templates

Top Free HTML5 & CSS3 Templates




Over the last few years there has been great collections of quality free HTML & CSS templates published on Web Duos. There have been some great free templates released over the last year so we thought it would be appropriate to share some of these great new designs with you all. In web development, it’s important to move with the times and embrace the latest changes. As such, all of the templates listed in this article were designed using HTML5 […]

CSS3 rounded corner input

CSS3 rounded corner input




The CSS3 properties border-radius and box-shadow allow a designer to easily create rounded input boxes with pure HTML and CSS without having to resort to images. This post shows how it can be done and deals with vendor prefixes and other cross browser issues to ensure the input boxes work across all browsers. What am I trying to achieve? Here’s a screenshot taken from Chrome 10 on Mac Snow Leopard showing an HTML input box with rounded corners and a […]

CSS3 Text Shadows

CSS3 Text Shadows




Our journey to the world of shadows continues. If you missed the article, we explored the basics of using the box-shadow property. Today we are going to focus on the text-shadow. Just to remind you: both properties, while defined in different modules, actually work in a similar way. So if you are already familiar with the box-shadow you will easily understand the basics of the text-shadow’s art. Before we jump into the practice, let’s delve a little bit into the […]