webappers.com - Archives (mai 2013)

Hunting the Best Open Source Resources for Web Developers

Transform Plain Text into Static Websites & Blogs

Le: 31 05 2013 à 09:01 Auteur: Ray Cheung

Advertise here via BSA

Jekyll is a simple, blog aware, static site generator. It takes a template directory (representing the raw form of a website), runs it through Textile or Markdown and Liquid converters, and spits out a complete, static website suitable for serving with Apache or your favorite web server. This is also the engine behind GitHub Pages, [...]

Sponsors

Professional Web Icons for Your Websites and Applications

jQuery Unveil: The Lightweight Version of Lazy Load

Le: 30 05 2013 à 09:01 Auteur: Ray Cheung

Advertise here via BSA

Most of us are familiar with the Lazy Load plugin by Mika Tuupola. This is very useful and it boosts performance delaying loading of images in long web pages because images outside of viewport won’t be loaded until the user scrolls to them. Lazy Load has some cool options such as custom effects, container, events or [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Create Sexy Android-like UI with Fries

Le: 29 05 2013 à 09:01 Auteur: Ray Cheung

Advertise here via BSA

Fries is an awesome mobile development framework for Android apps using just HTML, CSS, and Javascript and was inspired by Ratchet. We all know that you can find loads of iOS development tools out there, so this time let’s give some love to Android. Surprisingly, Fries works well with PhoneGap. Fries aims to make Android [...]

Sponsors

Professional Web Icons for Your Websites and Applications

A Comprehensive Path-Finding Library in JavaScript

Le: 28 05 2013 à 09:01 Auteur: Ray Cheung

Advertise here via BSA

PathFinding.js is a comprehensive path-finding library in javascript. The aim of this project is to provide a path-finding library that can be easily incorporated into web games. It may run on Node.js or the browser. It comes along with an online demo to show how the algorithms execute. When instantiating path-finders, you may pass in [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Create a Clock, Timer Or Countdown with FlipClock.js

Le: 27 05 2013 à 09:01 Auteur: Ray Cheung

Advertise here via BSA

FlipClock.js was created because the other solutions weren’t abstract enough to provide a deep level of customization without rewriting the code. Some libraries have a huge cascade of conditionals, while others simply hard-code too much into their scripts. After reviewing as many of the existing solutions as possible, it was determined a proper extendible API needed [...]

Sponsors

Professional Web Icons for Your Websites and Applications

FROONT: Responsive Web Design in the Visual Way

Le: 24 05 2013 à 09:01 Auteur: Ray Cheung

Advertise here via BSA

FROONT is a web-based design tool that runs in the browser and makes responsive web design accessible to all kinds of visual designers, even those without any coding skills. FROONT makes responsive web design visual. Design can be done in-browser with intuitive drag-and-drop tools. After all, humans judge design with their eyes therefore it seems just [...]

Sponsors

Professional Web Icons for Your Websites and Applications

jQuery.Swatches Turns Div into a Sweet Color Swatch

Le: 23 05 2013 à 09:01 Auteur: Ray Cheung

Advertise here via BSA

jQuery.swatches is a free to use that turns a one-line div into a sweet color swatch. You can customize the class as you want. Using different classes would allow you to render groups of swatches at individual times by calling swatchify() on a different selector. Requirements: jQuery Framework Demo: http://maxmackie.com/jquery.swatches/ License: MIT License

Sponsors

Professional Web Icons for Your Websites and Applications

Free Responsive HTML5 + CSS3 Site Templates

Le: 22 05 2013 à 09:10 Auteur: Ray Cheung

Advertise here via BSA

HTML5 Up! is a small showcase of the free responsive HTML5 + CSS3 site templates that AJ put together while developing 5grid. All of them are clean, minimal, fully responsive site templates built on HTML5 and CSS3. They are licensed under the Creative Commons Attribution license. Requirements: Skel.js Framework Demo: http://html5up.net/ License: Creative Commons License

Sponsors

Professional Web Icons for Your Websites and Applications

How to Mobilize Atari Arcade in HTML5

Le: 22 05 2013 à 09:01 Auteur: Ray Cheung

Advertise here via BSA

This article recently appeared on the Atari Arcade Developer Center, a collaboration by the teams at gskinner.com , Atari and Internet Explorer. The Atari Arcade: a true game portal showcasing what’s possible with web standards like HTML5, CSS3, and JavaScript. Slick graphics, fast, multi-player gameplay, and platform agnostic. Initially only targeting desktop and tablet-based browsers, we’ve [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Easy Responsive Tabs jQuery Plugin for Web & Mobile

Le: 21 05 2013 à 10:01 Auteur: Ray Cheung

Advertise here via BSA

Easy responsive tabs is a lightweight jQuery plugin which optimizes normal horizontal or vertical tabs to accordion on multi devices like: web, tablets, Mobile (IPad & IPhone). This plugin adapts the screen size and changes its form accordingly. It supports Horizontal / Vertical Tabs to Accordion. Tabs and accordion are created entirely with jQuery. It supports [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Code Playground that You can Host on Your Server

Le: 21 05 2013 à 09:52 Auteur: Ray Cheung

Advertise here via BSA

Editr is a HTML, CSS and JavaScript playground that you can host on your server. it is based on ACE Editor. It’s super easy to setup. It supports multiple instances on one page. Configurations are available via JS object or HTML attributes. Editr is licensed under MIT License. Requirements: JavaScript Framework Demo: http://idered.pl/editr/ License: MIT License

Sponsors

Professional Web Icons for Your Websites and Applications

35 Creative Twitter Covers for Web Designers

Le: 20 05 2013 à 16:33 Auteur: Ray Cheung

Advertise here via BSA

Twitter has adopted a Facebook Timeline-like cover display for main profile pages, opening up a new avenue for visual creativity. Ranked as one of the ten most-visited websites and three most used social networks, twitter is definitely changing the face of social media by actively engaging with the targeted audience. TwitrCovers collects the best Twitter Covers [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Two.js: 2D Drawing API for Modern Browsers

Le: 20 05 2013 à 09:01 Auteur: Ray Cheung

Advertise here via BSA

Two.js is a two-dimensional drawing api geared towards modern web browsers. It is renderer agnostic enabling the same api to draw in multiple contexts: svg, canvas, and webgl. Two.js aims to make the creation and animation of flat shapes easier and more concise. Two.js has a built in animation loop. It is simple in nature and [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Super Smooth CSS Transitions for jQuery

Le: 17 05 2013 à 09:10 Auteur: Ray Cheung

Advertise here via BSA

Transit is a super-smooth CSS transitions & transformations for jQuery. You can make transition on any CSS property. They will happen much smoother than if you were to use jQuery’s default .animate(). You can easily translate, rotate, scale, skew and etc. Transit degrades older browsers by simply not doing the transformations (rotate, scale, etc) while still [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Building Instagram-like Photo Sharing App with HTML5

Le: 17 05 2013 à 09:01 Auteur: Ray Cheung

Advertise here via BSA

When I started out on this app I was only really just interested in seeing if the web platform had really evolved to a point where an app like the hugely popular Instagram app could be built using just HTML, JavaScript and CSS. As it turns out we can in fact do exactly that. [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Add Conversations to Any Site with Moot Forums

Le: 16 05 2013 à 09:12 Auteur: Ray Cheung

Advertise here via BSA

In the early days of internet the bulletin boards were rife with debate and conversation. Interactions were meaningful and the discussions had validity. After the latest trend of social websites these kinds of discussions have all but vanished. Today the conversations are littered with memes, funny pictures, viral videos, and trolling responses. Moot is a radically [...]

Sponsors

Professional Web Icons for Your Websites and Applications

A Simple Verlet Integration Physics Engine

Le: 16 05 2013 à 09:01 Auteur: Ray Cheung

Advertise here via BSA

Verlet-js is a simple Verlet integration physics engine written in javascript by Sub Protocol. Particles, distance constraints, and angular constraints are all supported by verlet-js. From these primitives it is possible to construct just about anything you can imagine. You can a high level object used within the scene (ball, bridge, cloth and etc. You [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Create Slick Sliding Menus for Mobiles with jQuery

Le: 15 05 2013 à 09:24 Auteur: Ray Cheung

Advertise here via BSA

The jQuery.mmenu-plugin is a jQuery plugin for creating slick, app look-alike sliding menus for you mobile website with only one line of javascript. The jQuery.mmenu-plugin provides a few options for customizing your menu. The default option values can be overridden by passing new values to the method. After the plugin has been fired, a series of [...]

Sponsors

Professional Web Icons for Your Websites and Applications

24 Flat Style Icons in PSD Format Free for Download

Le: 15 05 2013 à 09:15 Auteur: Ray Cheung

Advertise here via BSA

Today we have 24 Flat Style Icons designed by super-talented Jan Dvo?ák. The PSD includes all 24 icons which are fully layered for easy customisation. They look very nice. Flat design is very popular recently, that you will find Flat Design jQuery Mobile Theme, Flat Design Style UI Kit, and Flat Design Websites for Inspirations [...]

Sponsors

Professional Web Icons for Your Websites and Applications

How to Create Mini Ajax File Upload Form with jQuery

Le: 14 05 2013 à 09:07 Auteur: Ray Cheung

Advertise here via BSA

Tutorialzine has shared a tutorial: Mini AJAX File Upload Form, which tell us how to create an AJAX file upload form, that will let visitors upload files from their browsers with drag/drop or by selecting them individually. For the purpose, we will combine the powerful jQuery File Upload plugin with the neat jQuery Knob to present [...]

Sponsors

Professional Web Icons for Your Websites and Applications

How to Use Web Workers for Image Manipulation

Le: 14 05 2013 à 09:05 Auteur: Ray Cheung

Advertise here via BSA

Today I’d like to talk about picture manipulation in HTML5, using pure Javascript. The Test Case The test application is simple. On the left a picture to manipulate and on the right the updated result (a sepia tone effect is applied): The page itself is simple and is described as follow: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Ghost: A Revolutionary Open Source Blogging Platform

Le: 13 05 2013 à 09:10 Auteur: Ray Cheung

Advertise here via BSA

Ghost is an Open Source application which allows you to write and publish your own blog, giving you the tools to make it easy and even fun to do. It’s simple, elegant, and designed so that you can spend less time messing with making your blog work – and more time blogging. Ghost has an incredibly [...]

Sponsors

Professional Web Icons for Your Websites and Applications

A Responsive Audio Player jQuery Plugin for Mobiles

Le: 13 05 2013 à 09:01 Auteur: Ray Cheung

Advertise here via BSA

Would you like a Responsive and Touch-Friendly Audio Player? Osvaldas Valutis has built a jQuery plugin that replaces <audio> element with a little of custom HTML code. By adding some CSS you get a whole new player which looks the way you want and has the same functionality as the default player. There is no [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Easily Start Responsive Websites with Sassaparilla

Le: 10 05 2013 à 10:07 Auteur: Ray Cheung

Advertise here via BSA

Sassaparilla is a set of default rules and style that starts everything we do at fffunction in a consistent manner. It’s not a boilerplate or a theme. Sarsaparilla on the other hand, is a nice refreshing root beer. Sassaparilla uses the power of Sass via SCSS and Compass to create flexible stylesheets that we can [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Taming the Scalable Vector Graphics (SVG) Beast

Le: 10 05 2013 à 09:44 Auteur: Ray Cheung

Advertise here via BSA

This article recently appeared on BuildNewGames.com, a collaboration by the teams at Bocoup and Internet Explorer. With the large number of varying screen resolutions available on today’s HTML5 gaming devices, it is now advisable to give some consideration to incorporating vector graphics into your games. SVG, [...]

Sponsors

Professional Web Icons for Your Websites and Applications

How to Create a Retina-ready Responsive Menu

Le: 09 05 2013 à 09:01 Auteur: Ray Cheung

Advertise here via BSA

Codrops has shared a tutorial: Responsive Retina-ready Menu that teach us how to create a colorful Retina-ready and responsive menu inspired by the colors of the Maliwan manufacturer of the Borderlands game. The menu automatically changes to one of three different layouts depending on the browser window size: a “desktop” inline version, a two columns tablet-optimized [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Beautiful Animated Filtering & Sorting Ordered Content

Le: 08 05 2013 à 09:10 Auteur: Ray Cheung

Advertise here via BSA

MixItUp is a light-weight but powerful jQuery plugin that provides beautiful animated filtering and sorting of categorized and ordered content. It plays nice with your existing HTML and CSS, making it a great choice for fluid, responsive layouts. It’s perfect for portfolios, galleries, blogs, or any categorized or ordered content. MixItUp uses jQuery to decide which [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Pretty Neat jQuery Mobile Theme Based on Flat UI

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

Advertise here via BSA

Flat Design is a new trend labeled by the community as an interface striking similar to Windows 8 and Microsoft’s Metro UI because it leaves behind drop shadows, subtle textures and gradients in favour of solid colours, clean layouts and sharp typography. Here you will find an excellent theme for jQuery Mobile based on Flat-UI. [...]

Sponsors

Professional Web Icons for Your Websites and Applications

An Open Source Self-hosted & Anti-social RSS Reader

Le: 07 05 2013 à 09:06 Auteur: Ray Cheung

Advertise here via BSA

Stringer is an open source self-hosted, anti-social RSS reader. Stringer has no external dependencies, no social recommendations/sharing, and no fancy machine learning algorithms. But it does have keyboard shortcuts and was made with love. Stringer is written in Ruby and built on Sinatra with a PostgreSQL datastore. It deploys easily to Heroku and is a self-professed [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Progressive Enhancement for Browser-based Games

Le: 07 05 2013 à 09:01 Auteur: Ray Cheung

Advertise here via BSA

This article recently appeared on BuildNewGames.com, a collaboration by the teams at Bocoup and Internet Explorer. Browser-based games are uniquely positioned at the intersection of the web and games, inheriting all the capabilities and resources of the web and browser technology. However they also [...]

Sponsors

Professional Web Icons for Your Websites and Applications

200 Free Vector Map Icons for Google Maps API

Le: 06 05 2013 à 09:10 Auteur: Ray Cheung

Advertise here via BSA

Map Icons Designer is a set of 200 Map icons in PSD Vector Shape & PNG format. They can be used as Google Map Icons, Location Markers, Point of Interests (POI) on any Maps. It includes icons for tourism, sports, restaurants, hotels, transportation and etc. It’s sutiable to use them in Google Maps API. There are [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Create Free Responsive Portfolio Websites with Dunked

Le: 06 05 2013 à 09:01 Auteur: Ray Cheung

Advertise here via BSA

Dunked is one of the simplest, easiest, and most versatile portfolio simple-to-use solution to allow creative folk to showcase their work. It’s Responsive, Retina & Ready to go. you can choose from a growing collection of professionally designed templates to reinvent your portfolio. Their pixel-perfect templates are customizable, easy to use, and focus on one [...]

Sponsors

Professional Web Icons for Your Websites and Applications

A True Responsive jQuery Lightbox Plugin for Free

Le: 03 05 2013 à 09:01 Auteur: Ray Cheung

Advertise here via BSA

Magnific Popup is a free responsive jQuery lightbox plugin that is focused on performance and providing best experience for user with any device. The majority of lightbox plugins require you to define size of it via JS option. Magnific Popup does not – you can use relative units like EM’s or resize lightbox with [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Deal of the Week: Spy on Your Competitors

Le: 02 05 2013 à 12:30 Auteur: Ray Cheung

Advertise here via BSA

Keeping up with the latest and greatest Web features is an exhausting experience, though. You can check out tons of forums, blogs, newsletters and more just to read up on the latest releases. The best way, though? Just browse. Check out what your competition’s doing. If only it were that easy to look beneath the [...]

Sponsors

Professional Web Icons for Your Websites and Applications

How to Create Realtime Multi-player Games in HTML5

Le: 02 05 2013 à 11:46 Auteur: Ray Cheung

Advertise here via BSA

This article recently appeared on BuildNewGames.com, a collaboration by the teams at Bocoup and Internet Explorer. Multiplayer and browsers When you consider making multiplayer games, there are many methods available for creating a game that friends can play online. There is a good variety of [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Create an Amazon-like Navigation Menu with jQuery

Le: 01 05 2013 à 09:10 Auteur: Ray Cheung

Advertise here via BSA

menu-aim is a jQuery plugin for dropdown menus that can differentiate between a user trying hover over a dropdown item vs trying to navigate into a submenu’s contents. This problem is normally solved using timeouts and delays. menu-aim tries to solve this by detecting the direction of the user’s mouse movement. This can make for [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Open Source Interactive App Framework for HTML5

Le: 01 05 2013 à 09:03 Auteur: Ray Cheung

Advertise here via BSA

The iio Engine (pronounced ‘ee-oh’) is an extensive application framework that helps with the creation and deployment of HTML5 applications. The framework provides a feature rich SDK, an advanced debugging system, and a cross-platform deployment engine. The iio Engine has no dependencies and can be interfaced with Box2D. The core platform is open source and [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Protect Yourself from Copyright Infringement Claims

Le: 01 05 2013 à 09:01 Auteur: Ray Cheung

Advertise here via BSA

Copyright regulations exist to ensure that the owners of intellectual property, such as images, text and other creative works, are protected should their work be used without their permission. The Copyright, Designs & Patents Act 1988 gives the creators of literary, dramatic, musical, artistic works, sound recordings, broadcasts, films and typographical arrangement of published editions, [...]

Sponsors

Professional Web Icons for Your Websites and Applications

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