Mes liens
796 shaares
Parmi la foultitude d’événements gérés par Javascript, il existe l’événement error. Son utilisation est assez obscure et manque un peu d’intérêt dans bien des cas. A tel point que l’équipe de jQuery a décidé d’en suspendre le support tout en livrant la méthode « en l’état » pour qui veut s’amuser avec.
Cet événement est applicable à l’objet window et image seulement et est déclenché, comme on peut s’en douter, lorsqu’une erreur intervient sur l’un de ces éléments. On laissera rapidement de côté l’objet window pour s’intéresser aux erreurs de l’objet image.
Quelques idées me viennent.
Cet événement est applicable à l’objet window et image seulement et est déclenché, comme on peut s’en douter, lorsqu’une erreur intervient sur l’un de ces éléments. On laissera rapidement de côté l’objet window pour s’intéresser aux erreurs de l’objet image.
Quelques idées me viennent.
Si vous ne le savez pas encore, markItUp! est un plugin pour jQuery qui permet de transformer n’importe quel textarea en éditeur de tags configurable à souhait et ce, de manière totalement non intrusive.
Pour faire suite au premier tutoriel, voici un exemple de configurations un peu plus avancées mettant en scène un élément extérieur qui interagira avec l’éditeur. Ici nous allons utiliser un simple badge Flickr comme une mini-librairie d’images interfacé avec notre éditeur markItUp!.
Pour faire suite au premier tutoriel, voici un exemple de configurations un peu plus avancées mettant en scène un élément extérieur qui interagira avec l’éditeur. Ici nous allons utiliser un simple badge Flickr comme une mini-librairie d’images interfacé avec notre éditeur markItUp!.
This is actually Node.js code running the http listener on Chrome’s Javascript VM!
While we like the Browserver project, it uses a reverse proxy and pushes requests down to the client via a websocket. Node-chromify took a different approach, and has no external server dependency.
You can get the source to the demo app, and a build of node.js (the script, not the whole node project) here: https://github.com/iceddev/node-chromify
While we like the Browserver project, it uses a reverse proxy and pushes requests down to the client via a websocket. Node-chromify took a different approach, and has no external server dependency.
You can get the source to the demo app, and a build of node.js (the script, not the whole node project) here: https://github.com/iceddev/node-chromify
When looking at personal sites of web designers and developers, you’ll often see a lot of unique (and sometimes insane) concepts and designs that you’d never see on any ‘real world’ website. Personal sites tend to be the one area where people allow themselves to truly unleash their creativity. This often goes a long way in showing both your own personality, and the ability to think a little differently from the herd.
We’re going to use one of my own plug-ins, jQuery Scroll Path, as a tool to transform a conventional site layout into something that resembles an interactive presentation. The sections of the page will be spread out and rotated across a two-dimensional plane, and bound together with a path that the browser window follows when the user scrolls the page.
We’re going to use one of my own plug-ins, jQuery Scroll Path, as a tool to transform a conventional site layout into something that resembles an interactive presentation. The sections of the page will be spread out and rotated across a two-dimensional plane, and bound together with a path that the browser window follows when the user scrolls the page.
Typicons are free-to-use vector icons embedded in a webfont kit for easy use in your UI, whether it be on the web or in a native application.
Typicons save space and time by pairing a vector icon to a character, just like Webdings or Windings. Then, using the CSS3 pseudo-selector ::before, the appropriate characters are bound to their respective classes (eliminating the need to remember the correct index of each icon).
Typicons save space and time by pairing a vector icon to a character, just like Webdings or Windings. Then, using the CSS3 pseudo-selector ::before, the appropriate characters are bound to their respective classes (eliminating the need to remember the correct index of each icon).
Fully customizable content ingestion wizard, enabling end users to upload and import media from various sources.
Kaltura’s ingestion engine allows users to add videos, photos, and audio files in a wide variety of formats. The engine is extremely flexible and easy to customize, allowing publishers to include different features and functionalities
Kaltura’s ingestion engine allows users to add videos, photos, and audio files in a wide variety of formats. The engine is extremely flexible and easy to customize, allowing publishers to include different features and functionalities
The HTML5 revolution has provided us some awesome JavaScript and HTML APIs. Some are APIs we knew we've needed for years, others are cutting edge mobile and desktop helpers. Regardless of API strength or purpose, anything to help us better do our job is a step in the right direction. I recently shared with you 5 HTML5 APIs You Didn’t Know Existed in the hope that some of them would inspire you to improve your own web apps. I'd like to share with you 5 more lessor known HTML5 APIs -- hopefully you find some of them useful!
I’ve been wanting to attempt a port of Erik Loyer’s slabtype algorithm for quite some time now and seeing Paravel’s fittext jQuery plugin, in combination with a gloriously hassle-free lunch hour gave me the impetus to attempt it. This is the result – resize the browser viewport to see the effect in action.
After a two and a half year delay, and a lot of hard work, the new 1.9 version of jQuery UI was finally released. jQuery UI 1.9 supports the latest stable release of jQuery all the way back to version 1.6. With many bug fixes and lots of changes, this is a significant step forward for the library.
Client-side APIs on mobile and desktop devices are quickly providing the same APIs. Of course our mobile devices got access to some of these APIs first, but those APIs are slowly making their way to the desktop. One of those APIs is the getUserMedia API, providing developers access to the user's camera. Let me show you how to get simple camera access from within your browser!
We’re a group of developers working towards a markup-based means of delivering alternate image sources based on device capabilities.
Gamma Gallery is an experimental responsive image gallery that attempts to provide an adjustable responsive images approach taking its grid layout and the full slideshow view into account.
The Opera TV Emulator gives developers the tools needed to build and test HTML5 and CE-HTML content for TVs on their PCs, which will emulate the target device’s environment with no need for physical access to the TV, set-top box or Blu-ray player. The Opera TV Emulator offers a direct, easy way to develop, test and debug and can serve as a reference implementation.
The 404 page idea I had in mind was a retro TV screen that filled the user’s viewport. I also wanted some animated static noise as a background for the screen upon which I could lay up the usual “file not found” text. Being a fluid design that filled the screen meant there were some responsive issues that needed addressing to make sure the content scaled in relation to the background TV image.
Scripted is a fast and lightweight code editor with an initial focus on JavaScript editing. Scripted is a browser based editor and the editor itself is served from a locally running Node.js server instance.
Anchor is a content management system, written in PHP5, built for art-directed posts.
In the past CSS frameworks have dramatically changed the way we make CSS layouts. Layouts became modular and much more complex. What's hardly has changed until today is our toolset for creating these layouts.
Dirk Jesse is the developer of the CSS framework YAML. The successful release of the YAML Builder in 2007 was a proof of concept for framework-based visual layout creation. Thinkin' Tags is the intellectual child of a consistent development of this idea and it's now published in a public alpha release to show what's possible in the browser today and an idea of what will be in the future. And allthough, this first alpha release is mainly focussed on YAML, it's not limited to it.
We decided to release this public alpha version of Thinkin' Tags to show you what's our idea of browser-based prototyping CSS layouts and to get to know what you're thinking about it. So, please let us know what do you like, miss or need. And don't forget to have some fun, playing around in the app.
Dirk Jesse is the developer of the CSS framework YAML. The successful release of the YAML Builder in 2007 was a proof of concept for framework-based visual layout creation. Thinkin' Tags is the intellectual child of a consistent development of this idea and it's now published in a public alpha release to show what's possible in the browser today and an idea of what will be in the future. And allthough, this first alpha release is mainly focussed on YAML, it's not limited to it.
We decided to release this public alpha version of Thinkin' Tags to show you what's our idea of browser-based prototyping CSS layouts and to get to know what you're thinking about it. So, please let us know what do you like, miss or need. And don't forget to have some fun, playing around in the app.
Bootsnipp is an element gallery for web designers and web developers, anybody who is using Bootstrap will find this website essential in their craft.
When creating some canvas experiments like a particle emission system or a game, gravity can be a key feature to implement. Figuring out how to implement gravity on an object in terms of coding can be a bit confusing. We’ll try to comprehend it, by putting it into code in a simplified manner. I liek simplicity!
You are at the Javascript Territory, where you can find all the most useful Javascript tools and libraries.