background preloader

Pickle

Pickle

http://www.pickleeditor.com/

Skeleton: Beautiful Boilerplate for Responsive, Mobile-Friendly Development What Is It? Skeleton is a small collection of CSS files that can help you rapidly develop sites that look beautiful at any size, be it a 17" laptop screen or an iPhone. Skeleton is built on three core principles: Game Pitches the cross-browser WebSocket for realtime apps. What is Socket.IO? Socket.IO aims to make realtime apps possible in every browser and mobile device, blurring the differences between the different transport mechanisms. It's care-free realtime 100% in JavaScript. Server Client How to use

Bfxr. Make sound effects for your games. Réaliser des graphiques avec JavaScript, 12 outils Le besoin de créer des interfaces métier interactives et "illustrées" via les applications web revient de plus en plus souvent. Bien nous en fasse à nous développeurs web où, enfin, nos pairs de l'applicatif lourd sont contraints de ne plus nous prendre pour des rigolos (yeah fuck). Mais après tout, une appli de gestion sans un histogramme, un camembert ou encore des courbes, c'est pas vraiment une appli cool pour nos "managers" Je vous propose donc de faire un tour rapide de ce qui existe pour générer des graphiques avec JavaScript. N'hésitez surtout pas à partager à propos de ce que vous connaissez/utilisez, comme d'hab.

10 Cool jQuery Developed Games It’s time to have fun! So we’ve listed a collection of 10 cool jQuery based games. So minimize your IDE, check the boss is not looking and burst into some gaming courtesy of jQuery4u. IcoMoon IcoMoon is striving to build and provide the best iconography and icon management tool for perfectionists. IcoMoon's icon library features only the very best icon sets out there. All of our icons are designed on a precise pixel grid. The IcoMoon app lets you build and use your own icon sets in many different formats including SVG, Polymer, PDF, XAML, CSH, icon font or simple PNG/CSS sprites.

Learning To Code Apps? Programr, The Codecademy For Higher-Level Languages, Adds Support For Android Programr, an online lab for learning to code – yep, sort of like Codecademy, but for higher-level languages, has just introduced Android coding support. With the added option, aspiring student developers can create Android apps right in the browser. When the project is complete the apps can be downloaded into APK format, then loaded up on your Android devices, shared with friends or sent off to the Android Market…Google Play store. And, says company co-founder Rajesh Moorjani, the startup is working on doing the same for iOS apps next. For a little background, Programr is a new entry in the “learn to code online” space, which has seen growing interest over the past several months, thanks in part, to Codecademy’s “Code Year” initiative which saw some 100,000 users sign up in just 48 hours of going live. This year, everyone wants to learn to code, it seems.

Infographic Creation Made Easy with Visual.ly Create Today marks an important milestone for Visual.ly: the release of our tools for automatic infographic creation. Our team has made hundreds of infographics, so we know how hard it can be to find the data, do the necessary research, and make sure you are following the principles of good data visualization, while still coming up with a design that people will want to hang on their wall and spread through the interwebs. That’s why we’ve built data feeds into a number of infographic designs, created for you by our team of expert designers. Making an infographic, based on your own data, couldn’t be easier. CSS Spriting Tips « Mozilla Webdev One of the most effective ways of speeding up a website’s render time is to reduce the number of HTTP requests required to fetch content. An effective method to achieve this is via CSS sprites, which is combining multiple images into one large image and using CSS to only display parts of it. Here’s an example sprite: The purpose of this post is not to show how it makes a site faster, but cover some best practices when creating a CSS sprite. Don’t wait until you are done slicing to begin spriting.

Tipped - The jQuery Tooltip Tipped allows you to easily create beautiful tooltips using the jQuery Javascript library. Evolved from the popular Prototip library, Tipped takes tooltips to the next level by using HTML5 to give you full control over the look and feel of your tooltips. Canvas graphics The entire skin of the tooltip, from shadow to loading icon, is drawn using Canvas.

Using jQuery The Sexy Way: 7 Great Techniques For a Slick Layout Whatever content you have to present, you can present them in a more interactive & more responsive ways. In this article we’d like to present 7 Impressive techniques using some jQuery magic to grab the attention of your users with a simple, rich user experience that gets them excited about your website. 1. Nivo Slider Capturing Audio & Video in HTML5 Introduction Audio/Video capture has been the "Holy Grail" of web development for a long time. For many years we've had to rely on browser plugins (Flash or Silverlight) to get the job done. Come on! HTML5 to the rescue. It might not be apparent, but the rise of HTML5 has brought a surge of access to device hardware.

howler.js - Modern Web Audio Javascript Library - GoldFire Studios Browsers have come a long way over the years, and we are now able to achieve amazing results using all of the great new technologies often referred to as HTML5. However, generally speaking, audio still sucks. Thankfully, Google decided to create Web Audio API and make all our lives easier.

Related: