Group items tagged

I want to share a fantastic little tool that I've only recently come across; Live.js, written by Martin Kool. This JavaScript file automatically checks for changes to your CSS and JavaScript files, and refreshes them. That means you can have your text editor in one half of the screen, and a web browser in the other. When you save changes in the editor, the updates are reflected immediately in your browser. It really helps to speed up your development time. A lot of text editors offer HTML previews and such, but they only work for plain .html pages. The great thing about Live.js is that it works on any webpage, including a working WordPress theme...............(.read more.)

"This little tool converts any .ttf (TrueType Font) or .otf (OpenType Font) file to .ttf, .otf, .eot, .woff and .svg files. It also creates a CSS file and a demo HTML file to show you how to use it on your website - using CSS @font-face."

Developing websites is much more than just a pretty face, and depending on what typed of features you'd like to implement on the site, there's a lot of coding that goes into it. Many times designers turn to a WYSIWYG tool, however tools of that sort are more limited to advanced code. Being able to code a site using a variety of tools lets you simplify the coding process while you take a big bite out of saving time.

Add CSS styles to any website, and share the result with a short link

A tool for visual layout development of YAML based CSS layouts

logicss is a collection of CSS files and PHP utilities aimed at reducing web development time. It allows developers to create customizable fixed, elastic, or fluid (liquid) layout grids.

logicss is a collection of CSS files and PHP utilities aimed at reducing web development time. It allows developers to create customizable fixed, elastic, or fluid (liquid) layout grids.