Is the CSS syntax way too simple for you ? Do you think preprocessors are for losers ? Are you paid per line of code ? Do you need big stylesheets ? FESS your CSS and get more code from your source !
FESS (Fat Expanded Style Sheets) is an online CSS de-compressor which makes your CSS fat, expanded and readable.
Drawscript is a free Adobe Illustrator extension for converting Illustrator shapes into code. It generates graphics code from vector shapes in realtime.
Indigo Studio is a free prototype tool which lets you quickly create functional, animated UI prototypes while maintaining the focus on user experience at every step.
Whether you’re a designer without developer skills, a developer without design resources, or anyone with a great idea – you can design storyboards in real-world context, quickly prototype application design interactions that integrate with your storyboards, annotate those designs, and share your best designs with team members and key stakeholders.
CSSmatic is a set of CSS/Design related tools for designers to save their time. This is an intuitive way of using high technology to make your daily work as easy as you were expecting.
CSSmatic is offering following tools:
- Gradient Generator: By using the gradient tool you can create super color fill with smooth color changing effects.
- Border Radius: Change all the borders selected at the same time. That’s it.
- Noise Texture: By changing the color and values using the intuitive slider, the generator makes it so simple to create background textures for websites.
- Box Shadow: Create box shadows with ease.
A color picker, or color chooser is a utility, usually found within graphics software or online, used to choose colors or create color schemes.
You can find a number of color picker tools on the internet but when it comes to customize / skin a color picker plugin, most of them uses a ton of images and hard to skin or customize, or are very large in size.
Spectrum is a simple color picker jQuery plugin which is lightweight and offers a familiar interface. It is easy to skin and customize the plugin with CSS, and there are a wide range of modes and options to explore.
A forum software is a group of people interested in a common topic who are willing to type paragraphs to each other on a web page. Forums are a fundamental building block of web community.
Discourse is the 100% open source, next-generation discussion platform. Discourse is a from-scratch reboot, an attempt to reimagine what a modern, sustainable, fully open-source Internet discussion platform should be today – both from a technology standpoint and a sociology standpoint.
The server side of Discourse is written in Ruby on Rails with a Postgres database.
Kandan is a free open source chat application built Ruby on Rails (A popular ruby language framework) and supports many databases.
Kandan has really cool features and beautiful interface. It enables to manage multiple chat rooms simultaneously, easily share images, youtube links, etc.
- Searchable Message History
- File Uploads
- Multiple Chat Room Management
- Shared Room Audio
- Easy deploy to with CloudFoundry, Heroku, dotCloud, etc.
- Collaborative Team Chat
- Unlimited Channels
Extensions are extra features and functionality that you can easily add to Google Chrome. By using extensions, you can customize Google Chrome with features you like, while keeping your browser free of things that you don’t use.
Today, we are sharing few useful extensions for web designers and developers.
- Develop web applications faster with real-time preview and code completion
- Start coding immediately without having to set up a boilerplate HTML file
- Import from existing site
- Revert changes with local history and compare with diff utility
- Write HTML quicker with the Zen Coding mode
What is the easiest way to find out the fonts used in a webpage? Firebug and Webkit Inspector are easy enough to use for developers. However, for others, this should not be necessary. With this extension, you could inspect web fonts by just hovering on them. It is that simple and elegant.
It also detects the services used for serving the web fonts. Supports Typekit and Google Font API.