WebdesignerNews - Archives (décembre 2012)

Web Developer Tools & Resources

Le: 24 12 2012 à 09:57 Auteur: admin

Select2, based on the Chosen library, is a feature-rich jQuery based replacement for standard and boring select boxes. It supports searching, remote data sets, infinite scrolling of results and offers the ability to add results from the search term entered by the user, which allows it to be used for tagging. Homepage: http://ivaynberg.github.com/select2/ GitHub: https://github.com/ivaynberg/select2

Le: 23 12 2012 à 10:28 Auteur: admin

Maskew is a lightweight and mobile-friendly Javascript library (with optional jQuery plugin) that will ‘skew’ the shapes of elements without distorting their contents. Homepage: http://oxism.com/maskew/ GitHub: https://github.com/dmotz/maskew

Le: 22 12 2012 à 06:49 Auteur: admin

stacktable.js gives you an easy way of converting wide data-tables to a format that works better on smaller screens. It does this by creating a copy of the table that is converted into a 2-column key/value format. Homepage: http://johnpolacek.github.com/stacktable.js/ GitHub: https://github.com/johnpolacek/stacktable.js/

Le: 21 12 2012 à 10:11 Auteur: admin

Literally Canvas is an extensible HTML5 drawing widget that offers a minimal set of drawing operations, with dependencies on jQuery and Underscore.js. You can draw, erase, set the color with the eyedropper, undo, redo, pan, and zoom. Homepage: http://literallycanvas.com/ GiutHub: https://github.com/literallycanvas/literallycanvas

Le: 20 12 2012 à 02:18 Auteur: admin

The App Folders jQuery plugin will help you create iOS-like App Folders on a website. The folders are responsive, fully styleable and the folders can contain any content (images, text, video…). Homepage: http://app-folders.com/ GitHub: https://github.com/spsaucier/app-folders

Le: 19 12 2012 à 09:09 Auteur: admin

Apaxy is a basic customisable theme for styling typically ugly web directories. You can style the directory listing with CSS and enhance it with Javascript or jQuery. You can also add welcome messages, download instructions or copyright notices and add custom mime type icons. Homepage: http://adamwhitcroft.com/apaxy/

Le: 18 12 2012 à 09:27 Auteur: admin

Shapeshift, inspired by jQuery Masonry, is a jQuery plugin that will dynamically arrange a collection of elements into a grid within their parent container. It is responsive, so resizing the grid to accomodate browser re-sizing is automatically turned on in Shapeshift, so if your parent container has a 100% grid, resizing the window will shapeshift [...]

Le: 17 12 2012 à 08:38 Auteur: admin

LoremImages is a jQuery plugin for populating your web content with random images. It offers a wide array of options: Number of images, image width & height, choose images from a specific category (ie. Cars, fashion…) and you can also choose whether to load only black & white images or normal. Images are loaded from [...]

Le: 16 12 2012 à 09:18 Auteur: admin

The App Icon Template, through Smart Objects in Photoshop, helps automate the process of rendering the various sizes that are needed with iOS apps.The idea is to edit the largest size and have the smaller sizes automatically rendered allowing for a much quicker workflow when designing icons. Homepage: http://appicontemplate.com/

Le: 15 12 2012 à 09:57 Auteur: admin

extender is a library that helps in making APIs chainable. It does this by creating a function that accepts different values and returns an object with functions based on the type. It is different than normal chaining because is does more than return this. If you return an array from a string based method then [...]

Le: 14 12 2012 à 07:44 Auteur: admin

GAS is a wrapper around the Google Analytics Tracking API that offers a useful collection of power features. Installing GAS is very easy – Download the script and put it somewhere on your website and then install the basic snippet on every page of your website: var _gas = _gas || []; _gas.push(['_setAccount', 'UA-YYYYYY-Y']); // [...]

Le: 13 12 2012 à 12:34 Auteur: admin

xCharts, using D3.js, is an easy to use JavaScript library for building custom data-driven chart visualizations. Unlike many other charting libraries all visualization styling can be achieved directly through CSS, giving you the control to handle the visualization however you want. xCharts has been designed to be dynamic, fluid, and open to integrations and customization. [...]

Le: 12 12 2012 à 09:24 Auteur: admin

AppJS is an SDK for developing desktop applications using Node.js combined with Chromium (providing the JS, HTML5, CSS, SVG, WebGL). Developing desktop applications with AppJS couldn't be easier as it uses the same libraries and knowledge used to build websites. Homepage: http://appjs.org/ GitHub: https://github.com/appjs/appjs

Le: 11 12 2012 à 08:56 Auteur: admin

With Extensionizr you select the settings you want, choose the permissions and within moments you will have generated a foundation/boilerplate for your Chrome extension. Extensionizr is a client-side only tool. Homepage: http://extensionizr.com/ GitHub: https://github.com/altryne/extensionizr

Le: 10 12 2012 à 09:13 Auteur: admin

Fakeimg.pl is a little tool that generates images with simply a URL. You just have customize the URL to get the desired image. As well as the image size you can also pass a text, or change the colors (must be hex). Here are some URL examples for you: http://fakeimg.pl/300/ http://fakeimg.pl/250×100/ http://fakeimg.pl/250×100/ff0000/ http://fakeimg.pl/350×200/ff0000/000 http://fakeimg.pl/350×200/?text=Hello http://fakeimg.pl/350×200/?text=World&font=lobster [...]

Le: 09 12 2012 à 11:00 Auteur: admin

Telescope, built with Meteor, is an open source application for creating social news websites in the same vein as Hacker News and Reddit. Here are some of its features: Real-time Password-based and/or Twitter auth Notifications Mobile-ready & responsive Invite-only access for reading and/or posting Markdown support Homepage: http://telesc.pe/ GitHub: https://github.com/SachaG/Telescope Demo: http://demo.telesc.pe/

Le: 08 12 2012 à 09:52 Auteur: admin

Mockup Designer, built with Backbone, Backbone-LocalStorage and Html2Canvas, is a super-easy-to-use mockup tool that uses the local storage of your browser as its backend. However the data layer is loosely coupled, so you can integrate with any RESTful API or any Backend service. Homepage: http://fatiherikli.github.com/mockup-designer/ GitHub: https://github.com/fatiherikli/mockup-designer/

Le: 07 12 2012 à 08:51 Auteur: admin

X-editable allows you to create editable elements on your page. It can be used with any engine (bootstrap, jquery-ui, jquery only) and includes both popup and inline modes. Homepage: http://vitalets.github.com/x-editable/ GitHub: https://github.com/vitalets/x-editable Demo: http://vitalets.github.com/x-editable/demo.html

Le: 06 12 2012 à 08:46 Auteur: admin

Calendario is an experimental jQuery plugin for trying out some grid layouts that can be applied to calendars. The aim is to provide a suitable layout for both, small and big screens and keeping the calendar structure fluid when possible. Homepage: http://tympanus.net/codrops/calendario-a-flexible-calendar-plugin/ Demo: http://tympanus.net/Development/Calendario/

Le: 05 12 2012 à 09:04 Auteur: admin

Font Custom is a tool that will generate custom icon webfonts from the comfort of the command line. It is very easy to use, all you have to do is create a directory for your svg and eps files. Then, on the command line, run: fontcustom watch /path/to/vectors Font Custom will then create the font [...]

Le: 04 12 2012 à 08:58 Auteur: admin

Alertify is a fully customizable alert, confirm and prompt dialogs JavaScript notification system. Homepage: http://fabien-d.github.com/alertify.js/ GitHub: https://github.com/fabien-d/alertify.js

Le: 03 12 2012 à 09:35 Auteur: admin

bootup.js will cache and load static files from local storage, making it easier to manage Javascript and other files for offline use, or just to improve the startup time of your web app. Homepage: https://github.com/TradeMe/bootup.js

Le: 02 12 2012 à 10:16 Auteur: admin

Heyoffline.js, as used by jsFiddle & Positionly, is a useful tool that warns your users when their network goes down, making sure they don't lose anything. Homepage: http://oskarkrawczyk.github.com/heyoffline.js/ GitHub: https://github.com/oskarkrawczyk/heyoffline.js

Le: 01 12 2012 à 09:19 Auteur: admin

Remote Preview is a tiny JavaScript based tool that allows you to preview any URL on a large number of mobile devices simultaneously. Just enter a URL, hit enter, and a new URL gets automatically loaded on each device. Remote preview works on platforms like Android, Blackberry, iOS, Maemo, Meego, Symbian, Windows Phone and WebOS. [...]