WebdesignerNews - Archives (septembre 2012)
Web Developer Tools & Resources
CSSHórus is a CSS framework for easy and fast development of responsive and mobile websites. It contains 16 grid columns and basic style formats (Resets, Basics, Typography, Lists, Links, Table, Form, Button) for your web project. Homepage: http://csshor.us/ GitHub: https://github.com/firminoweb/csshorus/
Codiad is a web-based IDE framework with a small footprint and minimal requirements. The system is still early in development, and while it has been proven extremely stable please be sure have a backup system if you use it in any production work. Homepage: http://codiad.com/ GitHub: https://github.com/Fluidbyte/Codiad
HTML5 Blank Theme is a WordPress shell for deploying your next project on. It's not just a clean slate to develop with, it's a lean foundation that includes various tools, functions and setups to get any WordPress theme developer deployed and coding within minutes. It's feature list is extensive and impressive, ranging from HTML5 and [...]
Enquire.js is a lightweight, pure JavaScript library for programmatically responding to CSS media queries. It is less than 1kb and has absolutely no dependencies. For an indepth look into Enquire.js you should check out the post on CSS Tricks. Homepage: http://wickynilliams.github.com/enquire.js/ GitHub: https://github.com/WickyNilliams/enquire.js
Though challenges to the service’s dominance have come and gone, Paypal remains the leading payment processor online for virtually every country where internet access is available and uncensored. It’s easily the payment and donation method of choice on sites like eBay, and it has enjoyed a steady reputation as the leading way to earn and process revenue on WordPress blogs in recent years as well. That’s really no surprise: Paypal...
Our friends at MailerLite are giving away 5 Lifetime Accounts (up to 10,000 subscribers and worth $99 each) to help your business grow! All you have to do to enter is leave a comment below telling us why you would like/need this prize? About MailerLite There are few email newsletters service providers available, however most of them are relatively expensive for individuals or small companies. MailerLite made email newsletters supper...
For a techie, one of the not so nice aspects of being a freelancer is the fact that you have to work with clients. When you work for an agency, most of this is handled by the account executive and sometimes you don’t have to deal with the client at all. However, when you work for yourself as a freelancer or as a business owner, you do have to deal...
Yeti is a command-line tool for launching JavaScript unit tests in a browser and reporting the results without leaving your terminal. It has been designed to work with tests built on YUI Test just as they are. Homepage: http://yeti.cx/ GutHub: https://github.com/pankajparashar/yeti
Have you ever committed your time and energy to a project only to discover your responsibilities growing far beyond the initial requirements? “This isn’t what I signed up for,” you think to yourself. “If only I’d known what I was getting in to.” You have experienced scope creep, and whether you run into it in your personal or profession life, we all fall victim to it at one time or...
This is our weekly column were we share our favorite design related articles, resources and cool tidbits from the past week. Enjoy :) If you would like to receive our daily updates and keep up to date with the latest and greatest articles and resources from the design community, you can follow us on Twitter, on Facebook or by subscribing to our RSS feed. Our Weekly Design News has been...
Plunk is a handy tool for finding out if your designs work within a mobile setting. You can create click tests that give immediate feedback and efficiently visualize where mobile users respond. It allows you to test both mobile web pages and applications. Homepage: http://www.plunkapp.com/
If you are feeling lost in the chaotic world of Photoshop patterns and tools, we are here to the rescue! In this round-up, we bring to you 40 awesome seamless patterns for Adobe Photoshop. So if you are looking for a seamless pattern to add some depth to your next design project. The choices are plenty — you can take your pick from fabrics, geometrical shapes, grunge, or simple lines!...
Sosa is an icon font, from the guys at Ten by Twenty, that includes well over 120 icons. The download includes the .ttf .eot .svg & .woff files required to use via @font-face. Homepage: http://www.tenbytwenty.com/sosa.php
BookBlock is a jQuery plugin that can be used for creating booklet-like components that allow a “page flip” navigation. Any content can be used, such as images or text. The plugin transforms the structure only when needed (i.e. when flipping a page) and uses some overlays as shadow for the pages to create more realism. [...]
jQuery Impromptu is a nice replacement for an alert, prompt, and confirm. Not only does it replace these but it also allows for creating forms within these controls. Impromptu is not intended to be a modal replacement, just a quick tool to prompt user input in a more pleasant way. Homepage: http://trentrichardson.com/Impromptu/ GitHub: https://github.com/trentrichardson/jQuery-Impromptu
ClearLess is a re-useable collection of carefully-considered Less mixins. The core tenets of this mixin library are to avoid output bloat wherever possible and to offer flexible, configurable solutions to the problems that are addressed by the library (i.e. by using Modernizr classes, browser hacks or not, etc). The aim is to give the developer [...]
FlexiNavCalc is a calculator for use in determining percentage widths of navigation items in responsive layouts. The aim of creating FlexiNavCalc is to avoid certain responsive navigation issues and to give the developer more control over navigation layout, especially full width navigation elements. Homepage: https://github.com/clintonbeattie/flexinavcalc GitHub: https://github.com/clintonbeattie/flexinavcalc
RSlider is a full screen responsive image and content slider powered by jQuery. With a nice and simple design it will adjust automatically to the width of your browser screen. Homepage: http://www.egrappler.com/full-screen-responsive-jquery-image-and-content-sliderrslider/ Demo: http://www.egrappler.com/responsive-image-content-slider/index.htm
Tooltipster is a lightweight and easy to use and style jQuery plugin that allows you to easily create clean, HTML5 validated tooltips. Homepage: http://calebjacob.com/tooltipster/ Demo: http://calebjacob.com/tooltipster/#examples GitHub: https://github.com/iamceege/tooltipster
responsive-carousel is a jQuery-based script for responsive carousels that works with a mouse, touch, and keyboard. The default build includes the slide/drag transition that you can apply by adding a data attribute and including some additional CSS. There are also other extensions within the source folder, such as flip and fade transitions, autoplay, keyboard handling, [...]
ImageMapster a jQuery plugin that activates the areas in HTML imagemaps so you can highlight and select them. It has lots of other features for manual control, tooltips, resizing, and more. It is designed to be compatible with every common platform, and is tested with Internet Explorer 6-10, Firefox 3.0+, Safari, Opera, and Chrome. It [...]
Bourbon is a comprehensive library of sass mixins that are designed to be simple and easy to use. No configuration required. The mixins aim to be as vanilla as possible, meaning they should be as close to the original CSS syntax as possible. The mixins contain vendor specific prefixes for all CSS3 properties for support [...]
tiltShift.js is a jQuery plugin that uses the CSS3 image filters to replicate the tilt-shift effect. This is a proof of concept and currently only works in Chrome & Safari 6. Homepage: http://www.noeltock.com/tilt-shift-css3-jquery-plugin/ GitHub: https://github.com/noeltock/tiltShift.js
vintageJS is a jQuery plugin that uses the html5 canvas element to add a great vintage look to your photos. It comes with three effect-presets and can be customized very easily. Homepage: https://github.com/rendro/vintageJS
Neat is a simple grid framework built on top of Sass and Bourbon using em units and golden ratios. Using Sass 3.2 block mixins, this framework makes it extremely easy to build responsive layouts. Using the breakpoint() mixin, you can change the number of columns in the grid for each media query and store these [...]
Freetile is a plugin for jQuery that enables the organization of content in an efficient, dynamic and responsive layout. It can be applied to a container element and it will attempt to arrange it's children in a layout that makes optimal use of screen space, by "packing" them in a tight arrangement. Homepage: http://yconst.com/web/freetile/ GitHub: [...]
iView Slider is an easy to use jQuery image slider with animated captions, responsive layout and HTML Elements like (Video, iFrame) slider. It allows you to easily add an unlimited number of slides and captions. Use it as image slider, image gallery, banner rotator, banner ads, or even as a presentation. Homepage: http://iprodev.com/2012/07/iview/ Demo: http://iprodev.com/iview/ [...]
gauge.js is a highly configurable 100% native looking animated JavaScript/CoffeeScript gauge with no dependencies. No images, no external CSS – just pure canvas Homepage: http://bernii.github.com/gauge.js/ Demo: http://bernii.github.com/gauge.js/ GitHub: http://github.com/bernii/gauge.js
Terrific Composer is a frontend development framework specifically designed for building deluxe frontends based on the Terrific concept. Homepage: http://terrifically.org/composer/ GitHub: https://github.com/brunschgi/terrific-composer/
Mobiscroll is a powerful and easy to set-up HTML5 control, that makes selecting values for your smartphone & tablet users a breeze. Use mobiscroll whenever you're developing for smartphones and tablets and want to make it easy for your users to select date, time or values from any type of list. Homepage: Mobiscroll – The [...]
Infinity.js is a UITableView for the web: it speeds up scrolling through long lists and keeps your infinite feeds smooth and stable for your users. Homepage: Infinity.js – A UITableView for the web GitHub: https://github.com/airbnb/infinity
BigScreen is a simple library for using the JavaScript Full Screen API. It makes it easy to use full screen on your site or in your app. It smoothes out browser inconsistencies and bugs, especially if the element you’re working with is inside of an <iframe>. It will also intelligently fall back to the older [...]
Erlywarn is a free web service that will send you instant notification whenever your website is responding unusually allowing you to minimize your downtime by acting on early warning signs such as sudden changes in response behavior. Homepage: http://erlywarn.com/
Socialist is a jQuery social plugin that creates a social stream (or social "wall") from multiple social media feeds in one place. You can use it to pull content from Facebook pages, Twitter, LinkedIn, YouTube and other social networks. Homepage: Socialist – A jQuery social media plugin” /> GitHub: http://iatek.github.com/jquery-socialist/
The Theme-Check WordPress plugin is an easy way to test your theme and make sure it's up to spec with the latest theme review standards. With it, you can run all the same automated testing tools on your theme that WordPress.org uses for theme submissions. Homepage: http://wordpress.org/extend/plugins/theme-check/