Fonts2u.com
Créer un menu Accordéon avec jQuery
Non non, détrompez-vous, nous n’utiliserons pas CSS et jQuery pour fabriquer cet instrument de musique à vent ! Bien que les langages évoluent continuellement, dans un contexte aussi poussé seuls quelques poignées de petits génies pourraient pratiquer ce sport extrême ! Dans notre cas, nous allons simplement nous intéresser au menu accordéon, et c’est bien mieux comme ça. Petit tour d’horizon Si vous parcourez fréquemment les blogs, vous avez sans doute déjà vu ce type de menus dépliables. Avec ce genre de menu, on sollicite l’action de l’utilisateur par un évènement JavaScript (ex: click, hover, …) qui ouvre le contenu de la section sur laquelle il a interagi. L’effet visuel de base s’effectue par deux scrolling inversés. Est-ce vraiment utile ? Tout dépend du contexte, et de ce que vous souhaitez faire. Prenons pour exemple, un blog de voitures. Dans d’autres cas, il représente carrément l’armature même d’un site (ex: book photo, portfolio, …). <! On y intègre nos sections : <!
Free Web Resources – Web Resources Depot
Icônes & PNG
Choisir une langue : Français English Español Deutsch Nederlands CrystalXP.net Se connecter Pseudo : Mot de passe : Créer un compte ! CrystalXP en partenariat avec Inkclub vous offre une cartouche d'encre. Galerie Ressources de Customisation Icônes & PNG - Icônes Windows - Icônes Mac - Icônes Dock - IconPackager - IconTweaker Fonds d'écran - Abstrait - 3D - Nature & Paysages - Mascottes & Tux - Informatique - Personnages - Divers Styles Visuels - Windows XP - Windows Vista - WindowBlinds - Linux - Mac OS X - Windows Seven Skins - Navigateurs - Messengers - Lecteurs Multimédia - Messageries - Curseurs - Docks - Toolbars - Divers - Bootscreens Ecrans de veille - Photos - Ambiance Zen - Aquatique - 3D Emoticons & Avatars - Avatars - Emoticons - Packs d'émoticons Logiciels de Personnalisation Thèmes complets - Bricopacks - Packs pour Windows XP Accessoires - Docks - Widgets Outils pour l'Explorer - Gestion des Dossiers - Apparence - Barre des tâches & Menu Logiciels Ressources Images
Les Couleurs, Bien Plus Qu’une Affaire De Goût
« Les couleurs sont de véritables compagnons de vie dont l’intervention ne se limite pas à un simple souci de pigmentation. » La relation complexe qui nous lie au quotidien se fait à deux niveaux, alternant entre cause et conséquence. Dans le premier cas, les couleurs viennent directement influencer notre état d’esprit, donc notre comportement. Dans le second, elles constituent l’outil adéquat pour exprimer un sentiment, matérialiser l’intangible, et témoigner d’un ressenti. A titre d’exemple, on constate que notre bonne humeur née du climat des beaux jours s’exprime par une explosion de couleurs dans notre garde-robe. Le quid des couleurs est d’autant plus complexe lorsque se mêlent des différences de significations selon les cultures. Vous êtes responsable marketing et souhaitez créer ou renouveler un logo? Sachez que le choix des couleurs n’est pas le fruit du hasard. Mark Zuckerberg n’a pas choisi la couleur “bleue” par hasard. Imaginez à présent le logo de Facebook en rouge.
Accordion with CSS3
Using hidden inputs and labels, we will create a CSS-only accordion that will animate the content areas on opening and closing. View demo Download source Today we’ll experiment some more with the adjacent and general sibling combinator and the :checked pseudo-class. There are many variations of CSS-only accordions around, most of which are implemented using the :target pseudo-class. So, let start! Please note: the result of this tutorial will only work as intended in browsers that support the CSS3 properties in use. The Markup We will be going through an example that uses checkboxes where one content section is open by default (the input needs to be ‘checked’). Note that we need to give each input an ID which we will then use in the for attribute of the label. Each article will have a class that will help us determine to which height we it to expand to. Let’s have a look at the style. The CSS I will omit all the vendor prefixes, but you will, of course, find them in the files. Demos
|| Générateur de Faux-texte | Lipsum pour Web designer ||
30 Must See Web Generator for Lazy Webmasters
Here’s a list of 70 hand-picked, easy to use, and free web generators that will save you tons of time and energy. I have grouped these tools into 10 categories: Color Palettes, Robots.txt, Website Screenshots, Favicons, Web Backgrounds, Webpage Elements (buttons, tabs, etc), Memes, Forms, Logos, and Dummy Texts. The best part about these tools is that they are completely free (some need you to signup though). If you are looking ways speed up your work and channel more time and energy to new content ideas and marketing strategies, I believe the list is a must-bookmark. According to my last check on WordPress.com stats, there were more than 42 million blogposts published in May 2014 – and that’s just WordPress.com alone. Who has the time to create everything from scratch these days? Category #1: Color Palettes Generator Functions/Details: To generate color palettes based on image input.Allow users to compare, review, and select color combination at ease. Palette Generator Pictaculous Kuler
30 Logos with Hidden Messages
30 Logos with Hidden Messages Nowadays, as a graphic designer, it’s hard to come up with great and meaningful concept for a logo and satisfy the customer needs. As more and more trends pass over the internet, many creatives got trapped in this vortex and focus their logo designs for short term periods and not long ones. If you want your next logo to stand out and be world wide recognized it’s time for a little help. You may also like the following logo design inspiration articles: 1. As the name of the footwear company suggests you’ll find the number 5 and number 10 incorporate in the graphic. 2. A classic one. 3. The arrow suggests that the Amazon.com has everything from “a” to “z” and also reprezents a customer smile. The letter “I” is smartly replaced with a zipper. 5. Great idea to use variations of number “8″ to create the eight logo. 6. 247 black/white Between “2″ and “7″ in the negative space is number “4″. 7. 8. Pretty simple put poweful. 9. 10. 11. 12. 13. 14. 15. Timeless logo. 16.
