HTML5 - CSS3

TwitterFacebook
Get flash to fully experience Pearltrees
http://css-tricks.com/star-ratings/ The markup uses the unicode entity for a star (☆) right in it. If you have a UTF-8 charset that should be no big deal. Alternatively you could use ☆ ( Calculator for that kind of thing). You could use as many stars as you like: Now we need to flop out that "hollow" star with a "solid" star on hover ( Gallery for finding those sorts of characters).

Star Ratings With Very Little CSS | CSS-Tricks

HTML5 Cheat sheets | Le blog des nouvelles technologies : Web, Technologies, Développement, Interopérabilité

Il y a quelques jours, Olivier Gilbon dans un commentaire d’un des articles du BlogNT , présentant une infographie pour tout savoir sur l’ HTML5 (tags, attributs, compatibilité navigateurs), avait indiqué que « l’infographie proposée était très intéressante, mais qu’il était dommage que celle-ci ne soit pas à jour » ! Et aujourd’hui, en parcourant ma timeline sur Twitter , j’ai vu un tweet indiquant qu’ une nouvelle cheatsheet HTML5 était disponible ! En effet, avec les différents ajouts et modifications apportées fréquemment au langage HTML5 , il est difficile de se rappeler des diverses fonctionnalités qu’apportent ce dernier. Ainsi, pour répondre aux différentes interrogations des développeurs et intégrateurs ce n’est pas une, mais trois cheatsheets qui ont été créées par WDl de In Motion Hosting . Vous allez être en mesure de garder toutes les informations avec vous… La cheatsheet est donc divisée en trois graphiques : http://www.blog-nouvelles-technologies.fr/archives/8965/html5-cheat-sheets/

W3C : HTML5 sera terminé en 2014 | Le blog des nouvelles technologies : Web, Technologies, Développement, Interopérabilité

http://www.blog-nouvelles-technologies.fr/archives/3168/w3c-html5-sera-termine-en-2014/ Ceux qui sont curieux au sujet de la date de sortie définitive d’ HTML5 , peuvent se référer à la date transmise par le W3C ( World Wide Web Consortium ) qui prévoit de finaliser la norme d’ici Juillet 2014 . « This is the first time we’ve been able to answer people’s questions of when it will be done » , a déclaré Ian Jacobs, directeur du marketing et des communications du W3C. « More and more people from more and more industries are asking when it will be done. They require stability in the standard and very high levels of interoperability » . En d’autres termes, le W3C nous indique que c’est la première fois qu’ils peuvent annoncer une date, du fait que de plus en plus d’industries réclament cette date de sortie .
http://css-tricks.com/progressively-enhancing-html5-forms/ Yepnope is a "script loader" which will load scripts conditionally . You give it some kind of boolean value (true or false), if it's true, it'll load one set of scripts (or css), if it's false, a different set. Where do we get that boolean value? From testing a feature with... Modernizr gives you the ability to test for HTML5 and CSS3 1 features. For example, with Modernizr loaded, Modernizr.inputtypes.date will be true if you are in a browser that supports inputs with a type of date property (Only Opera, since about version 9) and false if you are in a browser that doesn't support the date type.

Progressively Enhancing HTML5 Forms | CSS-Tricks

AwesomeChartJS

http://cyberpython.github.com/AwesomeChartJS/ The main goal during development was to pick sane defaults in order to let the user create simple charts quickly with just a couple of lines of code. function drawMyChart(){ if(!!document.createElement('canvas').getContext){ //check that the canvas // element is supported var mychart = new AwesomeChart('canvas1'); mychart.title = "Product Sales - 2010"; mychart.data = [1532, 3251, 3460, 1180, 6543]; mychart.labels = ["Desktops", "Laptops", "Netbooks", "Tablets", "Smartphones"]; mychart.draw(); } } window.onload = drawMyChart; The code above will produce the following result:
http://www.limejs.com/

LimeJS HTML5 Game Framework

Jun 30 2011 08:21 Developers from the medical start-up Cognuse have been developing new generation cognitive rehabilitation platform for restoring and training executive functions after a brain injury or stroke since 2006. Their method consists of set of games specially designed by specialists of the brain injury area, that patients have to repeatedly play through. System stores their results and provides new harder levels based on their performance. Platform can be also used for general cognitive training to battle the cognitive decline in the elderly population, including people with a tendency to develop Alzheimer’s or similar diseases. May 12 2011 19:08
http://html5boilerplate.com/ Download Boilerplate 3.0.2 Updated Feb 19th Download Boilerplate Keep the hints and links or Download Boilerplate "stripped" No comments, just the bizniss. or Customize Boilerplate 100% hipster.

HTML5 Boilerplate - A rock-solid default template for HTML5 awesome.

Pressed Button State With CSS

NOTE: I’ve covered button link styling using CSS3 in a more recent post which you can read here . The following post is an older method using images. There is certain anchor state in CSS that I don’t see used very often — actually, it’s something I haven’t really used myself, but something which I now realize can be very useful. I’m talking about the “active” anchor state. The active anchor state is the state an anchor (a link) is in when you click on it. The moment you click on a link, it becomes active. http://www.usabilitypost.com/2008/12/16/pressed-button-state-with-css/
A common issue in almost every profession that can drive people completely insane is having to continue from what somebody else started. The main reason for this being the fact that everyone has different ways of working, and sometimes these self-induced habits can be just downright messy. In order to make code look cleaner , and thus, support team work (meaning that somebody else might need to work with what was coded before) , there are certain considerations that should be taken into account.

10 Principles for Keeping Your Programming Code Clean | Onextrapixel - Showcasing Web Treats Without A Hitch

http://www.onextrapixel.com/2011/01/20/10-principles-for-keeping-your-programming-code-clean/
Ne dites pas à ma mère que je suis artisan en architecture de l'information appliquée aux sites web : elle croit que je suis webdesigner, intégrateur HTML & CSS, rédacteur web, formateur NTIC et consultant en webmarketing depuis 2001 ! Voulez-vous en savoir plus ? http://css.4design.tl/bluegriffon-editeur-html5-css3-wysiwyg

BlueGriffon — Un éditeur HTML5 & CSS3 WYSIWYG avec des morceaux de Firefox

What Can Be Done About 3 Gotchas in IE9 Beta I just spent the past couple of days porting and debugging deviantART muro in Internet Explorer 9 beta. Microsoft announced with much fanfare that they included support for in IE9. Unfortunately I took their word at face value and assumed that my existing HTML5 code would seamlessly start working once I changed X-UA-Compatible.

#dt Blog on deviantART: IE9 Tries to Implement HTML5 - Hilarity Ensues

中国近现代国画馆 建国后,中国画的发展进入了一个新的历史阶段。很多老一辈画家进入艺术上的高峰期,如傅抱石、潘天寿、李可染、叶浅予等人,他们从实践中总结出"时代变了,笔墨不能不变"的认识,在这一创作领域中开创了新的时代风貌。一批中青年画家脱颖而出,如石鲁、黄胄、杨之光等,在运用传统技法表现当代社会生活、描写人物方面,取得突破性的成就。

Vision Explorer | National Museum of China

HTML5 drag-and-drop upload comes to Google Docs

You've been able to do it for a while now in Gmail , and now drag-and-drop uploading has arrived in Google Docs.

nude.js | Nudity detection with JavaScript and HTMLCanvas

Update: First improvements and next steps of nude.js (Article)
To demon­strate the power of this effect a sec­ond exper­i­ment with mul­ti­ple cubes and pro­pri­etary WebKit tran­si­tions is also available.

3D Cube using 2D CSS transformations – Paul R. Hayes