CSS3Ps – Free Photoshop Plugin For Converting Shapes Into CSS
CSS3Ps is a free Photoshop plugin that allows us to convert shapes in a PSD file into CSS3-powered elements. It has support for Photoshop versions starting from CS3 and works by re-directing any conversion requests to the website of the plugin. The CSS3 rules for the shapes are created within seconds and presented with the output. It works [...]
Pondasee – Front-End Starter Kit For Ruby Fans
Pondasee is front-end base, created by the developers of Tokokoo, for quickly starting a new web project. It makes use of Compass + Sass and includes styles for handling all major stuff like typography, forms, tables or buttons. The project includes several other well-known resources like HTML5 Boilerplate, Modernizr, jQuery, Normalize.css, Formalize, Selectivizr and more.
Vertical Baseline Made Easy with Baseline.js
Implementing a vertical baseline can be pretty easy. But maintaining one can be difficult, particularly with the addition of images in articles and webpages. That’s where Baseline.js steps in. Baseline.js is a jQuery plugin that helps you to maintain vertical rhythm set by a typographic baseline, even when adding inline images with awkward sizes. Using Baseline.js couldn’t [...]
RefineSlide – Responsive Image Slider
RefineSlide is a lightweight (4kb gzipped) jQuery plugin for quickly integrating a responsive, image-based slider into our websites. The slider uses CSS3 transitions + 3D transforms (has JS fallback) and has a bunch of attractive transitions. It has an option to display thumbnails (auto-formatted and responsive) or arrows as the navigation (and, there is keyboard support as well). RefineSlide allows defining captions and [...]
SeuratJS – Pixelate Images With JavaScript
SeuratJS is a plugin for the powerful Raphaël that enables us to create vivid animations and pixelated artwork. It extracts the color information from any given image and rebuilds it in SVG with the modifications applied. The plugin works cross-browser and can be customized with various settings (like the shape of the brush being used to re-generate images).
Making Fully Functional Web Pages Made Easy
Mozilla Thimble makes it ridiculously simple to make stuff on the web. Thimble lets youmake your own real, fully functional web pages in minutes. Then host and share them with a single click. Sharpen your web skills along the way. Easy, huh? Thimble makes it easy to work with HTML and CSS, the building blocks of [...]
WebMatrix 2 – Microsoft’s Web Development Tool Gets Much Better
Around 2 years ago, Microsoft had announced the first version of WebMatrixand it was shared at WRD. Lately, they have made the release-candidate of WebMatrix 2 available and it has become an exciting product for many. The tool now has support for the most recent web-dev technologies includingHTML5-CSS3, Node.js or jQuery Mobile. It has a one-click installer for many popular [...]
Cloudinary – Smart Image Management and Manipulation
Cloudinary streamlines your web application’s image manipulation needs. Cloudinary’s cloud-based servers automate image uploading, resizing, cropping, optimizing, sprite generation and more. You can simply upload images to the cloud with RESTful APIs. A simple URL access will automatically crop and resize these images for a perfect fit in your web site. No installation required. Here is [...]
Zebra Datepicker – Jquery Plugin
Zebra Datepicker is a small, compact and highly configurable datepicker jQuery plugin, meant to enrich forms by adding the datepicker functionality to them. This jQuery plugin will automatically add a calendar icon to the indicated input fields which, when clicked, will open the attached datepicker. Users can easily jump between months and years due to the datepicker’s [...]
Brackets – OpenSource Web Based code editor by Adobe
Brackets is an open source code editor (IDE), built by Adobe, which iscreated with only client-side web technologies like HTML-CSS and JavaScript. The editor focuses on simplicity and, rather than too many panels, the quick-edit UI is the main thing. A “live development” feature syncs a browser with the editor and displays any changes instantly. It is integrated with [...]