webappers.com - Archives (aout 2013)

Hunting the Best Open Source Resources for Web Developers

Connect the Dot Game in HTML5, jQuery & Raphael

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

Advertise here via BSA

Play-dot-to.com is an connect-the-dot game brought back to life in the digital space by Nathan Gordon and Pascal van der Haar. It aims to make a website for creatives to take their mind of work for a short while. The game is developed in HTML5, jQuery and Raphaël framework. Have fun playing this lovely game! [...]

Sponsors

Professional Web Icons for Your Websites and Applications

A Clear Way to Structure HTML in Responsive Manner

Le: 30 08 2013 à 09:03 Auteur: Ray Cheung

Advertise here via BSA

Intention.js offers a light-weight and clear way to dynamically restructure HTML in a responsive manner. The methods for manipulation are placed with the elements themselves, so flexible layouts don’t seem so abstract and messy. You can easily increase layout options and flexibility, reducing development time and lessening the necessity of media-query-driven stylesheet overrides. And you [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Best Premium Shopping Cart Solutions Comparison

Le: 29 08 2013 à 09:14 Auteur: Ray Cheung

Advertise here via BSA

We have published a post about Free eCommerce Platforms some time ago. Some readers suggested that we can make a post for premium eCommerce platforms as well. Here we have done a comparison of some of the most notable shopping cart software packages available. I’m very aware that this is an incomplete list, and I [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Easily Add Product Tours with Hopscotch Framework

Le: 29 08 2013 à 09:03 Auteur: Ray Cheung

Advertise here via BSA

Hopscotch is a framework to make it easy for developers to add product tours to their pages. Hopscotch accepts a tour JSON object as input and provides an API for the developer to control rendering the tour display and managing the tour progress. Hopscotch has several events to which you can assign callbacks. These events [...]

Sponsors

Professional Web Icons for Your Websites and Applications

jQuery Easy Dropdown for Styleable Inputs and Menus

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

Advertise here via BSA

EasyDropDown is a jQuery plugin that effortlessly turns humble elements into styleable drop-down menus for use in forms or general UI/navigation. It’s like Chosen but with only the essential features: clean, semantic markup, form & validation compatibilty, full keyboard control with textual search, inner-scroll for long lists, degradation to native UI on touch devices. Requirements: [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Deal of the Week: Massive Bundle for Designers

Le: 28 08 2013 à 09:03 Auteur: Ray Cheung

Advertise here via BSA

This is one of the biggest bundle deals ever. With literally thousands of high-quality elements for creative designers, this Bundle Storm pretty much has it all. There are Stock photos, Vector images, Backgrounds, Patterns, Themes, Gradients, Actions, Icons, Buttons, Infographics and mascot. This ginormous collection of tools is sure to impress even the most seasoned [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Parallax.js Reacts to the Orientation of Smart Device

Le: 27 08 2013 à 09:03 Auteur: Ray Cheung

Advertise here via BSA

Parallax.js is a simple, lightweight Parallax Engine that reacts to the orientation of a smart device. Where no gyroscope or motion detection hardware is available, the position of the cursor is used instead. There are a number of behaviours that you can setup for any given Parallax instance. The behaviours can either be specified in [...]

Sponsors

Professional Web Icons for Your Websites and Applications

A Slim Progress Bar Inspired by Google & YouTube

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

Advertise here via BSA

NProgress.js is a nanoscopic progress bar. Featuring realistic trickle animations to convince your users that something is happening. It’s a slim progress bars for Ajax’y applications inspired by Google, YouTube, and Medium. It’s perfect for Turbolinks, Pjax, and other Ajax-heavy apps. Requirements: JavaScript Enabled Demo: http://ricostacruz.com/nprogress/ License: MIT License

Sponsors

Professional Web Icons for Your Websites and Applications

Free 15 Flat Designed Mobile Devices Design Kit

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

Advertise here via BSA

Mobile Design Kit is free to use templates for mobile. They are designed in real pixels screen sizes for 15 flat designed devices which includes iPhone 4s & 5, iPad 2, 4 & Mini, Galaxy Pocket, Young, S3 Mini, S3, S4 & Nexus 7, Lumia 520 & 920, Surface RT & Pro. There are multiple [...]

Sponsors

Professional Web Icons for Your Websites and Applications

A Clean & Secure Open Source PHP Login Script

Le: 26 08 2013 à 09:03 Auteur: Ray Cheung

Advertise here via BSA

PHP & MySQL Login Script is an open source PHP login script. It’s clean, crisp, fast, free, safe, object oriented, high performant and reduced to the max. Including the best password encryption available in PHP (bcrypt with blowfish, using the official (!) PHP password hashing functions). This script works perfectly with PHP 5.3, PHP 5.4 [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Tridiv: Web-based CSS Editor for Creating 3D Shapes

Le: 23 08 2013 à 09:03 Auteur: Ray Cheung

Advertise here via BSA

Tridiv is a web-based editor for creating 3D shapes in CSS. It provides a traditional four-pane interface that gives a view from each plane, as well as a preview pane showing the final object. It’s possible to create extremely sophisticated objects and animations with Tridiv. Garnier suggests that a good use-case for Tridiv is in creating [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Ungit – A Web Based User Interface for Git

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

Advertise here via BSA

Ungit is a web-based UI for Git, written with Node. It makes Git repositories easier to visualise, a bit like gitk or git instaweb, but it has some GitHub-specific tweaks. It’s easy to use and a lot faster to navigate. Once you’re running ungit, you can make commits, discard them, fetch remote changes – pretty [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Deal of the Week: The Smashing eBook Library

Le: 22 08 2013 à 09:46 Auteur: Ray Cheung

Advertise here via BSA

Smashing Magazine puts out some of the most informative and helpful articles around for Web Designers. They even go 1 step further and collect some of their best articles into a series of printed and electronic books. The Smashing Library is an invaluable resource, especially when you consider you’re getting over 60 expert-filled volumes of [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Use Responsive Web Typography with FlowType.js

Le: 22 08 2013 à 09:03 Auteur: Ray Cheung

Advertise here via BSA

Ideally, the most legible typography contains between 45 and 75 characters per line. This is difficult to accomplish for all screen widths with only CSS media-queries. FlowType.JS eases this difficulty by changing the font-size, and subsequently the line-height based on a specific element’s width. This allows for a perfect character count per line at any [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Create CSS3 Animated Modal Windows with jQuery

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

Advertise here via BSA

InsertHTML has shared with us a little jQuery plugin for Creating CSS3 Animated Modal Windows in an Image Gallery. He has also included a bunch of built-in animations for the modal windows giving some pretty cool effects. You can set the animation you wish to use for the modal boxes as they slide in. There [...]

Sponsors

Professional Web Icons for Your Websites and Applications

30 Long Shadow Flat Icons Free for Download

Le: 21 08 2013 à 09:03 Auteur: Ray Cheung

Advertise here via BSA

Flat design has been continuing virtually unchallenged for some time now, and it’s started to develop sub-styles. One of the most popular new trends is long shadow design, and you’d have to have been living under a rock not to have seen it. Long shadow design is often abused by trend-chasing designers who want to [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Bootstrap 3.0 Released with Brand New Customizer

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

Advertise here via BSA

Bootstrap 3.0 is finally released in the wild. It’s a sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development. Nearly everything has been redesigned and rebuilt to start from your handheld devices and scale up. With four tiers of grid classes—phones, tablets, desktops, and large desktops, you can do some [...]

Sponsors

Professional Web Icons for Your Websites and Applications

A Great Source of Design Inspiration

Le: 20 08 2013 à 09:03 Auteur: Ray Cheung

Advertise here via BSA

Is a design task turning into a Herculean one for you? If that is the case, then you will love The Design Inspiration. It is an online resource by designers for designers, and it gathers together logos, illustrations and patterns that act as a showcase of talent and as a source of inspiration. You can [...]

Sponsors

Professional Web Icons for Your Websites and Applications

SlimerJS: A Scriptable Browser for Web Developers

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

Advertise here via BSA

SlimerJS is a scriptable browser for web developers. It allows you to manipulate a web page with a Javascript script: opening a webpage, clicking on links, modifying the content and etc. It is useful to do functional tests, page automaton, network monitoring, screen capture etc. It is in fact a tool like PhantomJs, except that [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Babbit: A Browser Game Built on CraftyJS & RequireJS

Le: 19 08 2013 à 09:03 Auteur: Ray Cheung

Advertise here via BSA

Babbit is a browser game made by Hover Studio. The game is built on the Javascript game framework CratfyJS, and uses RequireJS for module loading. All the character animation in the game is sprite-based and utilizes Crafty’s sprite animation framework. UI animation is handled using CSS3 transitions. As the game is built using web technologies [...]

Sponsors

Professional Web Icons for Your Websites and Applications

FancySelect – A Better Select Box for Web Developers

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

Advertise here via BSA

FancySelect is a better select for discerning web developers everywhere. FancySelect is easy to use. Just target any select element on the page, and call .fancySelect() on it. If the select has an option with no value, it’ll be used as a sort of placeholder text. By default, FancySelect uses native selects and styles only [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Make Your Content Editable with Medium.js

Le: 16 08 2013 à 09:03 Auteur: Ray Cheung

Advertise here via BSA

This is Medium.js. It keeps HTML code within contenteditable semantic, simple, and clean. It also allows for placeholders, automatic HR creation, events, hotkeys, and more. It is Library Independent. It supports Rich text editing with hotkeys (cmd/ctrl+[,b,u,i]). You can use it for Inline editors, partial editors, and rich editors. It is great for writing articles, [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Test Web Fonts on Any Web Site with TypeWonder

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

Advertise here via BSA

TypeWonder is making the choice of web fonts so enjoyable. It helps you to test web fonts on any web site on the fly! Enter the site url and preview instantly the fonts with-out any hassle. Simple write down the url of the site, and then choose what ever you want among hundreds of fonts [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Create Modular Grid Easily with Modular Grid Pattern

Le: 15 08 2013 à 09:03 Auteur: Ray Cheung

Advertise here via BSA

Modular Grid Pattern is application for web designers, which helps you quickly and easily to create a modular grid in Adobe Photoshop, Adobe Fireworks, GIMP, Microsoft Expression Design and other. It works on the recent stable version of the browsers: Google Chrome, Safari, Opera or Mozilla Firefox. Requirements: - Demo: http://modulargrid.org/ License: License Free

Sponsors

Professional Web Icons for Your Websites and Applications

Multi-Level Push Menu for Infinite Nested Submenus

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

Advertise here via BSA

Codrops has shared a Multi-level Push Menu experiment with us. They tried to explore the possibility of creating a nested multi-level menu, something that could be quite useful for menus with lots of content like navigations of online stores. The result is a “push” menu that can (theoretically) contain infinite nested sub-menus. When opening a [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Infographic: HTML5 Popularity Among Fortune 500

Le: 14 08 2013 à 09:03 Auteur: Ray Cheung

Advertise here via BSA

Here we have infographic showing HTML5 Popularity Among Fortune 500 Companies. Do Fortune 500 companies that embrace HTML5 see bigger earnings? Corporations that want a functional, knockout website in today’s mobile marketplace are increasingly doing so using HTML5. In fact, over 30% of Fortune 500 companies are taking advantage of all the markup language has to offer [...]

Sponsors

Professional Web Icons for Your Websites and Applications

A Friendly Way of Displaying Time Updates to Users

Le: 13 08 2013 à 09:50 Auteur: Ray Cheung

Advertise here via BSA

TidyTime.js is a jQuery plugin, that provides a more friendly way of displaying time updates to users. It takes any regular time and changes it into more human friendly dialogue such as “It’s just gone noon. It’s quarter past 8 in the evening, it’s nearly half past 4 in the afternoon, it’s just gone 25 [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Wrap Mobile App Screenshots in Device Mockup

Le: 13 08 2013 à 09:44 Auteur: Ray Cheung

Advertise here via BSA

MockUPhone helps you to wrap your app screenshots in multi-color/angle device mockups, and provide better visual context for your app screenshots on your website or in other promotional materials. You can see some of the most popular mobile device available like iPhone 5, iPad, Nexus 4, Galaxy S4. New devices are coming constantly as well. [...]

Sponsors

Professional Web Icons for Your Websites and Applications

The Simple API for Google Analytics Dashboard

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

Advertise here via BSA

OOcharts is the Simple API for Google Analytics. It is an awesome little project that makes it easy to embed and share Google Analytics data through charts. API Keys are created to give access to certain Google Analytics profiles. For every request to OOcharts, you will need a valid API Key. They queue your requests [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Handy Page Scroll with Arbitrary Anchor jQuery Plugin

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

Advertise here via BSA

jQuery Arbitrary Anchor Plugin allows the page to scroll to any arbitrary object on the page based on jQuery/CSS selector. you can easily create useful and neat dynamic anchor scrolling by simply adding a jQuery/CSS selector after the hash (#) in your page’s URL. This plugin extends the normal anchor functionality, that is, an anchor [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Emmet LiveStyle: Live CSS Editing Plugin

Le: 09 08 2013 à 09:03 Auteur: Ray Cheung

Advertise here via BSA

Emmet LiveStyle is a plugin for live bi-directional (editor ↔ browser) CSS editing of new generation. Currently, it works in Google Chrome, Safari and Sublime Text, more browsers and editors will be available later. You can associate two completely different CSS sources for live edit. E.g. you can take minified and concatenated CSS source in [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Create Portable Containers from Any Application

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

Advertise here via BSA

Docker is an open-source engine which automates the deployment of applications as highly portable, self-sufficient containers. Docker containers are both hardware-agnostic and platform-agnostic. This means that they can run anywhere, from your laptop to the largest EC2 compute instance and everything in between – and they don’t require that you use a particular language, framework or [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Enhances Credit Card Inputs with Skeuocard.js

Le: 08 08 2013 à 09:03 Auteur: Ray Cheung

Advertise here via BSA

Skeuocard progressively enhances credit card inputs to provide a skeuomorphic interface. To begin, simply enter any valid card number. When you begin entering your card number, Skeuocard attempts to match it to an accepted card type. Once it is able to do so, it modifies the layout of the card to match the card product [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Easily Create HTML5 Animation with HTML5 Maker

Le: 07 08 2013 à 09:03 Auteur: Ray Cheung

Advertise here via BSA

HTML5 Maker is an online animatio service/tool for creating animated, interactive content using HTML, HTML5, CSS and JavaScript. It’s very easy to use and at the same time it can help you achieving extremely good results. It allows to produce cross-browser animated content such as javascript and html5 animation, Slideshows, Presentations and Sliders. The Animation [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Open Source and SEO Friendly eCommerce Software

Le: 06 08 2013 à 09:03 Auteur: Ray Cheung

Advertise here via BSA

PrestaShop is a reliable and flexible Open-source e-commerce software since 2007. It’s fast, efficient and easy to use, PrestaShop’s free e-commerce solution provides everything you need to open, operate and maintain a successful online store. PrestaShop comes complete with over 310 features that have been carefully developed to assist business owners in increasing sales with [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Create Your Own Chat Robot with Hubot

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

Advertise here via BSA

Hubot is a chat bot, modeled after GitHub’s Campfire bot, hubot. He’s pretty cool. He’s extendable with community scripts and your own custom scripts, and can work on many different chat services. GitHub, Inc., wrote the first version of Hubot to automate our company chat room. Hubot knew how to deploy the site, automate a [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Interview with Shmulik Grizim, founder of Webydo

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

Advertise here via BSA

1. Hi Shmulik, thanks for agreeing to this interview. Please tell us a little bit about yourself and your background on the Internet. I have 10 years of experience in the web industry. Together with my partner Tzvika Steinmetz, we’ve founded and headed two other successful companies, a web agency and a web marketing company. [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Interview with Shmulik Grizim, Co-Founder of Webydo

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

Advertise here via BSA

1. Hi Shmulik, thanks for agreeing to this interview. Please tell us a little bit about yourself and your background on the Internet. I have 10 years of experience in the web industry. Together with my partner Tzvika Steinmetz, we’ve founded and headed two other successful companies, a web agency and a web marketing company. [...]

Sponsors

Professional Web Icons for Your Websites and Applications

The Winner of $500 Gift Voucher of Microlance

Le: 04 08 2013 à 15:42 Auteur: Ray Cheung

Advertise here via BSA

Thank you for all of the participants of Giveaway $500 Gift Voucher of Microlancer. We are happy to announce the following winner. Congratulations. You will receive an email from Microlance with instructions of getting your prize shortly. 1. mamcx WebAppers will continue giving away some really nice web development tools and resources to our readers. [...]

Sponsors

Professional Web Icons for Your Websites and Applications

PSD.rb – A Photoshop File Parser Written in Ruby

Le: 02 08 2013 à 09:03 Auteur: Ray Cheung

Advertise here via BSA

The Photoshop file format is over 23 years old, yet it remains one of the most opaque file formats out there. PSDs are very widely used, yet Adobe has never produced an easy way for developers to work with the format. Indeed, some developers have gone mad trying to parse PSDs. PSD.rb opens up the [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Monsta FTP – Open Source PHP/Ajax FTP for Browser

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

Advertise here via BSA

Monsta FTP is an open source PHP/Ajax cloudware that puts FTP file management right in your browser, anywhere, any time. You can drag & drop files into your browser and watch them upload, like magic. It supports on-screen file editing. There is multi-language support as well. It has been tested on Chrome, Firefox, Internet Explorer [...]

Sponsors

Professional Web Icons for Your Websites and Applications

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