webappers.com - Archives (juin 2013)

Hunting the Best Open Source Resources for Web Developers

Create Custom Icon Font Easily with IconVault

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

Advertise here via BSA

Want to use your own icons? No problem, if you cant find what you need in Iconvault, just upload a folder of your own icons and have them made into a custom icon-font. Icon-font’s being scalable vector graphics means there is no need for multiple images or sprites for different devices. They will scale gracefully [...]

Sponsors

Professional Web Icons for Your Websites and Applications

A Complete Unicode Character Table

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

Advertise here via BSA

Unicode is a standard created to define letters of all languages ??and characters such as punctuation and technical symbols. Today, UNICODE (UTF-8) is the most used character set encoding (used by almost 70% of websites, in 2013). The second most used character set is ISO-8859-1, but this old encoding format is being replaced by Unicode. [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Awesome Modal Window Effects with CSS Animations

Le: 27 06 2013 à 09:02 Auteur: Ray Cheung

Advertise here via BSA

Codrops has shared some amazing ideas for nifty modal window effects with us. There are infinite possibilities for transitioning the appearance of a dialog box and we wanted to provide some ideas of how to show dialog boxes and provide some inspiration. The idea is to have a trigger button (or any element) which will [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Deal of the Week: Professional Facebook Templates

Le: 26 06 2013 à 10:14 Auteur: Ray Cheung

Advertise here via BSA

Facebook fan page is essential and useful means in Social Network. Fan FBML Templates collected some attractive, versatile and functional iFrame flash and HTML Facebook templates with a set of tools and documentations is created for advancement of your business and personal usage. Just update the necessary information and images, and you’re ready to go. [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Building Web Applications in Clojure with Pedestal

Le: 26 06 2013 à 10:11 Auteur: Ray Cheung

Advertise here via BSA

Pedestal is a web application framework written in Clojure that aims to bring both the language and its principles (Simplicity, Power and Focus) to client and server-side development. Pedestal is a collection of interacting libraries that together create a pathway for developing a specific kind of application. It empowers developers to use Clojure to build [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Chart.js – HTML5 Charts for Designers & Developers

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

Advertise here via BSA

Chart.js is an easy, object oriented client side graphs for designers and developers. You can visualise your data in 6 different ways. Each of them animated, fully customizable and look great, even on retina displays. Chart.js uses the HTML5 canvas element. It supports all modern browsers, and polyfills provide support for IE7/8. Chart.js is dependency [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Fitgrid: The Lightweight and Responsive Grid System

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

Advertise here via BSA

Fitgrid is the lightweight and sexy looking responsive grid for your next awesome website. Fitgrd is not a framework. It’s a solid foundation to build up your own responsive website. It is designed for rapid prototyping, but also runs well in production environments. This grid system is perfect for advanced web designers who don’t want [...]

Sponsors

Professional Web Icons for Your Websites and Applications

20 Awesome Flat Design Resources Free for Download

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

Advertise here via BSA

It looks like all of those rumors of Apple’s flat design for iOS 7 were accurate. The new icons are cleaner and aim for minimalism, compared to the detailed and colorful icons we’ve seen on the OS so far. As for other key differences, cellular reception is now indicated by five dots instead of bars, [...]

Sponsors

Professional Web Icons for Your Websites and Applications

HTML Inspector Helps You Write Better Markup

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

Advertise here via BSA

HTML Inspector is a code quality tool to help you and your team write better markup. It’s written in JavaScript and runs in the browser, so testing your HTML has never been easier. HTML Inspector traverses the DOM and emits events as it goes. The HTML Inspector rules can then listen for those events, test for [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Arrange Images to Fit Within Container with jQuery

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

Advertise here via BSA

CollagePlus is a plugin for jQuery that will arrange your images to fit exactly within a container. You can define the padding between images, give the images css borders and define a target row height. CollagePlus relies on all images being loaded before it can calculate the layout. It does not run off image sizes [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Highly Customizable Line Charting Library for Canvas

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

Advertise here via BSA

Aristochart is highly customizable and flexible line charting library for <canvas>. Aristochart allows you to focus on aesthetic while it manages the data behind the scenes. Aristochart has a growing list of community sourced themes for you to pick and choose from. Aristochart has indepth documentation of it’s internals and options that you can edit [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Deal of the Week: Thirsty Rough Font Family

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

Advertise here via BSA

These days, it seems everything old is new again. Companies are intentionally making products look old and vintage as a style. The same rules apply to the Thirsty Rough Font Family from Yellow Design Studio. This professional weathered version of Thirsty Script combines both the modern and vintage worlds into one friendly cutting edge font. If [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Open Source Weather Data and Forecast API

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

Advertise here via BSA

The OpenWeatherMap service provides free weather data and forecast API suitable for any cartographic services like web and smartphones applications. Ideology is inspired by OpenStreetMap and Wikipedia that make information free and available for everybody. OpenWeatherMap provides wide range of weather data such as map with current weather, week forecast, precipitation, wind, clouds, data from weather [...]

Sponsors

Professional Web Icons for Your Websites and Applications

A Realtime Monitoring System for PHP using MySQL

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

Advertise here via BSA

Pinba is a MySQL storage engine that acts as a realtime monitoring/statistics server for PHP using MySQL as a read-only interface. It accumulates and processes data sent over UDP by multiple PHP processes and displays statistics in a nice human-readable form of simple “reports”, also providing read-only interface to the raw data in order to [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Surviving the Zombie Apocalypse with HTML5 & SVG

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

Advertise here via BSA

As browser adoption of HTML5 continues apace, developers are finding more and more options for creating elegant, highly responsive UIs. In the case of Scalable Vector Graphics (SVG), what’s old is new again, and quite slick. The SVG spec has been around for a while now. Under development since 1999, the spec, or more accurately a [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Fontastic Helps You Create Customized Icon Fonts

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

Advertise here via BSA

Fontastic helps you create your customized Icon Fonts. You can save time adding icons to your websites, get crispy clear icons and speed up your website in seconds. Fontastic will revolutionize your Web Design process. Simple click to select the icons to your font. By including only the icons you need, you make your website faster. [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Gives Users Real Time Hints & Progress on Forms

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

Advertise here via BSA

Progression.js is a jQuery plugin that gives users real time hints & progress updates as they complete forms. All you have to do is to give your form a unique ID. You then need to add a data attribute of data-progression to each element that needs to be a step in the form progression. Once [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Photoshop Template of iOS 7 GUI Elements

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

Advertise here via BSA

teehan+lax has released iOS 7 GUI PSD which is a Photoshop template of GUI elements found in the beta 1 release of iOS 7. The sole purpose of this file is to help you pitch, design and build amazing software. The PSD is a well organized, labeled and layered PSD full of editable shape layers. Most [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Micro Grid Based Wireframe PSD Template

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

Advertise here via BSA

Microframe is a micro (200px wide), grid based wireframe PSD template for mocking up website and app layouts. The repo includes: A Microframe PSD Template with a 12 column grid and 3 sample layouts, A Blank Microframe PSD Template with 12 column grid. A Microframe Detail PSD Template which you can place your Microframe PSDs [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Creative and Modern Button Styles and Effects

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

Advertise here via BSA

Codrops has shared some Creative Button Styles for our inspirations. This button set consists of some simple, creative and subtle styles and effects to inspire you. The effects can be seen when hovering on some buttons and clicking on others. Mostly, CSS transitions are used but also CSS animations and for some buttons we use [...]

Sponsors

Professional Web Icons for Your Websites and Applications

100% Free and Open Source E-Commerce Solution

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

Advertise here via BSA

Sylius project provides a full stack e-commerce solution. In further parts of The Book you’ll learn how to master it and develop your next project really quickly. Sylius provides a complete webshop solution and some of features include: Flexible product catalog, with multiple variants per product, options, properties (think attributes) and protypes. Categorization engine, which allows you [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Detect Errors and Potential Problems in JavaScript

Le: 13 06 2013 à 11:30 Auteur: Ray Cheung

Advertise here via BSA

JSHint is a community-driven tool to detect errors and potential problems in JavaScript code and to enforce your team’s coding conventions. It is very flexible so you can easily adjust it to your particular coding guidelines and the environment you expect your code to execute in. The goal is to help JavaScript developers write complex [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Screen Specifications of Most Popular Devices

Le: 12 06 2013 à 09:47 Auteur: Ray Cheung

Advertise here via BSA

Screensiz.es helps you quickly find the screen specifications of the most popular devices and monitors currently on the market. The size data comes from Wikipedia, and for a better understanding of Pixel Density. The “popularity” guesstimates are derived from annualized monthly Google queries (from AdWords traffic estimator), and some fuzzy math. Requirements: - Demo: http://screensiz.es/ License: License Free

Sponsors

Professional Web Icons for Your Websites and Applications

TourBus: jQuery Tour & Walkthrough jQuery Plugin

Le: 12 06 2013 à 09:31 Auteur: Ray Cheung

Advertise here via BSA

jQuery TourBus is a jQuery tour/walkthrough plugin. It takes more of a toolkit approach than some of the alternatives that try to have focusing elements, auto-progress with timers and indicators and etc. Start by including the jQuery plugin and base styles on your page, of course. Then we can define some ‘legs’ of our tour. Imagine [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Easily Organize Your Code Snippets with GistBox

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

Advertise here via BSA

GistBox is the beautiful way to organize code snippets. Your library is saved to the cloud for backup. Never worry about snippets getting lost in the shuffle. GistBox was built on standard HTML5 technologies. On the go or at the office, you’ll always have GistBox. GistBox uses GitHub’s backend but adds its own layer of label [...]

Sponsors

Professional Web Icons for Your Websites and Applications

What are HTML5 Datalists and When to Use Them

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

Advertise here via BSA

Autocompletion is a pattern that all Web users are familiar with. When you do a search, your search engine suggests terms. When you type a new e-mail message, your mail client suggest recipients. This functionality, however, has not been available to Web developers without a nontrivial amount of JavaScript. One of the new HTML5 elements, [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Easily Remove Background from Images Online

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

Advertise here via BSA

Clipping Magic lets you easily remove the background from your photos to create masks, cutouts, or clipping paths online. Simply drag your image onto the drop-zone above, or choose a file using the button. And then mark some foreground green and some background red and the algorithm takes care of the details. The background is removed [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Ladda Merges Loading Indicators into Buttons

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

Advertise here via BSA

Ladda is a set of buttons which merge loading indicators into themselves to bridge the gap between action and feedback. It’s a UI concept which merges loading indicators into the action that invoked them. Primarily intended for use with forms where it gives users immediate feedback upon submit rather than leaving them wondering while the [...]

Sponsors

Professional Web Icons for Your Websites and Applications

A Complete Test Stack for JavaScript Applications

Le: 07 06 2013 à 10:26 Auteur: Ray Cheung

Advertise here via BSA

Intern is a complete test stack for JavaScript designed to help you write and run consistent, high-quality test cases for your JavaScript libraries and applications. It can be used to test any JavaScript code. Its functional testing capabilities can even be used to test non-JavaScript Web sites and apps, if you really want. If you need [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Is the Web Ready for Responsive Web Design?

Le: 07 06 2013 à 10:24 Auteur: Ray Cheung

Advertise here via BSA

The Mobile Playing Field Today, a large portion of site traffic comes from mobile devices—namely smart phones and tablets—in addition to traditional PCs. Across the globe, mobile devices now account for 12 percent of Internet traffic, and it’s scaling up faster than desktop Internet traffic. The fraction of mobile Web traffic is sufficiently higher in nations [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Deal of the Week: Mega Creativity Bundle

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

Advertise here via BSA

BundleHunt has partnered with 14 of the world’s finest web designers and developers to bring you the first-ever $7 Mega Creativity Bundle. Don’t miss out on this visually stunning Lifetime creativity Bundle. With SmashingMagazine e-book bundle, Themify WordPress Themes, adobe certified training courses, Vector Icons sets, design elements and more… you can create virtually anything you [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Pure: A Set of Small & Responsive CSS Modules

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

Advertise here via BSA

Pure is a set of small, responsive CSS modules that you can use in every web project. Pure is ridiculously tiny. The entire set of modules clocks in at 5.7KB minified and gzipped, without forgoing responsive styles, design, or ease of use. Crafted with mobile devices in mind, it was important to us to keep [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Create Modal Windows with PopEasy jQuery Plugin

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

Advertise here via BSA

PopEasy is a light weight jQuery plugin that is a must have for any developer to easily create modal windows. Put focus on important elements by applying a mask to your page and opening a customizable pop up modal window. To use multiple modals on one page, you must sync the href attribute of the trigger [...]

Sponsors

Professional Web Icons for Your Websites and Applications

WideArea Helps You Write Better, Simpler & Faster

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

Advertise here via BSA

WideArea is a simple and lightweight JavaScript and CSS library (2KB JS and 4KB CSS) which helps you to write better, simpler and faster. it’s free and open-source (including commercial use). Published under MIT license. Requirements: JavaScript Framework Demo: http://usablica.github.io/widearea/ License: MIT License

Sponsors

Professional Web Icons for Your Websites and Applications

Custom Select UI Control for Tagging & Lists

Le: 04 06 2013 à 09:24 Auteur: Ray Cheung

Advertise here via BSA

Selectize is a jQuery-based custom <select> UI control. It’s useful for tagging, contact lists, country selectors, and so on. It clocks in at around ~7kb (gzipped). The goal is to provide a solid & usable user-experience with a clean and powerful API. It allows users to create items on the fly. It supports Remote data loading,for [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Designing Experiences for Responsive Web Sites

Le: 04 06 2013 à 09:21 Auteur: Ray Cheung

Advertise here via BSA

Before You Get Started Responsive Web design is intended to ensure that a site’s layout and content scale fluidly to the available screen real estate. This is a great approach for focusing your investments on improving site content and user functionality while ensuring that users have a good experience regardless of what device and screen size [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Quickly Create Site for Open Source Project with Flatdoc

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

Advertise here via BSA

Flatdoc is the fastest way to create a site for your open source project. It is a small JavaScript file that fetches Markdown files and renders them as full pages. Essentially, it’s the easiest way to make open source documentation from Readme files. There is no server-side components, no build process needed. Flatdoc is deployable via [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Multi-Layered Weather Icons from Forecast Font

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

Advertise here via BSA

Forecast Font is a web-font for creating multi-layered weather icons. It was created to enable you to have more control over the look and feel of the icons, rather than only having a single colour or style. Flat, single-colour icons might be what your after and thats cool but with Forecast font you have all the [...]

Sponsors

Professional Web Icons for Your Websites and Applications

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