There are many frameworks out there which mimic the user interface of iOS but not much exists for Android

Fries is a solid HTML-CSS-JS framework for creating Android-like UIs both for real-world usage and prototyping.

The framework has all the major components like forms, action bars, lists, buttons, spinners or tabs.

It is also optimized for PhoneGap and can be easily converted to a native app.

Advertisements:
ioDeck, a self-hosted and awesome PHP form generator.
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Least.js is a jQuery-powered image gallery that can display images in a Pinterest-like layout.

The images are displayed from an unordered list where their order is randomized on each load.

Any clicked image doesn’t load the bigger version in a modal but by sliding other items down and the big version on the top (kinda similar to Google Image search).

The gallery makes use of HTML5-CSS3 features and works good on responsive layouts.Advertisements:
ioDeck, a self-hosted and awesome PHP form generator.
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Sliding side menus are widely used in mobile apps as they are only visible on-demand and save space.

jQuery.mmenu is a slick plugin that brings the same behavior into any -mobile- web layout.

It transforms unordered lists with unlimited sub-lists into menu items and has multiple options for customization.

The options include the position of the menu (left/right), if a counter for the menu items will be displayed or not and more.

jQuery.mmenu can also be controlled (opening, closing and toggling the menu) with simple functions.Advertisements:
ioDeck, a self-hosted and awesome PHP form generator.
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
SSLmatic – Cheap SSL Certificates (from $19.99/year)

When building and updating native mobile apps, testing them can be a pain as this may require including an SDK or recompiling the app.

Appium is an open source framework which helps automating mobile app testing from any language and any test framework, with full access to back-end APIs and DBs from test code.

It works for both iOS + Android apps and tests can be written with Java, Objective-C, JavaScript, PHP, Python, Ruby, C#, Clojure, or Perl.

The framework is Mac OS X only and requires Nodejs to run.Advertisements:
ioDeck, a self-hosted and awesome PHP form generator.
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
SSLmatic – Cheap SSL Certificates (from $19.99/year)

HTML5 Up! is a website that creates and shares very good-looking and free HTML5-CSS3 templates.

All the templates have responsive layouts (down to mobile) (uses Skel.js) and they are compatible with all major browsers.

There are already 10+ templates where new ones are added within time and they can be used freely under the CCA license for both personal or commercial projects.

Advertisements:
ioDeck, a self-hosted and awesome PHP form generator.
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
SSLmatic – Cheap SSL Certificates (from $19.99/year)

When building websites with scripting languages that require compiling (Sass, Less, Stylus..), compiling them manually (or via refreshing the page) is usually an extra step.

Prepros is an open source application for Windows OS that can do that automatically for Less, Sass, Scss, Stylus, Jade, Coffeescript, Haml and Markdown.

It auto-compiles the source and injects the CSS (also HTML and JS) to the browser so that no refresh is needed.

There are options for the compiling process like the output format or its style (compressed, nested..).

Prepros also has a built-in + static HTTP server for testing any ajax requests.Advertisements:
ioDeck, a self-hosted and awesome PHP form generator.
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
SSLmatic – Cheap SSL Certificates (from $19.99/year)

We use labels on many parts of web design like providing information about images, form elements, videos..

Label.css is a simple-yet-useful set of CSS rules that provide a global label usage.

Each label can be attached to any element, positioned how we want (right, left, top, bottom, inside, outside) and can be animated with float or fade effects.

It works by adding pre-defined classes to the elements and the content of the labels are stored inside the data-label attributes of each element.

Simply, a good addition to any stylesheet (or CSS framework).Advertisements:
ioDeck, a self-hosted and awesome PHP form generator.
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Skel.js is a tiny JavaScript framework (~6kb gzipped and minified) that simplifies building responsive layouts very much.

It has a JavaScript-powered and 12-column grid system that can handle any type of complex layouts + has easy-to-understand rules.

Managing breakpoints is just about adding the width ranges in the options of the skel.js‘ main function.

There is a plugin system for extending it further (a UI plugin is mentioned to be released soon).

Also, many helpful options exist like the ability to applying reset.css or normalize.css and defining the box model instantly.Advertisements:
ioDeck, a self-hosted and awesome PHP form generator.
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
SSLmatic – Cheap SSL Certificates (from $19.99/year)

When working with JSON strings, it is usually hard too understand their hierarchy at the first look.

JSONmate is a web app that can beautify (and uglify) JSON strings where these strings can be directly pasted or loaded from a  remote URL.

Also, it has a very nice visual editor for customizing the data and a visualizer that provides a different view for it.

JSONmate has support for JSONP too and it is an open source project.Advertisements:
ioDeck, a self-hosted and awesome PHP form generator.
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Users with modern browsers are increasing each day and making use of features like HTML5 audio sounds more and more logical.

AudioPlayer.js is a jQuery plugin for quickly placing a HTML5-powered audio player to any web page.

The player’s interface is chic (doesn’t use any images for that), has a responsive layout and touch support.

It has the major controls (play/pause, volume and duration) and weights only 4kb.Advertisements:
ioDeck, a self-hosted and awesome PHP form generator.
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
SSLmatic – Cheap SSL Certificates (from $19.99/year)

phpFreeChat is a free and open source PHP chat application that doesn’t require any database to run but rather uses the filesystem for it.

It can be used at the same time by any number of users, has a responsive layout that works in mobile too and has a modular authentication system which can be integrated into any app.

The application has 2 parts:

• server: a PHP-powered engine that accepts REST commands and handles the chat logic
• client: a jQuery plugin that communicates with the server and displays the chat interface

phpFreeChat is pretty simple in functionality yet support for multiple rooms, smileys and a “new message notification” will be added soon.Advertisements:
ioDeck, a self-hosted and awesome PHP form generator.
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Lately, I was in a search for a jQuery range slider, jQuery UI’s slider widget was the first that I thought of.

It had all the features I needed: working as a single or range slider, default values and man/maxvalues. However, the smallest download size for it was still ~40kb. Too much for a slider.

Tried many others, they were good but almost each of them was missing a feature I needed (that you may not need).

And I found noUiSlider. It had all the things I was looking for and with a size of 2.7kb.

There is support for single or double handles, custom starting values, vertical/horizontal orientation and the ability to get /set values.

Also, it works on touch devices and can be customized with CSS completely. Just a perfect widget for any UI.Advertisements:
ioDeck, a self-hosted and awesome PHP form generator.
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
SSLmatic – Cheap SSL Certificates (from $19.99/year)

GoodUI is a website that regularly shares handy tips for creating “converting and easy-to-use” user interfaces.

The tips are described in detail, visualized nicely and usually easy to apply.

Some of the tips in the list include: “try recommending instead of showing equal choices” or “try undos instead of prompting for confirmation”.

New tips are being added regularly and they a mailing list to update you about these fresh items.Advertisements:
ioDeck, a self-hosted and awesome PHP form generator.
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
SSLmatic – Cheap SSL Certificates (from $19.99/year)

CSS frameworks are great to save time from recreating rules for typography, forms, tables, etc.

However, they are not that great for everyone. There are many designers/developers that prefer to recreate such stuff from scratch so that each of their work looks/feels different. Or, many others have their own CSS snippets that fasten the development.

If you are one of these designers/developers and looking for only a grid system but nothing more, Fitgrd can be a good fit : ).

Fitgrd is a responsive grid system with 12 columns and no strict sizes for the min-max widths.

Each column has 2 percent of margin on both sides and everything works with percentages.Advertisements:
ioDeck, a self-hosted and awesome PHP form generator.
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Chartkick is a Ruby gem (also has a JavaScript API which doesn’t require Ruby) for creating good-looking charts very easily and quickly.

It integrates with 2 charting libraries: Highcharts and Google Charts where it is possible to use the same functions for generating charts with each library.

There is support for multiple chart types and multiple series in a single chart.

And, like mentioned there is also Chartkick.js which brings the same functionality to the client-side, without Ruby.Advertisements:
ioDeck, a self-hosted and awesome PHP form generator.
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Windows is a lightweight jQuery plugin for nicely scrolling the full-screen.

It provides a simple and handy API for managing the page/content position to ease the browsing experience.

The plugin can analyze if a defined content is in the viewport, how much of it is in the viewport and can trigger any actions like focusing the page to the content by scrolling it.

Advertisements:
ioDeck, a self-hosted and awesome PHP form generator.
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
SSLmatic – Cheap SSL Certificates (from $19.99/year)

When building any map-related applications, there are many popular providers to select from like Google Maps or Bing Maps and they provide APIs for integration.

However, using an open source engine and the ability to switch providers anytime offers more freedom + flexibility.

Cesium, a WebGL-powered JavaScript mapping library, offers just that by being provider-agnostic.

It has support for 3 different views: 3D globe, 2D map, and 2.5D Columbus View where transitioning from one to another is just a line of code.

Drawing any type of shapes, highlighting specific regions and interacting with the map using mouse or touch is pretty easy.

Cesium comes as a single JS file and work in all major browsers including mobile.Advertisements:
ioDeck, a self-hosted and awesome PHP form generator.
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
SSLmatic – Cheap SSL Certificates (from $19.99/year)

It is so good that the web gets more and more lightweight with the use of modern web technologies.

Few days ago, WRD had shared the pure CSS gallery and now CSS Modal, a solution to create modal boxes with CSS.

They can be used to display any HTML content and designed to work in responsive layouts.

JavaScript is used only for improving the experience (Esc key support, firing events..) and it is also available as a SASS plugin.Advertisements:
ioDeck, a self-hosted and awesome PHP form generator.
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
SSLmatic – Cheap SSL Certificates (from $19.99/year)

For any dynamic website, if it is not the performance of the network/server, database queries are usually the source of performance issues.

They should be optimized for sure and minimized with the help of caching.

phpFastCache is an open source PHP caching library that comes as a single-file and can be integrated so quickly.

It has support for multiple caching methods (apc, memcache, memcached, wincache, files, pdo and mpdo), the period of caching can be defined and has a very simplified API.Advertisements:
ioDeck, a self-hosted and awesome PHP form generator.
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Drawing anything using modern web technologies is possible, however, the default APIs are not that user-friendly.

Two.js is an exciting JavaScript library that provides a 2-dimensional and single drawing API for SVG, Canvas And WebGL.

The library has only (currently) support for shapes (no text or images) and allows importing SVG data.

It can group multiple elements which is useful when transforming them together.

There is a built-in animation loop, methods to draw well-known shapes and lots of options to customize them.Advertisements:
ioDeck, a self-hosted and awesome PHP form generator.
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
SSLmatic – Cheap SSL Certificates (from $19.99/year)