background preloader

50 Javascript Tools & Resources from 2013

50 Javascript Tools & Resources from 2013
Just as we focused on CSS a few days back, today we take a look at 50 of our favorite Javascript tools and resources from 2013. You will notice that this article does not include any jQuery resources as we have already published a dedicated jQuery round-up post last week, you can check that out here.But if you are looking for a standalone Javascript framework or library, then this is the place for you! So, here we go, our 50 favorite Javascript tools and resources from 2013: React React is a JavaScript framework from Facebook for building user interfaces. React → AdminJS AdminJS is a client-side administration framework for interacting with your backend. AdminJS → Parallax – Lightweight Parallax Engine Parallax is a simple, lightweight parallax engine that reacts to the orientation of a smart device. Parallax → Web Tracing Framework The Web Tracing Framework is a set of libraries, tools, and visualizers for the tracing and investigation of complex web applications. Web Tracing Framework → Grid Forms

Coding High density retina displays or screens, like Apple’s Retina Display, have lots of pixels in a small space that it is almost impossible see the pixelation, thus, displaying smoother images and texts. Although Apple offered it first on the market, manufacturers have been releasing similar devices recently to compete with Apple. When using Retina Display devices, you can see that other sites online appear blurry. Read More There are many ways to create a navigation menu for the Web. In this tutorial, we’re going to build a sliding navigation menu using CSS3, along with some jQuery codes to manage the sliding animation. Let’s get started. Read More As smart phones and tablets have become popular, more and more people are have been reading their emails regularly on their small screen devices. Email clients such as Outlook (Windows), Mail (OSX), etc. use different HTML engines. So, in making an email template, it is highly recommended to use a different approach. Read More Read More Read More

Introducing Gargl: Create an API for any website, in any programming language, without writing a line of code | Joe Blog Levy Warning:Integrating into a website / service without permission is a legally grey area. If a site does not have a documented API, its owners may be unhappy with you reverse-engineering their unofficial API and using it as part of an application, service, or other purpose. Legal cases have previously been fought and both won and lost by developers “misusing” an unofficial API for their own purposes. Use caution and seek legal counsel before integrating another party’s unofficial API into any product, service, or tool you plan to expose to yourself or others. What is Gargl? Ever been unhappy to find that a website has no API, or makes you pay to use their API, even though the information you want access to is easily accessible manually use their website? Because of the way websites work, if you can see or submit data using the website, it means the website does have some kind of API, even if the site owners haven’t documented it publicly. Introducing Gargl.

How to Create a Scrolling Parallax Website Parallax websites are one of the latest and biggest trends on the web for some time now. If you want to impress your clients or implement immediate impact on your site, this is a good choice for you. In this tutorial, I’ll teach you how to create a simple but beautiful parallax website that will create an illusion of 3D depth to your site. It will surely catch your viewers’ attention. So let’s dig in. Introduction to Parallax According to Wikipedia, Parallax came from the Greek word παράλλαξις (parallaxis) meaning, “alteration”. Parallax Website Examples To show you how this Parallax scrolling effect looks like I’ve collected sites that utilize the Parallax scrolling effect. The Design Concept Since Christmas Season is just around the corner, we created a Christmas type mock-up design in Photoshop. Resources You Will Need to Complete This Tutorial: File Structure For our file structure, we will create three folders and one HTML file: index.html – this will serve as our main file. The CSS

Toutes les démos, tutoriels et expériences. Démos Toutes les démos Page 1 / 9 Livre CSS3 Le design web moderne Plus d'infos sur le site officiel En vente sur Amazon, FNAC, Dunod Tutoriels Tous les tutoriels Apprendre Tous les sélecteurs/propriétés Suivre Actualités du site CSS3Create Souscrire RSS Page facebook Actualités sur CSS et le web en général Blog Catégories: Les Menus Galeries Photos Les Animations Les Transitions La Typographie Just for Fun Les Formulaires User Interface Les Transformations Les Filtres Les Menus - Eléments de navigation réalisés en CSS à intégrer dans vos webdesign, ou juste pour votre inspiration. Galeries Photos - Dans cette catégorie, retrouvez différentes galerie photos utilisant les CSS. Les Animations - Dans cette catégorie, retrouvez toutes les démos utilisant les animations CSS. Les Transitions - Dans cette catégorie, retrouvez différentes techniques CSS utilisant les transitions. La Typographie - Retrouvez les différentes utilisations de la typographie en CSS.

Nuages de mots: Cinq sites pour en faire Si vous voulez embellir un blogue ou écrire un cv en nuages de mots, voilà 5 services qui vont vous être très utiles. Le nuage de mots est un peu le symbole du web2.0, ça commence a être un peu démodé, mais on aime quand même. Pour ceux qui ne connaissent pas le nuage de mots, c’est une représentation graphique de mots où les mots les plus répétés dans un texte sont les plus gros et les mots les moins répétés sont les plus petits J’ai aussi testé une option freeware logiciel dans ce billet, mais je préfère nettement les versions en ligne. Semble être le plus connu des services, il est rapide, vous pouvez prendre le texte à partir d’un url ou encore d’un texte que vous allez copier. Mon cv en nuage de points Ce site est très riche en options, on a de quoi s’amuser pour faire des effets les plus spectaculaire . Notez que c’est tagxedo qui est devenu mon outil préféré pour faire des nuages de mots.