Kuler. 30 Untypical WordPress Sites. By now, I think most of you should know that WordPress can do more than just a blog platform. With WordPress, plus some plugins, you can build almost any type of websites. To show you what I mean, I have collected 30 websites that use WordPress for different purposes — from general websites to portfolios, ecommerce and corporate sites.
Hope this post will open up more ideas for you to use WordPress. IconDock Best Web Gallery 45royale Inc. Creative Depart Typographica FlickOut Jeff Finley The Art of Catalin Bridinel UGS Mag Healogix Search Inside Video Michela Chiucini Eight Hour Day Alpha Multimedia Baney Design Lucas Hirata Odd Web Things Wilkintie Executive Warfare Type Chart Kineda Get and Give Noded Woo Themes Frisk Design Valen Goinnovate ES Developed Edit Studios. Ajax Slide & Fade Content with jQuery | The word of awahid. Ajax Slide & Fade Content with jQuery. I recently redesigned my business site, Monzilla Media. The new design features a clean and simple single-page, fixed-sidebar layout.
Visitors use the various links in the fixed sidebar to quickly and automatically scroll through to any section. In the Portfolio section, each item contains a “Details” link that loads more content into the fixed sidebar. As the site is mostly static, I wanted this bit of functionality to really shine, and after much testing and tweaking, ended up with a cross-browser slide & fade technique for loading content via Ajax and jQuery. Note this technique has been updated to work with jQuery 1.10. How it works This technique uses jQuery to load HTML/content into a target element, such as a <div>.
Here is a demo of this technique to see it action. Quick Overview This technique employs the following assets: The Color Fade plugin is optional and is used to highlight the ajax content after it fades into view. Step 1: jQuery Code breakdown: Omit the loading.gif file. Variable Grid System :: Generate CSS grid templates based on '960 Grid System'. Text Effects. HTML5 se dévoile. Le brouillon officiel (working draft) de HTML5 a été publié officiellement le 23 avril 2009 et depuis de nombreuses avancées ont été accomplies, les navigateurs supportant toujours plus de fonctionnalités et de nouveautés. La nouvelle génération du langage de balisage HTML remplacera à long terme HTML 4, XHTML 1.x et XHTML 2 qui a été abandonné.
Profitons de cette occasion pour faire un tour d'horizon de cette nouvelle version de HTML. Consultez également toutes nos autres ressources HTML5 Qu'est-ce que c'est HTML5 ? Comme son nom l'indique, HTML 5 est le successeur de HTML 4. Le travail sur HTML 5 a commencé fin 2003 grâce à un groupe de travail indépendant qui préconisait une approche pragmatique, le WhatWG, contrairement au W3C qui misait tous ses efforts sur XHTML 2. Le W3C c'est quoi déjà ? Quelles sont les nouveautés ? Metadata content Flow content Sectioning content Heading content Phrasing content Embedded content Interactive content <aside> Welcome! Les balises principales Nav. Une présentation complète des nouveautés du HTML 5, JS et CSS 3. Si vous vous intéressez un peu aux dernières technologies HTML5 et CSS3, voici un très bon site sous forme de slides HTML/JS qui vous présentera toutes les nouveautés de ces langages du futur. Apirocks.com a développé une présentation complète des nouvelles fonctionnalités HTML 5 et CSS 3, sous forme de slideshow Javascript.
Accompagné de nombreuses démonstrations, il est conseillé de regarder la présentation sous Google Chrome qui reste le plus compatible des navigateurs modernes. Au programme de la présentation: Les nouveautés du HTML5 Les nouveaux tags sémantiques: header, section, article, nav, aside, footer...Les nouvelles relations des liens: rel='archives, rel='sidebar', rel='tag...Les microdatas: itemprop='name', itemprop='nationality' ...Les nouveaux champ de formulaires: range, autofocus, placeholder, menu, ...Les balises média: Audio et videoL'élément HTML5 CanvasEtc Les nouveautés des APIs Javascript Les nouveautés du CSS3 Un très bon aperçu des technologies à venir ! Site Officiel. Ce que nous réserve CSS3 en 2010. L'écriture des spécifications CSS progresse à grands pas, et la version 3 comporte déjà plusieurs modules implémentés dans les navigateurs récents.
L'année 2010 verra certainement nos habitudes changées par les nouvelles possibilités offertes en CSS 3. D'ores et déjà de nombreuses utilisations concrètes voient le jour. Vous pourrez constater l'état d'avancement des différents modules CSS sur la page récapitulative Cascading Style Sheets : Current Work. Des coins arrondis Du Web 2.0 avec style La propriété border-radius arrondit les angles de n'importe quel élément HTML, sans avoir besoin d'images ni de JavaScript. Using Rounded Corners with CSS3 (EN) Créer des coins arrondis en CSS et sans images CSS: border-radius and -moz-border-radius (EN) La gestion de l'opacité La transparence enfin maîtrisée ! L'interprétation des images transparentes en PNG (24 bits) est une première délivrance pour les web-designers qui pourront mettre en œuvre plus de créativité. Les arrière plans multiples Les ombrages. Marketing et réseaux sociaux : Comment travailler votre marque sur les réseaux sociaux (partie 1)
Traduction noms effets anglais vers francais.