CSS Prism is a CSS color spectrum inspector. Input the path to any .css file, and it will output an easy to scan display of all hex colors from the file. Unwanted colors can be edited via a Photoshop-like color picker and the resulting .css file can be downloaded for your convenience.
The CSS Prism Bookmarklet will insert links to any webpage’s linked .css files just inside the body tag. CSS Prism will be quite helpful to you if you are building more sites at work.
Requirements: –
Demo: http://cssprism.com/
License: License Free
Skipfish is an active web application security reconnaissance tool. It prepares an interactive sitemap for the targeted site by carrying out a recursive crawl and dictionary-based probes.
The resulting map is then annotated with the output from a number of active (but hopefully non-disruptive) security checks. The final report generated by the tool is meant to serve as a foundation for professional web application security assessments.
Requirements: –
Demo: https://code.google.com/p/skipfish/
License: Apache 2.0 License
Sprite Cow helps you get the background-position, width and height of sprites within a spritesheet as a nice bit of copyable css. I personally found it pretty useful and easy to use.
There are one or two rather clever tricks happening with Javascript and Canvas to discover the dimensions of images and generate the CSS, they have also shared the code on Github so that others can see under the hood.
Requirements: –
Demo: http://www.spritecow.com/
License: MIT, GPL License
TN3 Gallery is a full fledged HTML based customizable jQuery image gallery with slideshow, transitions and multiple album options. It is compatible with all modern desktop and mobile browsers. And it is powered by our beloved jQuery.
With TN3 Gallery you can easily create amazing photo galleries and slideshows with multiple albums, image preloading, dynamic image sizing, mouse wheel navigation, optional captions, thumbnail carousel, CSS skinning, XML and Flickr support.
TN3 Photo Gallery looks really clean and easy to use. There are 5 transition styles you can choose to use, including fade, slide, blinds, grid and none. All transition styles are very smooth. It works really well on photo or image gallery sites.
You can download the free lite branded version for the basic functionality, or the unbranded professional version for extended features. What are you waiting for?
Requirements: jQuery Framework
Demo: http://www.tn3gallery.com/
License: See website for details
The Endless Mural is an interactive, collaborative art website built in HTML5. You can experiment, play and draw, using all the tools and artwork provided. When you are happy with what you have created, submit your composition to the endless mural and become a part of this global collaboration.
See your own drawing as a part of an ever growing, ever evolving whole, and take a look at what contributors from all over the world have created.
Requirements: HTML5 Browser Support
Demo: http://endlessmural.com/
License: License Free
Thank you for all of the participants of Giveaway 50 x Digital Copy of the Awwwards Book. We are happy to announce the following winner. Congratulations. You will receive an email from WebAppers with the digital copy of the book.
Michiel, Gerty Engrie, Staxx, shito, gecko, Mike Jongbloet, Chandra, RazorD, AoSiX, Paletta, Omar, Abdelhadi Touil, Laurent, Mario Awad, Omar Koukouch, Eddy, Greg Caie, Patrick van alderen, luke watts, Olivier, Pere, Joost Kiens, Klaas, Daniel Spitzer, TreeUK, Craig Pinto, Srinivas, Dejan Dujmović, Todd Budnikas, gaurav, Paul Jarratt, Aaron Whittaker, Jorge Lima, teeaby, Thomas Apfelbacher, Tommy, jobmeer, Colin Greig, Ricardo, martin, Fabricio, Emanuel Felipe, Roderick, Melih Gümüşçay, Iteisaburo, Ilija Eftimov, benj, Matthew eloughry, christine, Robert Durish
WebAppers will continue giving away some really nice web development tools and resources to our readers. Please feel free to suggest what you would like for the next Giveaway under this post. Thank you.
Adding relevant images to static prototypes is a pain, that is why folks tend to fill them in with placeholders. If you really want to add an image, you have to search for it, download it, crop it to right size, and then add it to your prototype. That is until now.
flickrBomb is an easy way for you to fill your prototypes with relevant content, and not just those dull gray placeholder images. Hover over the images and click the wrench icon to see flickrBomb in action.
Requirements: jQuery Framework
Demo: http://www.zurb.com/playground/rapid-prototyping-with-flickrbomb
License: MIT License
The jQuery documentation is great, very complete, nicely written and with a lot of examples and demos. However, it is difficult to find the right documentation for what we search for. Try to search for the .is() function for example. Over 100 matches before the actual function we are looking for. And it is a fixed layout.
jQAPI is an Alternative jQuery Documentation, which is very fast and slick. The navigation becomes much more easier. And the style is clean and comfortable to use. In my opinion, it should be the best alternative jQuery documentation out there.
Source: http://jqapi.com/
Orman Clark has designed a pretty slick compact music player interface in PSD some time ago. Now, someone has coded the design into an awesome HTML5 Music Player in jQuery for us. The user interface is very clean and easy to use. You can also check out other HTML5 Music and Audio Solutions for jQuery we have mentioned before.
Requirements: jQuery Framework
Demo: http://www.codebasehero.com/files/music-player/demo/
License: License Free
We always wanted to know the comparison of numbers among the most popular Javascript frameworks and web applications developed by those frameworks. Here is an infographic of Javascript Frameworks and jQuery. It includes jQuery, Mootools, Prototype, YUI, Dojo, Extjs and etc.
From the infographic, you can get an idea of how many installations of those frameworks have been measured over the last month. It is also interesting to know that Version 1.3.2 is the most popular version of jQuery at the moment.
Click to enlarge.
