A handpicked collection of beautiful colour gradients for design and code. Hopefully this little effort will help you draw inspiration and serve as a resource for picking gradients for your own projects. Adding a gradient to the library is super simple. All the gradients are loaded and rendered from a single gradients.json file. Currently only gradients with two colours are allowed.
FocusPoint is a jQuery plugin for ‘responsive cropping’. Dynamically crop images to fill available space without cutting out the image’s subject. Great for full-screen images. Websites don’t have a single layout any more. The space you have for an image may be portrait on a laptop, landscape on a tablet, and square on a mobile – particularly if you’re using a full-screen image. If you have to use the same image file in all these…
Gravit is a design tool for Mac, Windows, Linux, ChromeOS and the Browser made in the spirit for Freehand and Fireworks. It is completely written in HTML5, Javascript and CSS3. Gravit consists of the core engine called “Infinity”, the actual Application and the core Module called “Gravit”. Features like robust typography tools, paste-inside support, and a versatile context-sensitive user interface have all been laid out with efficiency in mind.
Light Table is a new interactive IDE that lets you modify running programs and embed anything from websites to games. It provides the real time feedback to not only answer questions about you code, but to understand how you programs really work. Light Table runs on Windows, Mac OSX 10.7+, and most flavors of Linux. Light Table’s general editor capabilities will work with most languages out there, but it has deeper language integrations (things like…
ShortcutMapper is s visual keyboard shortcuts explorer for popular applications. The only page of the website is index.html The application uses ajax calls to load keyboards and application data. These ajax calls will fail using the file:// protocol, so you need to set your browser to allow this. Here’s how to enable that for Chrome: http://stackoverflow.com/a/21413534 Once that’s done, just open the index.html in your browser and you’re off!
Apple’s pocket sized smartphone can be pretty handy design tool. Despite strong competition from the free Android apps, the iPhone continues to be the top choice of the designers. With new applications emerging every few weeks, it becomes a lot easier for the designers to get things done. These apps cover a range of things like drawing, typography, image correction, or note taking and will help you to stay productive. Whether you are planning to…
Lime Text is a powerful and elegant text editor primarily developed in Go that aims to be a Free and open-source software successor to Sublime Text. Lime has a few frontends (QML, command-line interface) that can be selectively used with the pluggable backend. You can even develop your own and make it a drop-in replacement! – 100% Open source – Compatible with Textmate color schemes (which is what ST is using) – Compatible with Textmate…
Outdated Browser v1.1.0 is a time saving tool for developers. It detects outdated browsers and advises users to upgrade to a new version. So, you’re tired of people visiting your modern website with an outdated browser and not doing anything about it. Maybe they aren’t “power” users, maybe it’s your auntie running a last century browser trying to see awesome CSS3 animations and transforms. Let the user know that’s an outdated browser, and advise them…
Wireframe.ccc is a minimal wireframing tool that lets you wireframe your websites and web apps.If you want your wireframes crisp and clear you should keep them simple.Wireframe.css can help you achieve that by offering a very limited palette of options. Wireframe.cc is trying to guess wht you intend to draw.If you started drawing a wide and thin element it is more likely to be a headline rather than a vertical scrollbar or a circle.Al you…
Web based IDEs are becoming more and more common nowadays and today we want to let you know about another beautiful web IDE / browser based code editor – ICEcoder. ICEcoder is a web IDE / browser based code editor, which allows you to develop websites directly within the web browser. It uses the brilliant CodeMirror for code highlighting & editing, with a slick IDE wrapped around it to make the whole thing work. ICEcoder…