CSS

137 articles

Automatically Refresh CSS Files: CSSrefresh

When you're coding a website, nothing can be more frustrating than having to switch from the texteditor to the browser over and over again, just for small changes to occur. With CSSrefresh installed, all the included stylesheets are automatically refreshed directly after you save them. CSSrefresh is a small, unobstructive javascript file that monitors the CSS-files included in your webpage.…

Bootstrap Inspired Toolkit for Building Facebook iFrame Apps: Fbootstrapp

Fbootstrapp is a toolkit designed to kick-start development of Facebook iframe apps. It is based on Twitter's excellent Bootstrap. Just as that, it includes base CSS styles for typography, forms, buttons, tables, grids, navigation, alerts, and more. You can use Fbootstrapp in one of two ways: just drop the compiled CSS into any new project and start cranking, or run LESS on…

Twitter Bootstrap-like Free jQuery UI Theme: jQuery UI Bootstrap

Addy Osmani, a jQuery developer released jQuery UI theme, inspired by the beauty of Twitter Bootstrap. It offers the ability to theme jQuery UI widgets using Bootstrap styles. With this jQuery UI bootstrap theme, not only do you get the ability to use Bootstrap-themed widgets, but you can now also use Twitter Bootstrap side-by-side without components breaking visually. [rss]Special Downloads[/rss]…

Speed Up Your WordPress Theme Creation with Wordless

Wordless is an open source Wordpress plugin that dramatically speeds up and enhances your custom WordPress theme creation. It gives you ability to create a new WordPress theme skeleton directly within the WordPress backend interface and you can write PHP code using the beautiful Haml templating system. With Wordless you can write CSS stylesheets using the awesome Sass syntax and…

Feature Rich Powerful CSS Editor: WebPutty

WebPutty is a feature-rich and powerful CSS editor which gives you a syntax-highlighting CSS editor you can use from anywhere, the power of SCSS and Compass, a side-by-side preview pane, and instant publishing with minification, compression, and automatic cache control. With WebPutty, you get an in-browser, feature-rich, syntax-highlighting CSS editor. You can see your changes instantly with the side-by-side preview…

CSS Spritemap Generator: Spritemapper

If you are optimizing a website for speed, one of the major changes that I would recommend is combining images into sprites. Not all of them, of course. I usually convert small images that are called very frequently such as images used in navigation menus, images and header, footer or side bar (social media icons, for instance), dividers, link buttons…

CSS Crib Sheet for Web Developers: InstaCSS

Being a web developer and crazy coder, I have a couple of 'must haves' at my desk  - a mug of coffee, dual-display setup and a couple of crib sheets - HTML 5, CSS3, JavaScript etc. Crib sheets serve as quick reference guide to help me instantly find syntax and attributes when I am stuck. Just like my personal crib…

Responsive Web Framework Based on 960 Grid: Amazium

I am the kind of person who surf a lot on the Internet on many different displays - as large as my 1080p display screens to as small as 320x480 screen of my Xperia Mini. As an avid admirer of web design, one of the prime design factors that I want from websites is responsive layout - quick and clutter-free…

Overlay Grid for In-browser Website Development: The Heads-Up Grid

The Heads-Up Grid is an overlay grid for in-browser website development, built with HTML + CSS + JavaScript. The Heads-Up Grid overlays an easily configured grid over your page, which you can toggle on and off as you work. It’s unobtrusive and allows you to easily set margins, a baseline grid, and columns. The grid's default unit of measure is…

Build a Vertical Rhythm For Your Web Typography with Gridlover

Typography is the art / technique of arranging type in order to make language visible. The arrangement of type involves the selection of typefaces, point size, line length, leading (line spacing), adjusting the spaces between groups of letters (tracking) and adjusting the space between pairs of letters (kerning). Gridlover is a web app for building a vertical rhythm for your web…