background preloader

JSHint, a JavaScript Code Quality Tool

JSHint, a JavaScript Code Quality Tool

Related:  Initiation au codetrucs de oufHTMLCode tricksWeb Design

Webmaker - Tutoriel pour créer une application web Webmaker is partnering with on their global Hour of Code campaign and it's the perfect time to step up your web literacy skills. Whether in a classroom, afterschool program, or at home with some friends, you can learn a lot in one hour. Try some of our fun projects to learn more about HTML, CSS, Javascript and app development, and let's make the web, together. Featured activity: Stripe Generator - ajax diagonal stripes background designer TIP: You can use up to 5 different color for your stripes. stripe sizespacingstripe color(s)background styleshadowgradient heightbackground color(s)stripe orientation preview Tile size: 6px * 6px

Meet Grunt: The Build Tool for JavaScript If you’re working on a large project, you’ll no doubt have a build script or a bunch of task scripts to help with some of the repetitive parts of the process. You might use Ant or Rake, depending on the language the project is written in. But what do you use if the project is primarily JavaScript? That’s the problem Ben Alman set out to solve when he created Grunt. vpxEncodingGuide – FFmpeg libvpx is the VP8 video encoder for ​WebM, an open, royalty-free media file format. This guide is an attempt to summarize the most important options for creating video with libvpx. To install FFmpeg with support for libvpx, look at the ​Compilation Guides and compile FFmpeg with the --enable-libvpx option. Note that in the below examples, the libvorbis audio encoder is used. Make sure your FFmpeg version also includes libvorbis (check with ffmpeg -codecs), as the native Vorbis encoder from FFmpeg does not provide comparable quality. Variable Bitrate ¶

Format HTML for Free Enter your messy, minified, or obfuscated HTML into the field above to have it cleaned up and made pretty. The editor above also contains helpful line numbers and syntax highlighting. There are many option to tailor the beautifier to your personal formatting tastes. When do you use HTML Formatter

Cargo-Bot – iPad The first game programmed entirely on iPad® Be Logical. Play Cargo-Bot Presenting Cargo-Bot. The first game programmed entirely on iPad using Codea™ Fathom.js If you're making a presentation on JavaScript, make it in Javascript. Write your slideshow in HTML, style it with CSS and control it with some jQuery-powered JavaScript. When you're done, Fathom.js even lets you sync the video of your presentation quickly and easily. Important Considerations When Building Single Page Web Apps Single page web applications - or SPAs, as they are commonly referred to - are quickly becoming the de facto standard for web app development. The fact that a major part of the app runs inside a single web page makes it very interesting and appealing, and the accelerated growth of browser capabilities pushes us closer to the day, when all apps run entirely in the browser. Technically, most web pages already are SPAs; it's the complexity of a page that differentiates a web page from a web app.

stream-m - A HTML5 compatible WebM live streaming server stream.m is created to be an open source solution for streaming live video right into the web browser using the HTML5 video tag and Google's WebM video format. The current version is a working prototype, which showcases the main ideas. The main design goal is low resource usage. Has a web interface with a realtime bandwidth monitor (with the resolution of 1/10 of a second) for spotting network congestion. Also supports simultaneous streams (channels).

Responsive Images Done Right: A Guide To <picture> And srcset On Monday, we published an article on Picturefill 2.01, a perfect polyfill for responsive images. Today’s article complements Tim Wright’s article and explains exactly how we can use the upcoming <picture> element and srcset, with simple fallbacks for legacy browsers. There is no reason to wait for responsive images2; we can actually have them very, very soon3. — Ed. “Everything I’ve said so far could be summarized as: make pages which are adaptable.… Designing adaptable pages is designing accessible pages.

Related:  Structure P1JavascriptJavaScriptjavascriptBasics for web devWEB technicsNode.jslouisgaillard