Comics may have been a good companion for many people in their childhood. Except the illustration and storyline in the comic books that attracted us, fonts used in the comic books also make characters and stories more attractive, emotional. Comic fonts are funny fonts usually related to a comic book or children. They usually appear in the creation of a comic book including titles, logos, and the text etc. Probably the only comic font most people know well is the Comic Sans MS that is available in Windows computer. But there are more to be explored except Comic Sans MS.

You've probably seen this pattern going around. It's an input that appears as if it has placeholder text in it, but when you click/tap into that input, that text moves out of the way and allows you to type there. It's rather clever, I think. Brad Frost has a really good post on it, detailing the pros and cons and such.

Many of the demos I've seen involve JavaScript. The other day I was checking out at Nest.com, saw their technique for it, and I thought of a way I could pull that off without JavaScript. So here we are.

Another amazing and wonderful collection of jQuery and CSS3 for you is presented here. In this collection we are showcasing 40 jQuery and CSS3 loading animation and progress bar plugins and tutorial. One thing keep in your mind that CSS3 animations are not yet supported in old browsers so you have to try modern browsers if you want to see the live action of these outstanding plugins. With loaders and progress bars users know that something is still going on that’s why loaders and progress bars are very essential for users.

A collection of CSS3 powered hover effects to be applied to call to actions, buttons, logos, featured images and so on. Easily apply to your own elements, modify or just use for inspiration. Available in CSS and SASS.

CSS codes snippets are useful code blocks which can help you in your web development process. Plain and simple. You can save them and use them later on your projects. It’s recommended to have a strong database of css snippets to speed up your coding process. In this article you’ll find both, interesting css codes and basic ones from my personal collection. Note that most of them were used in different projects. Happy coding!

Why use icon fonts?
Just so we're all on the same page, I'll summarize the pros/cons of using webfonts to display icons.

Pros
Fonts are vectors, so there is no pixelation or blurring on high-resolution screens as there would be if the graphic was raster and needed to scale up.
The browser support is as good as you need it to be
Once the system is in place, using them is very convenient.
Arguably easier than spriting images.
They can be controlled with CSS, like the size, color, shadow, etc.
Cons
The icons will be single-color. There are some fancy (hacky) techniques for multi-color however, and modern trends and HIGs (human interface guidelines) suggest single colors anyway.

In this collection, we are showcasing 15 most useful and responsive CSS frameworks that will help the developers to create responsive websites. In this day and age, responsive web designs are getting popular day by day because they are interactive and look good as well. Furthermore, as developers now have more tools and resources, thus creating responsive website designs is no more a difficult task.

Here, we have put together 16 most useful responsive CSS frameworks for you to help you do your job effectively. Enjoy looking into this collection and have more fun using them in your work. Remember that your comments are always more than welcome.

xCharts is a JavaScript library for building beautiful and custom data-driven chart visualizations for the web using D3.js. Using HTML, CSS, and SVG, xCharts are designed to be dynamic, fluid, and open to integrations and customization.

The main tool for developers is of course code editors.Mostly it is a standalone application but you know there are also many online code editors around the internet.There may be times which you are not with your computer so the below web based or let’s say browser based online editors will help you to do almost every coding like editing,sharing,debugging etc.
Today we selected most preferred online code editors by developers.If you know anyother which you think really useful just drop a comment.

This dynamic JavaScript slideshow is feature packed and under 5KB. It is the long awaited update to my previous script here. A few new features include description support, link support, no naming restrictions, portrait image support, graceful degradation and active thumbnail status. This script was built ground-up and will soon be included at scriptiny where all my scripts will be added as they are updated, debugged and incorporated in the new TINY namespace. I will also document the scripts more thoroughly and publish multiple examples. I will continue to publish scripts there and support as I have time via the new community forum. I will try and post more frequently here on a wide range of web development related topics

CSS has hugely improved forms. Where once you had very rudimentary forms that looked plain and un-styled, CSS lets you style your form however you want and create rich and robust forms. Even a simple contact form can look slick and increase readability and user-friendliness – which means more visitors will fill it out and you’ll get more results based on that action.

Like with any web design, there’s no need for you to reinvent the wheel – use these CSS form templates, tools and services to speed up your CSS form creation. Whether grabbing code snippets, using these templates as design inspiration, or simply using them whole, the point isn’t ultimately to try build everything from scratch by yourself, but rather have the best-looking and, more importantly, most-effective website possible. One that increases your desired results through visitors using your CSS form.

I think it's safe to say the days of using images to provide the "small touches" are over. We can now safely create gradients, drop shadows, rounded corners, and scaled, rotated, transformed animations. It seems we've now moved on to replacing more complex effects, like spinner images. A great project called spin.js has surfaced, allowing developers to create CSS-powered spinners where keyframes are available, and uses VML as a fallback for Internet Explorer. spin.js is very customizable and is built with pure JavaScript so that no toolkit is required (though a jQuery plugin is available within the site demo). Let's have a look at how to use and customize spin.js!

Checkbox inputs can only have two states: checked or unchecked. They can have any value, but they either submit that value (checked) or don't (unchecked) with a form submission. The default is unchecked. You can control that in HTML like this:

Cross-Browser CSS in Seconds.

In CSS, there are some properties that are naturally inherited from parent to child. This is useful because it prevents needing to define that same property for all children.

For example, the font-size property can be set (as it often is) on the <body> element, and virtually every element that is a child of <body> will inherit that font-size setting.

Typically, this text is displayed with grey color, but let’s say we have a need to stylize the text using CSS.
While this can be done only in Google Chrome, Safari and Firefox, in Opera as yet there is no opportunity specify the styles, and IE doesn’t support it at all.

CSS Print Page Tricks comes as a great help to the environment at least if your sites deals with some educative stuff. Being an environment thinker, we should all try to conserve what we have.

Students and even professionals likes to take printouts of important information, they find on websites. Now, this can be called as a grey area of the website design, where although the design is great, but nothing has been done to make it printer friendly

We have collected some important CSS Print Page Tricks that can turn your website into printer friendly version without much hue and cry. That will not only save paper while taking print outs but also portrait you as an environmental conscious person. So go on and turn your website into printer friendly version with these important CSS Print Page Tricks.