Posts Tagged ‘CSS’

Build Powerful and Beautiful HTML Forms With Ideal Forms Framework

Ideal Forms is a small framework to build powerful and beautiful html forms. It’s very easy to use and requires minimal html syntax. It degrades gracefully when JavaScript disabled. It comes with multiple themes and the created html forms can be styled easily with CSS.

Read the rest of this entry »

Component Based CSS Layout System: StackLayout

StackLayout is a flexible width component based CSS layout system. It is proposed as an alternative to the popular grid style layout systems. The default StackLayout is a ‘fluid’ or ‘liquid’ layout based on percentage widths so you can mockup your design quickly. It provides adequate markup structure and layout hooks so that you can [...]

Read the rest of this entry »

Detect Invalid Markup With Holmes Stylesheet

Sometimes you are so much engrossed in your code that you do not have time to nitpick minor details. You decide to live with those problems until the time when you can dig deeper and fix those issues. However, there are some issues that can be instantly fixed and make your code cleaner and compliant [...]

Read the rest of this entry »

Free Stylish Clickable Map of Europe using CSS and jQuery

Interactive maps are now all over the web and are being used in many different ways on websites and web applications. Check out why integration of maps is leading the emerging trends in web design and how people are actually using them on their website and web applications. Today’s post is about a simple jQuery [...]

Read the rest of this entry »

Live CSS Editing Across Multiple Browsers At Once: FireCSS

FireCSS is an awesome and very useful add-on for Firebug. This Firebug add-on allows you to make live CSS changes on a given page, FireCSS then sends the changes to any browser open on that page. FireCSS is activated by adding a temporary javascript tag to any page you want to edit. That javascript activates FireCSS and connects [...]

Read the rest of this entry »

JavaScript Framework for Creating Magazine-style Layouts: Treesaver

Treesaver is an open source JavaScript framework for creating column-based and magazine-style layouts that dynamically adapt to a wide variety of browsers and devices. Treesaver is designed to give designers the ability to create general design guidelines, which are then used to quickly construct a layout appropriate to the current browser and device. This open [...]

Read the rest of this entry »

Typewriter As a Contact Form: Vintage Typewriter

An out-of-the-box contact form tutorial from TutorialShock: they developed an awesome typewriter contact form with all the primary functions fully operational with the mighty power of jQuery and CSS. The typewriter contact form can be manipulated in 3 different ways: You can either operate it via keyboard Clicking directly over the typewriter’s keys Using a [...]

Read the rest of this entry »

WYSIWYG HTML and CSS Styling Tool for Web Designers: Xeo CSS

Xeo CSS is a fully web-based WYSIWYG HTML and CSS styling tool for web designers. This web based tool helps designers to design web pages with no coding. Xeo CSS is very useful HTML / CSS WYSIWYG tool for beginners, it supports CSS3 properties and bundled with CSS3 gradiants generator. Features Desktop-like experience Generates Class & [...]

Read the rest of this entry »

Automatically Add Vendor Prefixes, CSS Constants And Minify CSS With CSS Agent

CSS Agent is an ASP.NET handler for adding automatic vendor prefixes, CSS constants and minification for your CSS style sheets. CSS Agent automatically adds vendor prefixes to CSS properties. Simply write using the W3C syntax and let CSS Agent do the rest for you. CSS constants allow you to define and re-use values in your style [...]

Read the rest of this entry »

Commonly Used And Minified CSS Reset Scripts: CSS Reset

A CSS Reset is a short, often compressed (minified) set of CSS rules that resets the styling of all HTML elements to a consistent baseline. Every browser has its own default user agent stylesheet, that it uses to make unstyled websites appear more legible. Using a CSS Reset, users can force every browser to have all [...]

Read the rest of this entry »