’ve stated that being up-to-date is essential no matter what you do for a living, so here are new resources for web designers and web developers, things that could help you on your projects. You will find in this article slideshow plugins, CSS frameworks, HTML5 and CSS3 resources, a few GUI PSDs and various jQuery plugins. I’m sure you’ll enjoy them.
Mosaiqy is a jQuery plugin for viewing and zooming photo working on Opera 9+, Firefox 3.6+, Safari 3.2+, Chrome and IE7+. Photos are retrieved from a JSON/JSONP data structure and randomly moved inside the grid. All expensive animations are taken over by your GPU on recent browsers using CSS3 transitions, minimizing the CPU overhead.
Set column and gutter widths, choose the number of columns, and switch between pixels and percentages. All without any ugly .grid_x classes in your markup. Oh, and did we mention it’s responsive?
Cryptocat lets you set up encrypted, private chats for impromptu secure conversations. Messages are encrypted locally and are verified for integrity. conversations are securely wiped after 30 minutes of inactivity. Cryptocat is fully compatible with Tor for anonymous chatting. couple cryptocat with Tor anonymization for maximum confidentiality.
We all want everything here, now, fast and with no hassle (no need to install anything). This is what Codeanywhere does, it lets you code from anywhere, without the need to bring anything along with you. Just log on to Codeanywhere with any computer or smartphone, and all your servers, files, everything is waiting for you, even the files you left open will be open when you login again.
FitText makes font-sizes flexible. Use this plugin on your fluid or responsive layout to achieve scalable headlines that fill the width of a parent element.
Oh, and don’t you dare let us catch you using FitText on paragraph text. This is for gigantic display text only!
Diapo slideshow is an open source project. You can suggest changes or improvements if you want. You can download it and use for free
HTML5Pattern should be a source of regularly used Inputs-Patterns.
jQuery HTML5 Uploader is a lightweight jQuery plugin that lets you to quickly add an upload system a-la-Gmail into your web app. You only need to create a dropbox element (i.e. a div) and jQuery HTML5 Uploader will do the rest. Then you can drag & drop one or more files on the element and the files will be uploaded.
It also works with the multiple input file element. The upload function is divided into two asynchronous operations: client side, the file is loaded in the browser memory with a FileReader object. Useful if you want, for example, to show the image preview while uploading a picture. The server side operation consists in sending the binary file string to the postUrl (see settings).
Creating custom dropdowns is usually a tedious process that requires a ton of extra setup time. Oftentimes lacking conveniences that native dropdowns have such as keyboard navigation. DropKick removes the tedium and lets you focus on making s@#t look good.
Bootstrap is a toolkit from Twitter designed to kickstart development of webapps and sites. It includes base CSS and HTML for typography, forms, buttons, tables, grids, navigation, and more.