Chart.js is an impressive JavaScript charting library that is built on top of HTML5 canvas . It currently supports 6 chart types (line, bar, radar, pie, column and polar area) and all this comes in a standalone, Originally posted here:
Advertise here via BSA Every designer should have designed a corporate identity at some point in his career. In fact brand identity building is an essential part of design. Every company, agency, firm, TV Chanel soccer team and even freelancers need a logo and a corporate identity. These identities usually consist of Letterheads, business cards, envelopes, CD cover, CD box, bag, pen, pencil, calendar and more. Corporate Identity Photoshop Mock-up helps designers to present their identity design in a modern and pretty way for their clients or for presentation in their portfolios. This mockup is totally made with photoshop and not based on any real photo. This is vector based and build with vector shapes, this makes it resizable without quality loss. Requirements: – Demo: http://www.blugraph
Advertise here via BSA Flat UI Free is made on the basis of Twitter Bootstrap in a stunning flat-style, and the kit also includes a PSD version for designers. Flat UI Free contains many basic and complex components which are great for designers to have at hand: buttons, inputs, button groups, selects, checkboxes and radio-buttons, tags, menus, progress bars and sliders, navigation elements and more. Colored, stylish icons can easily be modified and used in a wide variety of projects, as they contain original layers. Glyphs are also available in psd, html/css and svg formats. The kit also includes color swatches – no worrying over color choices here – with 10 colors that perfectly suit each other. Flat UI Free is made using the Lato typeface, which can be downloaded for free. Requirements:
Genericons is a free icon font that is created with blogs in mind but can fit easily to any website. It is a project of Automattic (the company behind WordPress) and the icon has items like calendar, arrows, social networks, link, comments.. . Simply, the most-used ones in blogs. There are currently 60+ icons and it is documented with examples (can be found in the download package). 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) See the original post:
Advertise here via BSA jPanelMenu is a jQuery plugin that creates a paneled-style menu like the type seen in the mobile versions of Facebook and Google, as well as in many native iPhone applications. Animation is handled by CSS transitions, for browsers with support. CSS transitions are hardware-accelerated on supporting devices, so the animations are silky smooth. For browsers that do not support CSS transitions, the jQuery animation engine is used as a fallback. Requirements: jQuery Framework Demo: http://jpanelmenu.com/ License: License Free Sponsors Professional Web Icons for Your Websites and Applications Originally posted here:
The dynamic column grid layouts are so popular not only because it is used by Pinterest but also because it is a great way of displaying content with different sizes . Wookmark , a Pinterest alternative, has released a jQuery plugin for creating such layouts, that work well on each browser, instantly. The plugin has very few options to set : the container element, offset (vertical/horizontal distance) and width of the items, that’s all. Once initialized, it gets the size of the window and auto-arranges the grid (yes, it is responsive ). 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) More:
For NoSQL fans, MongoDB is definitely the most popular solution with the simplicity and cross-platform support offered. In order to manage MongoDB databases easily, Genghis , a single-file, self-hosted and web-based solution is pretty handy. It can be installed either as a Ruby gem or as a standalone PHP script . Genghis is capable of managing any number of databases on any number of servers with support for managing databases, collections and documents. The interface of the application is responsive and works well down to mobile . Advertisements: ioDeck , a self-hosted and awesome PHP form generator. See the article here:
This is the final part in a Premium series about responsive navigation patterns. But here’s the bonus: this one’s freely available for everyone! In this tutorial we’ll walk through four variations of patterns where navigation and page content is placed off canvas to conserve space until requested. It’s time to stop copying and pasting, let’s start understanding! To recap, the first in this series focused on patterns where the navigation remained in the header. The second looked to patterns that moved the navigation to the footer. The third discussed patterns where the menu could be turned on and off. With all of these patterns the goal has been to minimize the vertical space navigation occupies on smaller screens. View original post here:
Maplace.js is a jQuery plugin that simplifies integrating Google Maps into websites . It works with the latest Google Maps API (v3) and has methods for adding markers + custom content and drawing paths, polygons or routes . There are options for defining the zoom level or controls to be displayed (zoom, map/satellite..). The plugin allows customizing almost everything from the icons used to texts and colors. It has callbacks on each action and comes with a very well documentation . 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) Read this article:
Advertise here via BSA Conditionizr is a fast and lightweight (3KB) javascript utility that detects browser and pixel ratio, allowing you to serve conditional JavaScript and CSS files . Rebuilt from it’s jQuery predecessor, it’s now 50% faster. Combined with class name additions, Conditionizr has an integrated script and style loading facility, allowing you to specify which scripts and styles you’d like to load for which browser. Browser sniffing is often considered unreliable, and Conditionizr was built to overcome this goal. The core functionality within Conditionizr is detecting and serving Internet Explorer legacy scripts and styles. With this in mind, using a similar method to the way Google Analytics detects browsers. Requirements: JavaScript Framework Demo: http://conditionizr.com/
Advertise here via BSA Parsley.js is a JavaScript forms validation . It’s Powerful, UX aware and Dead simple. Never write a single javascript line anymore to validate your forms FrontEnd. Parsley will do that for you, thanks to its powerful DOM-API. Parslet.js is less than 800 lines. Less than 12k minified. It works with jQuery and Zepto. Like no other javascript library, Parsley has a full support for #UX concerns and detailed options Read more:
Spectrum is a jQuery colorpicker plugin that probably comes with all the features you are looking for. It is image-free (only CSS and JS) and can be used for all browsers or only as a polyfill for the input[type=color] of HTML5 . The picker is actually familiar to designers/developers as it is the same one that comes with WebKit DevTools (created by the same developer) but now available as a jQuery plugin. It has support for color palettes by storing/displaying the colors you chose, the default selected color can be set or it can be configured to only display the palette with pre-defined colors . Alpha transparency selection is available, can be always visible (without clicking to a picker icon) and supports multiple color formats . Spectrum can be customized with CSS and it works on mobil
IconBeast Lite is a high-quality and free iPhone icons set that iOS developers will probably like so much. It is the smaller version of IconBeast Pro (that has 1700 items) but still has lots of icons (300) . There are items from actions to arrows, charts, devices, social networks and more. They are in PNG format, sized 30*30px and free yet require attribution when used. If you liked the quality of the set and still need more icons, make sure to check out IconBeast Pro | 1700 iPhone icons . 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) Originally posted here:
Twitter has open sourced a very nice project named? Typeahead.js for building smart auto-complete form fields . It comes as a jQuery plugin , shows suggestion as-users-type and can feature top suggestions with the help of styling. The plugin can work with both local or remote datasets and it is optimized for speed as it can prefetch the dataset, store it on the client-side and run the queries quickly. Typeahead.js simply converts any textfield into an auto-complete field, accepts JSON as the data source and has various settings for optimizing remote requests (rate limiting, maxConcurrentRequests, etc.). ? 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/
w2ui is a jQuery UI library with many widgets for creating desktop-like and data-driven web applications . The library comes as plugins for each widget so that you can choose which ones to use. It consists of the following widgets: layout, sidebar, toolbar, grid, popup, tabs, forms and field controls . They all play well with each other, make use of HTML5-CSS3 and have powerful APIs for controlling all the aspects of them. w2ui is very well-documented , has lots of demos to play with and it is being improved regularly. 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) Read the original:
Advertise here via BSA ThreeSixty Image Slider Plugin is a jQuery plugin to create 360 degree product image slider. The plugin is full customizable with number of options provided. The plugin have the power to display images in any angle 360 degrees. This feature can be used successfully in many use cases e.g. on an e-commerce site to help customers look products in detail, from any angle they desire. Requirements: jQuery Framework Demo: http://creativeaura.github.com/threesixt y-slider/ License: MIT, GPL License Sponsors Professional Web Icons for Your Websites and Applications See the article here:
Sometimes we find an icon, love its design but the colors don’t fit to the project. With Icons DB , a free and growing set of flat icons , that is not possible as we can get all the items in any color we prefer . The set includes 1800+ items in multiple formats (ICO, PNG, JPG, GIF) and 8 sizes from 16*16px to 512*512px. There are many icons which can fit very well to web apps and almost each item has multiple variations that can satisfy each taste. Only drawback is the inability to download the whole set as they are only offered one-by-one. Advertisements: ioDeck , a self-hosted and awesome PHP form generator. Read the original here:
Advertise here via BSA Every app needs controls, such as buttons, check boxes, and drop-down lists. Windows Store apps built for Windows using JavaScript can use two types of controls: intrinsic HTML controls and Windows Library for JavaScript controls. Intrinsic HTML controls are those controls, such as buttons and check boxes, that are a part of the HTML standard. Here we focus on how to create and use HTML controls. The next topic, Quickstart: Adding WinJS controls and styles , describes how to create and use Windows Library for JavaScript controls. Prerequisites We assume that you can create a basic Windows Store app using JavaScript that uses the Windows Library for JavaScript template. For help creating your first app, see Create your first Windows Store app using JavaScript . What i
There’s a lot that goes into creating a web site these days. We’re now building websites using HTML5, CSS preprocessors, APIs, custom typography and more. Our design challenges include responsive architecture, resolution independence and multi-device interaction support. In this Premium tutorial , we’ll build a single page portfolio that covers aspects of all these techniques. Become a Tuts+ Premium member to gain access to the whole tutorial, as well as hundreds of other advanced videos, tutorials, and courses. This is a customizable, responsive, single-page website that incorporates modern web development techniques including: Responsive design HTML5 markup CSS using SASS and the Compass preprocessor Typography using Google’s web fonts service jQuery fetching data from Dribbble’s API Cro
