background preloader

Html5 & Css3+Js

Facebook Twitter

Définir une longueur d’extrait personnalisée des articles sous WordPress. La taille des extraits de vos articles peut être ajustée en fonction de vos besoins, de façon automatique via un plugin ou manuellement via le functions.php.

Définir une longueur d’extrait personnalisée des articles sous WordPress

Avant-propos Par défaut, WordPress affiche un extrait de 55 mots sur la page d’accueil. Ce nombre de mots peut donc s’ajuster selon vos besoins via un plugin ou une intervention directe dans le code du thème. HTeuMeuLeu : HTML5, CSS3, et le quotidien du web pour un intégrateur ! HTML5 ADVENTURE CALENDAR. 10 Simple and Light Weight CMS Solutions. Choosing the right content management system can be an overwhelming task for a web designer or developer.

10 Simple and Light Weight CMS Solutions

There are so many available, all with different features, it can be difficult to decide which is the best solution for a particular web project. For complex websites, a fully featured CMS is probably the best way to go. However, for simple sites, lots of bells and whistles can be overkill and actually be a bit confusing for the person maintaining the website. In this article, I’ve rounded up 10 simple and light weight cms solutions. All of these systems were built with simplicity and ease-of-use in mind.

Dragon Labs » Admin Panel » Demo. 21 Examples of Parallax Scrolling in Web Design. Parallax is a difference in the in the apparent position of an object viewed along different lines of sight.

21 Examples of Parallax Scrolling in Web Design

The term derives from the Greek word parallaxis, meaning alteration. In web design, the parallax effect is a relatively new trend. The effect itself has been around for a while, but lately is becoming more used and talked about. The Parallax effect or parallax scrolling in web design is the technique that features layered images that move around the website in different speeds/perspectives creating a nice and interesting 3D illusion. We gathered some examples of websites using the parallax effect to inspire you. 15 Javascript Web UI Libraries, Frameworks and Toolkits. Almost all of the rich web applications that we currently see on the web today rely on a subtle set of UI controls, libraries or frameworks (or toolkits) that not only greatly simplify application development, they also provide a consistent, reliable, and highly interactive User Interface.

15 Javascript Web UI Libraries, Frameworks and Toolkits

What more could you ask for? Currently, there are a wide varied range of Web UI frameworks covering varied languages – for today we will focus on Javascript Web UI libraries. Not all libraries are suited for every project, but most developers will still rely on a single UI framework, a faithful friend they will always turn to in times of need… …so, if you are looking for a fresh UI outlook, below you will find the best 15 Javascript Web UIs, all offering, to different degrees, solutions.

JavaScript Tutorial 16 - Graphics and Imaging. Graphics brings life to applications.

JavaScript Tutorial 16 - Graphics and Imaging

JavaScript allows creation and modification of images using HTML5 canvas objects. This basic tutorial introduces some fundamental concepts of graphics and imaging. A more complete tutorial can be found at Mozilla's Canvas Tutorial. The Canvas HTML 5 introduced the canvas element which allows JavaScript 2D objects to be used in documents. CoffeeScript. MelonJS. You'll find here below some links to games and demos using melonJS.

melonJS

If you want to share you work with the library, I will be very happy to add it to the below list Clumsy Bird by Ellison Leao Clumsy Bird is a clone of the now world famous Flappy Bird, and created in only two days for studying purposes. As the hype-ness on the Flappy Bird theme was growing, its author decided to host the code on Github, to give more visibility about how its easy to implement such a game.

EaselJS: A Javascript Library for Working with the HTML5 Canvas Element. Recent Updates. Tutoriel : Ma première application Dojo.

Java

Fetching tweets with jQuery and the Twitter JSON API. Lettrine en CSS3 - CSS3. Il était un temps où les ressources typographiques du HTML étaient limitées.

Lettrine en CSS3 - CSS3

Screen icons. Category: C - Logo Vector Download Free (Brand Logos) (AI, EPS, CDR, PDF, GIF) Les 113 icônes pour 'interface' sur icones.pro - Page 4. Applications, games, tools and tutorials for the HTML5 canvas element. Ambilight for video tag. An introduction to the Canvas 2D API. If the <video> element is the poster boy of HTML5, then <canvas> is definitely Danny Zuko.

An introduction to the Canvas 2D API

The <canvas> element is (still) part of the HTML5 specification, but the 2D drawing API has been moved into a separate document (in case you go looking and can’t find it). <canvas> has a wealth of features, like: drawing shapes,filling colours,creating gradients and patterns,rendering text,copying images, video frames, and other canvases,manipulating pixels, andexporting the contents of a <canvas> to a static file. HTML5 compatibility. LocalStorage dans <html5> par l'exemple - HTML5 live demonstrations.

<p>JavaScript doit être activé !

localStorage dans <html5> par l'exemple - HTML5 live demonstrations

52framework - The framework from the future, HTML5, CSS3, and more! À propos du cca. Les frameworks CSS. Pour les non professionnels, le développement HTML / CSS est souvent un véritable casse-tête: positionnement des éléments, subtilité des règles CSS, compatibilité avec les navigateurs… autant d’obstacles qui font perdre beaucoup de temps.

Les frameworks CSS

Jusqu’à présent, les outils de développement CSS ne nous aidaient pas vraiment: la majorité sont de simples éditeurs de texte, qui affichent juste le rendu de la page. Les framework CSS pour développer des sites plus rapidement. Après cette longue absence, je reviens avec une méthodologie que j’intègre peu à peu dans les conceptions web : les frameworks CSS et la notion de Grid. CSS 3.0 Box Shadow. Remplacer les alert(), confirm() et prompt() de Javascript avec jQuery Alert Dialogs. jQuery Alert Dialogs est un plugin pour jQuery qui vous permet de transformer les alert(), confirm(), prompt() de façon très jolie et très simple. Comment l’utiliser ?

Pour utiliser cette librairie, il vous suffit d’inclure les fichiers dont vous avez besoin dans votre page HTML : jAlert() Drag and Drop HTML 5 - Damien MATHIEU. HTML 5. Une vue d'ensemble de ce qu'apporte HTML 5. C'est autant qu'un successeur à HTML 4, une plateforme pour les applications en ligne ou même locales (notamment avec Metro). HTML5 for Game Developers. Rating: 4.8/5 (4 votes cast) The web platform has come a long way in the recent years, to the point where HTML5 and related technologies are now considered a serious foundation for online games.

This session will introduce game developers to the web programming model, outline the relevant developments of HTML5, and overview the libraries and services that are emerging to support HTML5 games. Delivered at Casual Connect Kyiv, October 2010. Getting Started with HTML5 Local Databases « Dark Crimson Blog. Please note: This article was written in May 2010 and as of November 18, 2010, the Web Applications Working Group has reached an impasse and does not intend to maintain the Web SQL Database any longer. Read more here. Starting with Safari 4, iOS OS3, Chrome 5, and Opera 10.5 (Desktop), HTML5 Local Databases (AKA Web SQL Databases) are now supported. I’ve been reading about local databases for quite some time and decided to do a write up with some basic examples on how to get started. Setting up the Database First we check if the browser supports the openDatabase method, is so we continue and define the database parameters: shortName is the DB name as it will be referred to by the browser and SQLversion openDatabase version. 1.0 for this (more on that here) displayName The full display name / description of the databasemaxSize This is max size in bytes is the size you expect the database to reach.

Building the Table Select the data Making updates. Tutorial HTML 5 et les bases de données embarquées « BSoft&Co. Welcome to the vtf type foundry website. 63 fonts en Open Source, par VTF. CSS 3.0 Border Radius. 10 Great HTML5 Experiments and Apps. New to the HotScripts Blog? Subscribe to our blog via RSS feed or email alert and receive updates, tips and tutorials on web development & design. HTML5 examples and Demos. » Simple Animation in the HTML5 Canvas Element. HTML5 is generating all kinds of buzz these days.

Some of the buzz is about HTML5 being a replacement for Adobe’s Flash. I don’t think it’s there yet but it’s certainly on the way to changing the way content is presented on the web. How To Use CSS3 Media Queries To Create a Mobile Version of Your Website - Smashing Magazine. Advertisement CSS3 continues to both excite and frustrate web designers and developers. We are excited about the possibilities that CSS3 brings, and the problems it will solve, but also frustrated by the lack of support in Internet Explorer 8. This article will demonstrate a technique that uses part of CSS3 that is also unsupported by Internet Explorer 8. However, it doesn’t matter as one of the most useful places for this module is somewhere that does have a lot of support — small devices such as the iPhone, and Android devices.

Sécuriser son site avec un certificat SSL « Backsmash « Backsmash. Pourquoi faut-il abandonner JSON « Sécurité « Backsmash. Le format JSON, AJAX et jQuery - Alsacréations. JSON (JavaScript Object Notation) est une forme d'écriture de données en JavaScript. HTML5 — Et si on évitait la balise «section» dans une balise «article» ?