webappers.com - Archives (janvier 2014)

Hunting the Best Open Source Resources for Web Developers

Zoom In any Element When Resizing and Scrolling

Le: 31 01 2014 à 08:05 Auteur: Ray Cheung

Advertise here via BSA

Zoomerang.js is a drop-in library that allows your users to zoom in on almost any element on your existing page. No setup, arbitrary styling. This is largely inspired by Medium’s avatar zoom in effect, with improvements (you can resize / scroll the page when it’s zoomed in and it still works). It works best on [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Modern.IE – Testing Tools for Web Developers

Le: 31 01 2014 à 08:03 Auteur: Ray Cheung

Advertise here via BSA

Microsoft has recently launched Modern.IE, aimed at simplifying the sometimes arduous process of getting websites to work in older versions of the company’s Internet Explorer web browser. There is a site scanner that will look at your code and detect potential problems for older versions of IE. And there is a cross-browser testing tool and [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Make Absolutely Positioned Elements with Tether

Le: 30 01 2014 à 08:05 Auteur: Ray Cheung

Advertise here via BSA

Tether is a javascript library for efficiently making an absolutely positioned element stay next to another element on the page. For example, you might want a tooltip or dialog to open, and remain, next to the relevant item on the page. Tether includes the ability to constrain the element within the viewport, it’s scroll parent, [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Build Awesome LEGO Bricks Online with Chrome

Le: 30 01 2014 à 08:03 Auteur: Ray Cheung

Advertise here via BSA

Build with Chrome is the largest LEGO® set the world has ever seen. Developed with the latest web technology in Chrome, Build is a place for everyone to imagine, create and explore building with LEGO bricks online. You can choose to build on any plot in the world across your laptop, phone, or tablet. Once [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Flat Style Scattered Polaroid Gallery in JavaScript

Le: 29 01 2014 à 08:03 Auteur: Ray Cheung

Advertise here via BSA

Codrops has made the classic look of Scattered Polaroids and bring it to a next, flat level with some nice effects. It’s a flat-style Polaroid gallery where the items are scattered randomly in a container. When a specific item is selected, it will move to the middle while the other Polaroids will make space for [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Mondrian – Open Source Vector Graphics Web App

Le: 28 01 2014 à 08:28 Auteur: Ray Cheung

Advertise here via BSA

Mondrian is a free vector graphics web app like Adobe Illustrator or Inkscape. Mondrian offers all the tools needed to create, modify, and export simple SVG files. Mondrian also supports undo/redo through a file history API that stores operations. The entire app is written in Coffeescript. You have to manually compile the app every time [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Margot – Adoring Typefamily Designed for Large Sizes

Le: 28 01 2014 à 08:12 Auteur: Ray Cheung

Advertise here via BSA

Margot is an adoring type family designed and optimized for the use in large sizes. Capable of bringing a very human feel to a great variety of typographical purposes. Margot is vibrant, cheerful and perfectly suited for editorial, posters, corporate identities or signage systems. The three weights and true italics come with a perfect balance [...]

Sponsors

Professional Web Icons for Your Websites and Applications

ScrollReveal.js – Declarative on-Scroll Reveal Animations

Le: 27 01 2014 à 08:05 Auteur: Ray Cheung

Advertise here via BSA

ScrollReveal.js is a simple way to create and maintain how elements fade in, triggered when they enter the viewport. It helps you to build declarative on-scroll reveal animations for your websites. By adding a data-scrollreveal attribute to an element, it will automatically be revealed (using default values) as soon as the element is within the [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Fit.js – Put Elements to Fit in the Way You Want

Le: 27 01 2014 à 08:03 Auteur: Ray Cheung

Advertise here via BSA

Sometimes, the standard CSS properties just can’t manipulate elements to fit in the way you want them to, or your fit methods need to be more dynamic, or you’re not using the DOM at all and need to perform these computations more abstractly. Either way, if you’ve ever needed to work out how an object [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Javascript Library for Precise Tracking of Facial Features

Le: 24 01 2014 à 08:05 Auteur: Ray Cheung

Advertise here via BSA

Clmtrackr is a javascript library for fitting facial models to faces in videos or images. It currently is an implementation of constrained local models fitted by regularized landmark mean-shift, as described in Jason M. Saragih’s paper. Clmtrackr tracks a face and outputs the coordinate positions of the face model as an array. The library provides [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Extract Inline CSS Styles from HTML Document

Le: 23 01 2014 à 08:05 Auteur: Ray Cheung

Advertise here via BSA

ExtractCSS is an online tool which can extract ids, classes and inline styles from HTML document and output them as CSS stylesheet. All you have to do is to type or paste your HTML document and let extractCSS to do the rest for you. ExtractCSS is an open source project, you can check out the [...]

Sponsors

Professional Web Icons for Your Websites and Applications

CountUp.js Animates Numerical Data in Interesting Way

Le: 23 01 2014 à 08:03 Auteur: Ray Cheung

Advertise here via BSA

CountUp.js is a dependency-free, lightweight JavaScript “class” that can be used to quickly create animations that display numerical data in a more interesting way. Despite its name, countUp can count in either direction, depending on the startVal and endVal params that you pass. Bower and Component .json files are included, as well as a coffeescript [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Open Source Engagement Management Platform

Le: 22 01 2014 à 08:23 Auteur: Ray Cheung

Advertise here via BSA

Pimcore is an Open-Source Multi-Channel Experience and Engagement Management Platform. You can easily increase engagement with customers and users. Deliver rich & compelling digital experiences. Push content to any channel, any device, at any time. The clearly arranged UI makes it easy to manage your content with simple drag-n-drop gestures that hide all the complexity [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Free Download: Bootstrap 3 Vector UI Kit

Le: 21 01 2014 à 08:05 Auteur: Ray Cheung

Advertise here via BSA

Bootstrap 3 Vector UI Kit contains all Twitter Bootstrap 3 UI controls in vector format, Glyphicons that come with Bootstrap and lots of bonus UI elements that are perfect for mockuping control and admin panels. All basic UI elements from this kit are already sliced, styled, HTML-encoded and ready to use. Please refer Bootstrap UI [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Free Photos for Your Commercial & Personal Works

Le: 21 01 2014 à 08:02 Auteur: Ray Cheung

Advertise here via BSA

Every designer needs high quality photos in full resolution. So Viktor has decided to offer his own photos in full quality (mostly 3888 px in wide) to you for free in PicJumbo. You can use them for many different things. For webdesign, sliders, apps, backgrounds or templates for sell. You are not limited. One thing [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Make Beautiful Websites with Startup Design Framework

Le: 20 01 2014 à 08:05 Auteur: Ray Cheung

Advertise here via BSA

Startup Design Framework contains components and complex blocks which can easily be integrated into almost any design. All of these components are made in the same style, and can easily be integrated into projects, allowing you to create hundreds of solutions for your future projects. All components are responsive design with full mobile support. It [...]

Sponsors

Professional Web Icons for Your Websites and Applications

The Pattern Library by the Most Talented Designers

Le: 20 01 2014 à 08:03 Auteur: Ray Cheung

Advertise here via BSA

The Pattern Library is an on going project compiles patterns shared by the most talented designers out there for you to use freely in your designs. I really like the design of the site, which is user-friendly and responsive. You can pick your favorite pattern easily to download as you wish. Requirements: - Demo: http://thepatternlibrary.com/ [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Saved.io – The Fastest Way to Save Bookmarks

Le: 17 01 2014 à 08:03 Auteur: Ray Cheung

Advertise here via BSA

We were often losing bookmarks or simply not saving them because there was no easy way to do it across devices. To solve this problem we have Saved.io. It’s a solution that is super fast and easy to use, requires no extensions, and is future proof – it will work in any browser. Saved.io is [...]

Sponsors

Professional Web Icons for Your Websites and Applications

The Float Labels jQuery Plugin

Le: 16 01 2014 à 08:05 Auteur: Ray Cheung

Advertise here via BSA

The Float Label Pattern found his success after Brad Frost wrote a blog post about Float Label Patterns. The idea is based on a Dribbble Shot by Matt D Smith. The Pattern is easy to explain. On User Interaction with an input field the placeholder value moves up, and is displayed above the typed text. [...]

Sponsors

Professional Web Icons for Your Websites and Applications

The Best Fonts of 2013

Le: 16 01 2014 à 08:03 Auteur: Ray Cheung

Advertise here via BSA

A Best-Of list is just like a football team. You shouldn’t only take into account the best players as individuals, but the best team; the players that harmonize best. In the list of The Best Fonts of 2013, Typefacts have taken this into stride and tried to compile a well-balanced, harmonic yet diversified overview. Source: [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Hugo – A Fast and Easy to Use Static Site Generator

Le: 15 01 2014 à 08:03 Auteur: Ray Cheung

Advertise here via BSA

Hugo is a static site generator written in GoLang. It is optimized for speed, easy use and configurability. Hugo takes a directory with content and templates and renders them into a full html website. Hugo makes use of markdown files with front matter for meta data. A typical website of moderate size can be rendered [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Sculpt – A Mobile First and Responsive Framework

Le: 14 01 2014 à 08:06 Auteur: Ray Cheung

Advertise here via BSA

Sculpt is a lightweight, mobile first, responsive HTML, CSS and SASS framework. It has been written to cater for devices with small screen sizes first, with more complexity being added through media queries as screen real-estate increases. With three grid sizes (732px, 960px and 1140px) built in and active depending on your device’s screen size [...]

Sponsors

Professional Web Icons for Your Websites and Applications

100 Most Popular Code Pens of 2013

Le: 14 01 2014 à 08:03 Auteur: Ray Cheung

Advertise here via BSA

CodePen is a playground for the front end side of the web. It’s all about inspiration, education, and sharing. Need to build a reduced test case to demonstrate and figure out a bug? CodePen is great for that. Want to show off your latest creation and get feedback from your peers? CodePen is great for [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Magnifier.js – Magnifying Glass Effect on Images

Le: 13 01 2014 à 08:05 Auteur: Ray Cheung

Advertise here via BSA

Magnifier.js is a Javascript library enabling magnifying glass effect on an images. There are zoom in / out functionality using mouse wheel. Magnified image can be displayed in the lens itself or outside of it in a wrapper. Magnifier.js uses Event.js as a cross-browser event handling wrapper. It works in Chrome, Firefox, Safari, IE 7, [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Discover the Most Creative Advertising Campaigns

Le: 13 01 2014 à 08:03 Auteur: Ray Cheung

Advertise here via BSA

Advertising refers wide announcement. It is used to stimulate or even create demand or perception to some certain products, services or ideas. Most consumers have already evaded ads, and even employed technical means to pick them out. Thus advertising makers are obliged to look for newest originality and to achieve best ads. Good advertising is [...]

Sponsors

Professional Web Icons for Your Websites and Applications

How to Create Sticky Table Headers & Columns

Le: 10 01 2014 à 08:05 Auteur: Ray Cheung

Advertise here via BSA

Sticky table headers are no longer a stranger to an average website user — unlike on paper when a reader’s eyes can comfortably jump in saccades between top of a lengthy table and the rows of interest, the landscape orientation of most devices makes vertically-long tables hard to read. Tutorial: Sticky Table Headers and Columns [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Gulp.js – A Simpler & Intuitive Streaming Build System

Le: 10 01 2014 à 08:03 Auteur: Ray Cheung

Advertise here via BSA

Gulp.js is the streaming build system. It’s use of streams and code-over-configuration makes for a simpler and more intuitive build. By preferring code over configuration, gulp keeps simple things simple and makes complex tasks manageable. By harnassing the power of node’s streams you get fast builds that don’t write intermediary files to disk. Gulp’s strict [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Flexible & Good-Looking Share Button jQuery Plugin

Le: 09 01 2014 à 08:05 Auteur: Ray Cheung

Advertise here via BSA

All the major social networks have their own share buttons but they are slow-loading, and inject a lot of extra javascript onto your page that’s not needed which makes your page slower. They don’t look sexy and fit nicely with your site like you want, and you can’t change how they look. Share Button is [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Light Table – A New Interactive IDE for Programming

Le: 09 01 2014 à 08:03 Auteur: Ray Cheung

Advertise here via BSA

Light Table is a new interactive IDE that lets you modify running programs and embed anything from websites to games. It provides the real time feedback we need to not only answer questions about our code, but to understand how our programs really work. Light Table is based on a very simple idea: we need [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Swiping and Reordering Lists on Touch Screens

Le: 08 01 2014 à 08:45 Auteur: Ray Cheung

Advertise here via BSA

Slip is a tiny library for interactive swiping and reordering of elements in lists on touch screens. No dependencies. You interact with the library via custom DOM events for swipes/reordering. Call new Slip to make element’s children swipeable and add event listeners. The current limitation is that it doesn’t scroll page when dragging element to [...]

Sponsors

Professional Web Icons for Your Websites and Applications

A Collection of CSS3 Powered Hover Effects

Le: 07 01 2014 à 08:05 Auteur: Ray Cheung

Advertise here via BSA

Hover.css is a collection of CSS3 powered hover effects to be applied to call to actions, buttons, logos, featured images and so on. Easily apply to your own elements, modify or just use for inspiration. Available in CSS and SASS. All Hover.css effects make use of a single element (with the help of some pseudo-elements [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Free Download: Flat Apple Devices Mockup

Le: 07 01 2014 à 08:03 Auteur: Ray Cheung

Advertise here via BSA

This is a huge collection of flat Apple devices mockups to showcase your responsive web designs. The PSD file includes iPhone, iPad, iMac and Macbook with different viewing angles. You are permitted to use the resources for any number of personal and commercial projects. You may modify the resources according to your requirements and include [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Build Awesome Interactive Globes with Planetary.js

Le: 06 01 2014 à 08:05 Auteur: Ray Cheung

Advertise here via BSA

Planetary.js is a javaScript library for building awesome interactive globes. It uses D3 and TopoJSON to parse and render geographic data. Planetary.js uses a plugin-based architecture; even the default functionality is implemented as plugins! This makes Planetary.js extremely flexible. It’s fully customizable, including colors, rotation, and more. You can also display animated “pings” at any [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Infographic: 2013 Flat Design Vs. Realism

Le: 06 01 2014 à 08:03 Auteur: Ray Cheung

Advertise here via BSA

inTacto is an interactive agency specialized in the creation of digital pieces. Founded in 2001 by Alejandro Lazos and Sebastian Caramés. They have just release an infographic “Flat Design Vs. Realism“. It is an award worthy explanation of flat design and realism design that includes an interactive game where you can choose your side and [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Red Pen – Fast and Productive Way to Get Feedback

Le: 03 01 2014 à 08:03 Auteur: Ray Cheung

Advertise here via BSA

Red Pen made it fast and productive to get feedback from your colleagues and clients. Test ideas, seek perspective, and get approval. Simply Drag and drop an image into the Red Pen homepage, and point at areas of the design and give contextual feedback. Your data won’t be sold or shared. You retain ownership of [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Hackpad – Sharing Smart Collaborative Documents

Le: 02 01 2014 à 08:05 Auteur: Ray Cheung

Advertise here via BSA

Hackpad is a simple tool to edit, organize and share documents. Hackpad eliminates confusion by clearly indicating who wrote what, and what changes were made to a document. Hackpad includes many intuitive features to help you collaborate and share seamlessly. Just click the plus sign in the navigation bar to start a new pad. Check [...]

Sponsors

Professional Web Icons for Your Websites and Applications

How to Use IndexedDB to Handle 3D WebGL Assets

Le: 02 01 2014 à 08:03 Auteur: Ray Cheung

Advertise here via BSA

In this article, I’d like to share everything I’ve been learning while developing the support for IndexedDB inside our 3D WebGL Babylon.JS game engine. Indeed, since 1.4.x, we’re now supporting storing & loading the JSON scenes containing our 3d meshes and their .PNG or .JPG textures as blobs from IndexedDB. This article is built around [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Rails Assets – Free Assets Management in Rails

Le: 01 01 2014 à 08:03 Auteur: Ray Cheung

Advertise here via BSA

Rails Assets is the solution to assets management in Rails. It is the frictionless proxy between Bundler and Bower. It automatically converts the packaged components into gems that are easily droppable into your asset pipeline and stay up to date. Gems created by Rails Assets work great with any Sprockets-based application. Requirements: Ruby on Rails [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Flux (rss): http://feeds.feedburner.com/Webappers?format=xml