Design elements related to weather are frequently used in any type of design and here is a nice icon set to visualize the weather conditions.
Climacons is a set of 75 free pictographs that has items to reflect almost any type of weather.
They are available bıth in .PSD + .AI in single layered files and free for personal and + commercial projects.
For each scripting language, there are various image manipulation libraries for actions like cropping, resizing or optimizing each item.
The problem is that some libraries are lacking some features, they may not be available on "that" hosting account, etc. and you may be in need of a better solution.
Cloudinary is a web service for processing and manipulating images in the cloud with the requests we can send using the HTTP and URL based APIs provided.
It starts with handling the uploads (including multiple files at once) and accomplishes standard jobs like cropping, resizing, optimizing or converting them so easily.
Let's say you have uploaded an image named "product.jpg" and sized 600*400px using the API. You want to display a small thumbnail in the product listing page:
a little bigger one in the product detail page:
and the original one in a lightbox
Amazing right? They are all created on-demand, cached for future use and served from Amazon CDN for faster delivery.
But, Cloudinary offers more and smarter methods for today's web which will impress you like automatically fetching user photos from social networks.
jQuery Knob is a lightweight jQuery plugin for creating good-looking circular switches (like the "volume controls" in radios).
It works by transforming any given input fields according to the values defined in its attributes and can be drag 'n' dropped to change the value.
We can define the min-max values, default value on initial load, color and put it into "read-only" mode (which is also good for using it as a visualization component).
There are no documents for the plugin but things are very straightforward and checking the source code of the demo is pretty enough to learn its logic.
If you are one of the designers/developers who jumped into the LESS world to get more out of CSS, you will love Css2Less.
It is a web-based tool for converting CSS files into LESS by simply copy-pasting the styles.
The tool uses the css2less Ruby library in the backend and its website is open sourced for anyone willing to host it themselves.
Responsive GS is a fluid grid CSS framework for developing responsive websites quickly.
It has 3 flavors: 12, 16 and 24 columns with media queries for all standard devices, an optional reset and clearfix.
The styles for the grid, media queries, reset and IE-specific ones are smartly separated into different CSS files so we can use only what is needed.
minjs is a collection of independent components, built on jQuery, that aims to accomplish a specific job with lightweight code.
Currently, there are 3 components: minform, longtable and dtcal.
minform brings cross-browser compatibility to HTML5 form enhancements (for attributes: placeholder, required and autofocus).
longtable is for easily navigating through tables with many rows. It adds a pagination and offers functions to directly viewing any given page.
And, drcal, a simple calendar framework that looks and behaves how you wish. There are several functions for interacting with it.
The purpose of this tutorial is to show how to create a realtime location aware visitor tracker for a web site or application.
When a visitor navigates to the page on your site, or accesses your mobile web app, the visitor tracker will display the new visitor hit in realtime, displaying the page they've landed on and where each visitor is on a Google map (lat/long and locality). For the purposes of the tutorial, we'll write our server code in PHP, but you could use any server side language you like.
Here is how the end result will look like:
For the realtime functionality we'll use Pusher, who I work for. Pusher is a hosted service for quickly and easily adding realtime features into web and mobile applications. The service is used for all sorts of features such as notifications, game movements, chat, live data feeds and much more, so it fits the bill nicely here too. We'll be using the Pusher JavaScript API and the Pusher PHP Library.
Here's the order in which we'll cover things:
dgrid is an open source, advanced and highly flexible datagrid component for Dojo.
It makes use of modern web technologies, lightweight in size and runs pretty fast.
The functionality can be extended with ready-to-use column plugins (editor, tree, etc.) and extensions (drag 'n' drop, pagination..). Any new ones can be created as well.
The look/feel of the grids can be completely customized with the theming support. There is support for keyboard interactions and it is tested to work in mobile too.
dgrid is very well documented with examples and tutorials to easily get started.
Martin Karásek, a user interface and icon designer from Prague, has a beautiful freebie to share.
Freshy Icons is a set of 100+ pixel-perfect icons with mostly action and file/folder items.
They are offered as a single, layered PSD file where each icon is created as shapes so that they can be resized without any loss-of-quality.
CreateJS is a collection of multiple JavaScript libraries which can work independently or together for creating HTML5-powered, interactive experiences.
Currently, it consists of 4 libraries:
And, there is an Adobe AIR app named Zoë which is an open source tool for generating spritesheet images and frame data from SWF files.
They can be downloaded and requested from our websites or a free CDN is provided for faster/easier usage.
