• Skel.js – A Framework For Building Responsive Layouts

    Updated: 2013-05-20 08:47:11
    Skel.js is a tiny JavaScript framework (~6kb gzipped and minified) that simplifies building responsive layouts very much. It has a JavaScript-powered and 12-column grid system that can handle any type of complex layouts + has easy-to-understand rules. Managing breakpoints is just about adding the width ranges in the options of the skel.js‘ main function. There [...]

  • 24 Inspiring Examples Of Vector Art

    Updated: 2013-05-18 12:00:29
    Unlike raster-based images, vector images are infinitely scalable. From the photo-realistic to the abstract, vector art is as varied as any other medium of expression. In this post you will find 24 exampels of vector illustrations that communicates a story to its viewers through creatively artistic means.                 [...]

  • Useful JSON Inspector & Visualizer – JSONmate

    Updated: 2013-05-17 09:43:21
    When working with JSON strings, it is usually hard too understand their hierarchy at the first look. JSONmate is a web app that can beautify (and uglify) JSON strings where these strings can be directly pasted or loaded from a  remote URL. Also, it has a very nice visual editor for customizing the data and a visualizer [...]

  • Responsive HTML5 Audio Player With Touch Support

    Updated: 2013-05-16 17:32:58
    Users with modern browsers are increasing each day and making use of features like HTML5 audio sounds more and more logical. AudioPlayer.js is a jQuery plugin for quickly placing a HTML5-powered audio player to any web page. The player’s interface is chic (doesn’t use any images for that), has a responsive layout and touch support. [...]

  • Open Source PHP Chat Script – phpFreeChat

    Updated: 2013-05-16 08:22:24
    phpFreeChat is a free and open source PHP chat application that doesn’t require any database to run but rather uses the filesystem for it. It can be used at the same time by any number of users, has a responsive layout that works in mobile too and has a modular authentication system which can be [...]

  • Fantastic Range Slider For jQuery – noUiSlider

    Updated: 2013-05-15 21:40:15
    Lately, I was in a search for a jQuery range slider, jQuery UI’s slider widget was the first that I thought of. It had all the features I needed: working as a single or range slider, default values and man/maxvalues. However, the smallest download size for it was still ~40kb. Too much for a slider. [...]

  • GoodUI – Useful Tips For a Good User Interface

    Updated: 2013-05-15 08:12:25
    GoodUI is a website that regularly shares handy tips for creating “converting and easy-to-use” user interfaces. The tips are described in detail, visualized nicely and usually easy to apply. Some of the tips in the list include: “try recommending instead of showing equal choices” or “try undos instead of prompting for confirmation”. New tips are [...]

  • Take The Interaction To Another Level Using Video Backgrounds In Web Design

    Updated: 2013-05-15 01:29:58
    There are so many types of websites that if you want to start creating one, you can spend days looking at them. The days when all the websites were made using a strict navigation type are long gone; now we can see some amazing designs which take the interaction to the highest level. Sure, some [...]

  • Lightweight & Responsive Grid System – Fitgrd

    Updated: 2013-05-14 18:50:17
    CSS frameworks are great to save time from recreating rules for typography, forms, tables, etc. However, they are not that great for everyone. There are many designers/developers that prefer to recreate such stuff from scratch so that each of their work looks/feels different. Or, many others have their own CSS snippets that fasten the development. [...]

  • 7 CSS and JavaScript Performance Tips

    Updated: 2013-05-14 14:27:54
    Advertise here with BSAHave you ever thought about how many customers you lose by having a slow site? And I’m not talking about file size only, as we rely on browser capacities to understand our code, we need to consider the processing time also. That’s why sometimes adding a few bites in your code is much better because [...]

  • Charts With A Single Line Of Ruby – Chartkick

    Updated: 2013-05-14 09:47:06
    Chartkick is a Ruby gem (also has a JavaScript API which doesn’t require Ruby) for creating good-looking charts very easily and quickly. It integrates with 2 charting libraries: Highcharts and Google Charts where it is possible to use the same functions for generating charts with each library. There is support for multiple chart types and [...]

  • Scrolling Pages Nicely With jQuery – Windows

    Updated: 2013-05-13 18:01:40
    Windows is a lightweight jQuery plugin for nicely scrolling the full-screen. It provides a simple and handy API for managing the page/content position to ease the browsing experience. The plugin can analyze if a defined content is in the viewport, how much of it is in the viewport and can trigger any actions like focusing the [...]

  • Flexible Mapping Engine With WebGL – Cesium

    Updated: 2013-05-13 09:27:07
    When building any map-related applications, there are many popular providers to select from like Google Maps or Bing Maps and they provide APIs for integration. However, using an open source engine and the ability to switch providers anytime offers more freedom + flexibility. Cesium, a WebGL-powered JavaScript mapping library, offers just that by being provider-agnostic. It has [...]

  • 10 Tools for Designing Responsive websites

    Updated: 2013-05-12 05:52:21
    With a wide variety of devices available for viewing web content, responsive design has become a necessity rather than a feature of a website. Below are some frameworks and tools that will help you in designing advanced responsive websites for any viewing device. ZURB Foundation Definitely one of my favorite responsive frameworks. Now in version [...]

  • 30 Top HTML5 Tutorials for All Skill Levels

    Updated: 2013-05-11 15:07:28
    HTML5 is the next evolution in website development so whether you’re a web developer or a serious game developer wanting to explore the web as a new platform, HTML5 has something for each of you. With its collection of cutting-edge features, technologies and APIs, HTML5 allows you to create responsive, innovative, interactive, stunningly beautiful websites. [...]

  • Intercepting mouse events on an iPad

    Updated: 2013-05-10 11:26:05
    In the last post we saw how we could easily work with mouse events on an iPad. Touchscreen devices like the iPad do not have a cursor, so the user cannot exactly move the mouse over an HTML element triggering a ‘mouseover’ event. One of the readers requested on how we could use a different [...]

  • 10 New Free Fonts for Your Designs

    Updated: 2013-05-08 05:16:08
    Advertise here with BSAHere at WDL, we love to keep our readers posted on fresh resources, especially when it comes to fonts. Today we gathered a new round of free fonts to spice up your libraries. So feel free to check out all of them and download the ones you like most. Idealist Sans Aleo Palacio Graham Hand [...]

  • Making ‘mouseover’ event work on an iPad

    Updated: 2013-05-07 01:06:01
    Because of the way Safari on iOS creates events to emulate a mouse, some of your web page elements may not behave as expected on iOS. In particular, some elements that only use mouseover handlers need to be changed because iOS doesn’t recognize them as clickable elements, such as the div below. As the image-container [...]

  • Modernizr & YepNope Tips

    Updated: 2013-05-02 17:01:48
    Advertise here with BSAEvery day we have new and better browser versions. Real browsers (like Firefox and Chrome) have reached their 20th version a while ago, and the awesome features list is just increasing. On the other hand, we as developers must ensure that our products work fine in older browsers (but not IE6 kind of older), since [...]

  • jQuery Context Menu

    Updated: 2013-05-01 12:23:33
    Help us to keep this website . LIVE OR Follow webstutorial OR Skip WebsTutorial Web Learning Made . Easy Home Tutorials Archives Work with Us WRITTEN BY ntechi VN:F 1.9.22_1171 please wait . Rating : 5.0 5 1 vote cast Demo jQuery Context Menu Posted on Wednesday , May 1st , 2013 by ntechi Browser Support In this tutorial I am sharing my newly created jQuery Plugin , jQuery Simple Context . Menu GITHUB REPO https : github.com nirajmchauhan jquery-simple-context-menu Currently this plugin accepts two : paramenters Custom HTML You have to give entire HTML code with proper attributes in it wrapped inside ul Simple HTML You have to pass href link and the text to be shown . Simple HTML usage Include the jquery file , you can download this from . github jQuery(function($ document ready(function(

  • The Unique Features Offered by a Chatroom Tool Called Chatwing

    Updated: 2013-04-26 19:04:23
    The Internet is bombarded with thousands of applications that can be used in all purposes. It seems that the developers of these applications are always searching for new clients from all areas of the Internet. Most of these developers came up of gimmicks and strategies to fatten their client database. Today, I am going to [...]The post The Unique Features Offered by a Chatroom Tool Called Chatwing appeared first on eTechy101.com.

Previous Months Items

Apr 2013 | Mar 2013 | Feb 2013 | Jan 2013 | Dec 2012 | Nov 2012