background preloader

HTML5 and The Future of the Web - Smashing Coding

HTML5 and The Future of the Web - Smashing Coding
Advertisement Some have embraced it1, some have discarded it2 as too far in the future, and some have abandoned a misused friend3 in favor of an old flame in preparation. Whatever side of the debate you’re on, you’ve most likely heard all the blogging chatter surrounding the “new hotness” that is HTML5. It’s everywhere, it’s coming, and you want to know everything you can before it’s old news. Things like jQuery plugins, formatting techniques, and design trends change very quickly throughout the Web community. When looking for some stability, we can usually turn to the code itself as it tends to stay unchanged for a long time (relatively speaking). In this article, I’m hoping to give you some tips and insight into HTML5 to help ease the inevitable pain that comes with transitioning to a slightly different syntax. Welcome to HTML5. What are the basics? The DOCTYPE When I first started researching HTML5 a few months ago, one of the main things I struggled to find was the doctype. Conclusion

HTML5 enabling script 7 Jan Since HTML5 is getting more attention by way of marking up our new pages, and the only way to get IE to acknowledge the new elements, such as <article>, is to use the HTML5 shiv, I’ve quickly put together a mini script that enables all the new elements. Download html5shiv.js and must be inserted in the head element (this is because IE needs to know about the element before it comes to render them – so it can’t sit in the footer of the page, i.e. below the elements in question). I’ve updated this post to link to Alexander Farkas’s version of the shiv – it’s the very latest and my simple one line script. The one I originally released was (I thought) beautifully small, but didn’t support print styles nor dynamic injection of HTML5 elements. Good thing there are smarter folk than I!

WordPress – Des champs perso dans l’admin des commentaires - Tutoriels J’en parlais déjà il y a 3 ans en arrière, en expliquant comment personnaliser les champs de formulaire de commentaire, et je reviens sur le sujet car je me rends compte après quelques commentaires de lecteurs que je n’avais pas expliqué comment afficher ces informations dans l’espace d’administration. Voyons cela ensemble. Si jamais vous n’avez pas suivi l’article de personnalisation des champs de formulaire de commentaire, je vous invite à y aller, car ce présent article est sa suite logique, même s’il peut être compris sans cette précédente lecture. Créer une metabox pour les commentaires WordPress permet de créer des petites boîtes un peu partout dans l’espace d’administration grâce à la fonction add_meta_box. Comme d’habitude ce petit bout de code se place dans le fichier functions.php de votre thème, ou dans un plugin si vous vous sentez d’attaque :p Le contenu de la metabox C’est cette fonction qui va créer le contenu de notre metabox. <? Enregistrer les données d’une metabox <?

Home - HTML5 & CSS3 for the Real World By Alexis Goldstein, Louis Lazaris & Estelle Weyl Powerful HTML5 and CSS3 techniques you can use today. Why should you learn HTML5 & CSS3? It works on just about every platform, is compatible with older browsers, and handles errors gracefully. You can create powerful, easy-to-maintain, future-proof web pages. Many common tasks are now simplified, putting more power in your hands. Additionally, you’ll have the freedom to be more expressive in the semantics of your markup. So, perhaps the question is, why would you not learn HTML5 & CSS3? What will I learn? Lose that slightly embarassing Flash habit with clean, native HTML5 videoSet type that truly supports your message with @font-faceTap into next-generation CSS sslectors and powerful new styling with CSS3Use shiny-new APIs to build applications with location sensitivity and full offline functionality Who should read this book? Some parts of the book require some basic familiarity with JavaScript, but they’re not critical. Customer reviews

WordPress – Personnaliser un thème ? Oui, avec un child theme - Tutoriels Les thèmes WordPress sont de plus en plus courus par tous : débutants, blogueurs confirmés ou professionnels du web. Il est possible d’en obtenir gratuitement un peu partout sur la toile, pas toujours de bonne qualité, pas toujours très sécurisés, comme il est possible d’en obtenir de payants (je n’ai pas dit qu’ils étaient mieux). Dans tous les cas il est possible de les personnaliser. Plusieurs solutions Wild tweaking La première, la moins propre, consiste à modifier directement les fichiers du thème, améliorer les portions de code des articles, des commmentaires, ou simplement de l’en-tête de votre document ou du fichier functions.php pour ajouter quelques morceaux de code trouvés sur la toile. Soit. En effet, à l’instar des plugins, les thèmes sont versionnés et peuvent subir des mises à jour (amélioration de fonctionnalité, mise à jour de sécurité, etc.). Child Theme La seconde solution, de loin ma préférée : créer un thème enfant. Voyons cela en détail avec des exemples concrets. par <?

Understanding aside Please note aside has been redefined since this post was written, please read the updated article. HTML 5 offers a new element to mark additional information that can enhance an article but isn’t necessarily key to understanding it. However, in the interpretation of <aside> there lies confusion as to how it can be used, and with that there is demand for the Doctor to step up and clear the air. In this article I will look at what <aside> was created for, including sample uses and how not to use this useful, misunderstood element. First, a look at how the HTML 5 specification defines <aside>: The aside element represents a section of a page that consists of content that is tangentially related to the content around the aside element, and which could be considered separate from that content. What can often trip-up someone reading the specification is the use of the word “sidebar”. How strict should this relationship be? Example Uses Incorrect use of <aside> Closing Thoughts

memento-html5.pdf Coding An HTML 5 Layout From Scratch - Smashing Coding HTML5 and CSS3 have just arrived (kinda), and with them a whole new battle for the ‘best markup’ trophy has begun. Truth to be told, all these technologies are mere tools waiting for a skilled developer to work on the right project. As developers we shouldn’t get into pointless discussions of which markup is the best. They all lead to nowhere. Rather, we must get a brand new ideology and modify our coding habits to keep the web accessible. While it is true HTML5 and CSS3 are both a work in progress and is going to stay that way for some time, there’s no reason not to start using it right now. So today we’re going to experiment a little with these new technologies. It’d be a good idea to have a read at some of these articles first: I’ll also assume you know the basics of HTML and CSS. Before we begin… Link There’s a couple of things you have to bear in mind before adventuring on the new markup boat. A word on Progressive Enhancement and Graceful Degradation Link 1. 2. <! A few highlights: <!

Nano-ordinateur Un article de Wikipédia, l'encyclopédie libre. Un nano-ordinateur est un ordinateur possédant une taille inférieure à un micro-ordinateur, lui-même plus petit qu'un mini-ordinateur ; le mini-ordinateur est dit « mini » parce qu'il est beaucoup plus petit que les ordinateurs originaux (ordinateur central). Le terme « nano-ordinateur », ou parfois « nano-PC », est généralement utilisé pour désigner des ordinateurs dont la taille est comparable à celle d'une carte de crédit. Comme dans les micro-ordinateurs, les circuit étaient de l'ordre de quelques micro-mètres à leur début. Il en va de même pour les nano-ordinateurs : ceux-ci bénéficient de la miniaturisation des circuits intégrés, qui sont de l'ordre des nanomètres. Nano-ordinateur (informatique)[modifier | modifier le code] Parmi les ordinateurs appelés couramment nano-ordinateurs en informatique, on peut citer : Ordinateur nanométrique (science)[modifier | modifier le code] Notes et références[modifier | modifier le code]

An Open-Source, HTML5 Framework for iPad E-books A group of Italian developers has just released a free and open-source framework for creating e-books for the iPad. The Baker E-book Framework allows designers and developers to turn fixed-width HTML5 pages into an e-book format and publish the finished product. After that, all you need to do is follow the App Store submission guidelines, and you're on your way to e-book greatness. To design for the Baker Framework, simply build HTML5 pages with a fixed width of 768 pixels. You can test your HTML versions on an iPad using the Safari browser and iterate accordingly. Don't own an iPad? E-book files are then packaged in the HPub format. Finally, you download the Baker Framework, rename the Xcode project and include your book and icon. To see an example of a Baker-created e-book, check out this free title, 5x15 Tokyo [iTunes link]: "HTML5 is out there," co-founder Davide Casali wrote us in an e-mail.