CSS Miscellaneous
ADDING A CUSTOMIZED CURSOR
Now a days mostly web browser supports customized cursors defined with CSS.
Although the cursors will not have the customized look in some browsers it usually doesn't ruin anything. These browsers will simply show the normal arrow-cursor which would be same case as if you refrained from customizing cursors at all.
Making a CSS3 Animated Navigation Menu
In this short tutorial, we will be using the power of CSS3 effects and transitions, to build a JavaScript-free animated navigation menu which you can use to add a polished look to your website or template. We will be using some neat features such as the :target pseudo selector and :after elements.
Selectors and Declarations in CSS
Before CSS came around, it was common to create an entire page layout with HTML tables. While this can still be done, it should certainly be avoided at all costs. Besides, CSS makes everything so much simpler. You give your HTML elements a Class or an ID, and then you style those elements based on the Class or ID that you've given them. Let's have a look at how CSS works!
Fix Collapsing Elements With Floating Children
We are going to talk about how to un-collapse them parent elements of floating children. How many times have you had an element collapse or rather disappear from sight when its children element are using a CSS float style?
A Faster More Flexible Way to Write jQuery CSS
We all know that its better to assign an ID or Class to an element that references a style sheet via jQuery, but there are some cases where styling or even animating your element with jQuery is necessary.
Multiple type of image hover mouse rollover effect
In this tutorial, we will help you learn more on mouse over / rollover effects that can be created with CSS.
CSS3 interactive overlays on rollover
In this tutorial, you will learn to create rollover interactive overlays. We have created these interactive overlays with stretchable border and overlay information within translucent, linear fill, rounder corner background. So are you all set for this highly informative tutorial.
CSS3 thumbnail photo gallery
Using CSS3, we can create beautiful fast loading thumbnail gallery which shows the bigger image on hovering.
Some CSS Tricks you many not know
Here are some CSS techniques many people may not know, these can be very much helpful while working on CSS.
Customize Facebook Comments
Facebook tutorial showing step by step on how to customize the static FBML comments social plugin. Another social design tutorial brought to you by Daddy Design
Internet Explorer Conditional Comments
This handy feature of Internet Explorer provides a nice clean way to serve different HTML to IE and non-IE browsers. Very useful for getting round those IE CSS bugs! This tutorial shows you how to use them.
Why CSS is better than tables
Is CSS a viable option for a web designer that only does small sites, or using tables just fits the bill?
Useful CSS Techniques For Your Next Design
The following CSS techniques have been used by DLS Software Studios many times throughout our projects, and we are going to share some of them with you. Most of these tips are pretty basic, however, they are overlooked most of the time.
Image Maps With Pop-Up Tool Tips
Using an unordered list, a couple of images, and a little CSS, we can create an accessible "image map" with pop-up tool tips that provide our readers more information on the links the map contains. There are several techniques out there for doing this, but, unlike some, the one outlined here has the advantage of working in older versions of Internet Explorer.
Do We Really Need Proprietary CSS Properties?
Recently, I was working on a project that utilised Webkit's CSS transforms to create a cool effect as a little extra to anyone viewing the page in Safari. Firefox 3.1 will also introduce CSS transfor…
How to Add Google Custom Search Box in Navigation Menu
We all know navigation of a website gives more impression to the readers. Most of the people want important things like search box, categories in navigation. In this tutorial I am going to explain how to add google custom search box in navigation bar.
A jQuery Twitter Ticker
In this tutorial we are going to create a pure jQuery & CSS twitter ticker which utilizes Twitters Search API. It will show your or your friends latest tweets, and will not require any server side code or databases. As a result, the ticker will be easily included into any web page and easily modified to your likings .
9 Most Common IE Bugs and How to Fix Them
In this tutorial, you are going to learn about the most common IE bugs and rendering disparities and how to easily squash them or deal with them.
Hanging Punctuation
Hanging Punctuation refers to the technique of positioning certain typographical elements, such as bullets, quotation marks on pull quotes, etc. into the margin of a document, so that the main text that the glyph highlights remains flush with the rest of the body copy around it. Often seen in print, rarely used on the web, hanging punctuations can help keep the flow of your document and make the text easier to read.
Making A CSS Based Calender
With some simple CSS applied to an unordered list, we can quickly and easily make a nicely formatted calender that's easily lightweight and updated.