html/css

TwitterFacebook
Get flash to fully experience Pearltrees
The Automatic CSS Inliner Tool A MailChimp Labs Project If you've ever sent an email campaign, you know that if your CSS isn't coded inline, it's likely to get stripped out by email clients, which can make your email design pretty funny looking. http://beaker.mailchimp.com/inline-css#.UTdpvbcL8fg.twitter

CSS Inliner Tool | MailChimp Labs

Performing a quick search in Google will yield a number of helpful JavaScript libraries for styling source code. Blogs and websites focused on frontend and backend development will frequently need to publish articles which use direct source code in the page. Basic monospaced fonts are not always enough, and with dynamic syntax highlighting it is much easier to implement this functionality than ever before.

HTML5 Pre/Code Syntax Highlighting with JavaScript

http://designwoop.com/2013/04/html5-precode-syntax-highlighting-with-javascript/
Topic: jQuery (flexslider) / CSS3 Difficulty: Intermediate Estimated Completion Time: 30 mins Today we will code a responsive image slider from the Impressionist UI . We will code it using the FlexSlider plugin for the functionality and style it using CSS3. I hope you will enjoy it and find it useful for your projects. http://designmodo.com/responsive-slider/

How to Create a Responsive Image Slider in jQuery and CSS3

HTML 5 : le web n’a toujours pas de standard | Le blog de l'agence Zonefranche

http://blog.zone-franche.fr/2012/11/28/html-5-le-web-na-toujours-pas-de-standard/?_tmc=uy0aH7KuOGdsljdMgMmWxtv2Y677Tba-s7TsDWAymiQ Le web appartient à tous et c’est ce qui en fait un outil accessible, puissant et qui nous émerveille chaque jour (oui, même chez l’équipe IT on s’émerveille facilement). Mais c’est aussi le lieu de petites querelles et grosses bagarres entre les géants du web pour imposer des nouvelles normes, au prix de concertations parfois difficiles, et souvent au détriment des usages (et des développeurs !). La dernière de ces batailles dure depuis 2006 entre le W3C , organisme historique de normalisation du web, et le WHATWG , groupe de réflexion créé en 2004 qui réunit les géants du web comme Apple, Mozilla ou Google.
The variety of tools available to help enhance and customize your website or blog are countless, allowing for several diverse forms of media to be incorporated in to your website for the free flow of multimedia expression. The structural framework of such tools is built on HTML5. HTML5 is quite basically the language or code system over which the content and body that you wish to be presented on your website is constructed. It is a revolution in technology and development, a coded database of all the complete material and physical visual domains we experience on the internet. http://pelfusion.com/html5-players-for-your-web-space/

20 Excellent HTML5 Players for Your Web Space

20 Must See CSS3 and jQuery Tutorials

It is really fascinating to see how much the web design development has evolved over the last two years. Although, HTML will not be fully implanted until 2014 , many web designers/developers, companies and web enthusiasts are using HTML5 and CSS3 in their products and apps. In this post we are sharing 20 recent web design tutorials that explore the true potential of HTML5, CSS3 and with a mix of good old jQuery. http://desizntech.info/2012/08/20-must-see-css3-and-jquery-tutorials/
http://designmodo.com/create-interactive-graph-css3-jquery/

How to Create an Interactive Graph using CSS3 & jQuery

Topic: jQuery (Flot) & CSS3 Difficulty: Advanced Estimated Completion Time: 1 hour In this tutorial we will code an Interactive Graph using jQuery and CSS3. We will use the jQuery’s popular plotting plugin “Flot” .
Before the HTML5 <audio> element, Flash or another plugin was required to break the silence of the web. While audio on the web no longer requires a plugin, the audio tag brings significant limitations for implementing sophisticated games and interactive applications. The Web Audio API is a high-level JavaScript API for processing and synthesizing audio in web applications. http://www.html5rocks.com/en/tutorials/webaudio/intro/#toc-context

Getting Started with Web Audio API

http://www.blog-nouvelles-technologies.fr/archives/8322/les-10-meilleures-ressources-html5-en-ligne-pour-les-graphistes/ Découverte sur Smashing Hub , cette liste des dix meilleures ressources HTML5 en ligne pour les graphistes va s’avérer très utile pour tous les concepteurs de sites Web. Vous allez y découvrir des outils pour le graphisme, gérer vos sprites , En effet, l’arrivée massive de ce nouveau langage, que j’aborde régulièrement sur le blog, est un nouveau langage de structuration et de présentation pour le contenu sur le Web. Il dispose de nombreuses fonctionnalités telles que l’intégration de la vidéo, de l’audio, des polices, du glisser-déposer, la possibilité de dessiner, etc… Sans plus attendre, voici la sélection des dix meilleures ressources en HTML5 pour les graphistes.

Les 10 meilleures ressources HTML5 en ligne pour les graphistes

Frameworks

http://www.webappers.com/2009/08/10/70-must-have-css3-and-html5-tutorials-and-resources/ CSS3 and HTML 5 are capable of revolutionizing the way we design websites. Both include so many new features and functions that it can be hard to wrap your head around them at times.

70 Must-Have CSS3 and HTML5 Tutorials and Resources

Create a Posticks (Sticky Notes) app with HTML5, CSS3 and jQuery March 22nd, 2011 by Teylor Feliz While I was on vacation in Dominican Republic, I had some free time to work in a small application that creates Posticks notes, or sticky notes, in the browsers and save it in the localStorage of the browser. If you want to know what I am talking about you can visit the demo .

Create a Posticks (Sticky Notes) app with HTML5, CSS3 and jQuery

5 plugins jQuery libres à avoir pour les concepteurs Web

jQuery est une bibliothèque JavaScript très populaire qui encourage les développeurs à « écrire moins, et en faire plus » ! Il s’agit de l’un des moyens les plus faciles pour commencer à puiser dans la puissance du langage JavaScript sans être écroulé par un tas de code compliqué. En d’autres termes, il s’agit d’une boîte à outils accessible pour n’importe qui ayant une expérience avec les langages HTML et CSS , mais il est tout aussi utile dans les mains d’experts. Il semble y avoir une réserve inépuisable de plugins jQuery tout autour du Web , mais quelques-uns ont, pour lesquels j’ai pu tester leur utilité récemment, porté toute mon attention. Voici une liste de cinq plugins pour lesquels vous pouvez devez les utiliser dans un projet, ou du moins y jeter un œil ! jQuery Scroll Path est carrément incroyable.