background preloader

Graphisme

Facebook Twitter

960 Grid System.

Fonts

15 Plugins jQuery utiles à connaitre pour janvier 2011 - Blog Du Webdesign Magazine. 50 New Useful CSS Techniques, Tutorials and Tools - Smashing Magazine. Advertisement These are great times for front-end developers. After months of exaggerated excitement1 about HTML5 and CSS3, the web design community now starts coming up with CSS techniques that actually put newly available technologies to practical use instead of abusing them for pure aesthetic purposes2.

We see fewer “pure CSS images” and more advanced, clever CSS techniques that can actually improve the Web browsing experience of users. And that’s a good thing! In this post we present recently released CSS techniques, tutorials and tools for you to use and enhance your workflow, thus improving your skills. CSS Techniques Now Playing: transitions and animations with CSS3Tim Van Damme showcases a fairly simple CSS design that uses transitions, animations and subtle hover-effects to produce an engaging user experience. CSS3 range slider, checkbox + radio button4A demo of HTML input elements made with CSS3. The Simpler CSS Grid13Why restrict your layout so that it can fit into this 960gs? AutoFocus+ Demo | Just another WordPress weblog. 35 Excellent Wireframing Resources - Noupe Design Blog. Oct 05 2010 Wireframing is an important part of the design process, one that shouldn’t be overlooked by even the most experienced designers. Wireframes can save development time by outlining exactly how a site should look and function, in a manner that can be shown to and approved by your clients.

But wireframing can be confusing, especially to new designers. What’s the right way to create a wireframe? Is there even a right way? Should I use pen and paper or software? Wireframing Articles The articles featured here discuss wireframing and prototyping both from a theoretical and a practical point of view. My Five Commandments for Wireframing A podcast and article from Boagworld on good practices for wireframing, including why you should wireframe and the benefits of paper wireframing.

Wireframes for the Wicked Here’s a slideshow that talks about the purpose of wireframes and the different types of wireframes. The Future of Wireframes? Storyboards vs. Wireframes vs. 25 Excellent PrestaShop Themes « Web Templates Blog. PrestaShop Themes have recently entered the template world and continue to grow in number and quality. Each PrestaShop theme is a web design to be used with PrestaShop.

If you are new to PrestaShop, the most important you should know about it is that this is free e-Commerce shopping cart software. Thousands shops worldwide already use PrestaShop and enjoy its features. Still, thousands online retailers are creating new PrestaShop sites and this inspires web designers to provide custom solutions for PrestaShop as well as trendy PrestaShop Themes. This article aims to list the most beautiful PrestaShop Templates from different template providers, including templatemonster.com, prestashopic.com, prestashop-themes.org and prestashop-planet.com, prestashopthemes.net, ezytrader.com, hasanov.us and dapurpixel.com.

No more words; it’s time to enjoy the best PrestaShop Themes we could find online. PrestaShop Themes available at templatemonster.com Prestashop Theme #1 Prestashop Theme #2. 40 Minimalist Icon, Symbol & Pictogram Sets. Minimalism is always a hot topic in web-design and there are many well-crafted minimalist websites and interfaces out there. While searching for some icons for a recent project I came across some great minimalist icon and symbol sets and thought I’d expand my search and share my findings here with you. Please note that some of those sets are not free and of course make sure you read the license before using them. Devine Icons ↓ Only2 Icons ↓ Simple Small Icons ↓ Iconic ↓ Mnml Icon Set ↓ Aiga Symbol Signs ↓ Patricia Clausnitzer’s PC Icons ↓ PICOL Icons ↓ Ecqlipse 2 ↓ Wireframe Toolbar Icons ↓ Devine Icons Part II ↓ Sanscons ↓ bwpx.icns ↓ Goo-EE ↓ Default Icons ↓ Icon Sweets ↓ Mini Icons 2 ↓ iPhone Toolbar Icons ↓ Glyphish ↓ Token ↓ Pictoico ↓ Bitcons ↓ Brightmix Iconset ↓ Android Menu Icons ↓ Monochrome Symbols Icon Set – Part 5 ↓ BacktoPixel ↓ Symbolize Icon Set ↓ Marker Vector Set ↓ Helveticons ↓ Webdesigner Sketchup Icons ↓ 30 Vector Icons ↓ Twotiny ↓ Kostenlose Icons ↓ Minimalist Pixel Icon Set ↓ Rocky Vector Set ↓

80 Useful PSD Templates For Web Designers - Noupe Design Blog. Aug 05 2010 Reinventing the wheel is rarely a good idea, and this is especially true when it comes to creative activities such as design. The less time you spend on tedious tasks, the more time you have for expressing your ideas and being original. Fortunatel,y the design community is very generous in this regard, huge amounts of resources are freely available online, from simple design templates to complex illustrations. This collection brings you 80+ amazing customizable PSD files to help you out with your future projects, either by directly applying them in your designs or just for learning purposes.

While most of these files can be used for most of your projects, as with any freebie, make sure you read the description about the usage or contact the author if it’s not clear. Icons, buttons & badges Glass Video Playback Buttons via Birofunk Windows buttons PSD via Vicing PSDFox via Vathanx Free Button Pack via Celerayted Aero Avatar and SIG via FastNFurious Twitter Icons .PSD via JuliusX.

° bodycard 1122