Technologies web

Facebook Twitter

Codrops. A proof-of-concept effect recreation of the animation seen in a prototype app by Marcus Eckert.


The idea is to flip a grid item in 3D, expand it to fullscreen and reveal some associated content. We've created two demos with a vertical and a horizontal rotation. read more Some inspiration and ideas for item transitions considering different scenarios and use cases, including a small component, a full-width image header and a product image with a transparent background. State transitions are done using CSS Animations. read more. Songdrop | Share and Discover. How to Use Polyvore to Drive Traffic and Sales for Your Online Store. If you thought you had all your social commerce bases covered, you might be in for a surprise.

How to Use Polyvore to Drive Traffic and Sales for Your Online Store

Launched in 2007, Polyvore has gradually emerged as one of the most effective social platforms for ecommerce sites to drive high-value traffic and sales from. Focusing on fashion and home décor, the community powered social network allows you to create collections and collages called “sets”. These sets can be made up of products from online stores around the web – including your own. Free PSD Downloads | Free Photoshop Files, Resources & Templates.

Webdesign : idées et ressources pour présenter votre travail. Créer le plus beau et le plus efficace webdesign de la Terre entière est une chose, mais réussir à le mettre en scène pour le sublimer en est une autre… Pour vous aider dans votre quête de belles présentations, je vous propose quelques idées inspirées par des portfolios de designers.

Webdesign : idées et ressources pour présenter votre travail

Ces derniers mois, nous avons pu voir émerger un vrai travail de fond dans les portfolios et les galeries en ce qui concerne la présentation d’un webdesign. En travaillant sur le web, il est difficile et absurde de se constituer un book papier comme pourrait le faire un graphiste print par exemple. Change de peau. Et voilà !

change de peau

Cette fois c'est officiel, mattrunks évolue pour de bon. Mais tout d'abord, car certains n'attendaient surement que ça, je tiens à préciser que cette nouvelle version n'apporte pas beaucoup de nouveaux tutoriels, pour le moment. Le développement de cette nouvelle version a demandé beaucoup de temps, et tous mes efforts furent dédiés à sa création. CSS3 gradients - Adobe - The Expressive Web - Beta. 20 Nouveaux Thèmes Wordpress Gratuits pour 2012. Note : Cet article a été publié en janvier 2012, certaines choses peuvent avoir changé depuis.

20 Nouveaux Thèmes Wordpress Gratuits pour 2012

Il était hors de question de commencer l’année sans publier une nouvelle sélection de thèmes WordPress gratuits ! Voici des thèmes tout beaux tous neufs pour apprendre à utiliser WordPress sans risque. J’ai également traqué et éradiqué les moindres traces de code crypté à l’intérieur de ces thèmes. Les tendances e-commerce à surveiller - Retour sur Internet Retailer Conference & Exhibition 2013. La semaine dernière se tenait IRCE2013, le plus grand salon e-commerce au monde, à Chicago, et pour une quatrième année consécutive, Adviso y était, à la fois pour prendre le pouls des grandes tendances du commerce en ligne, que pour rencontrer toutes sortes d'entreprises intéressées par le commerce électronique ou fournissant des services à celles-ci.

Les tendances e-commerce à surveiller - Retour sur Internet Retailer Conference & Exhibition 2013

Une fois de plus, des journées remplies de conférences (j'en ai suivi 28), et de rencontres (plus que 28, mais clairement un petit échantillon parmi les… 10 000 personnes présentes. Voici donc mes grands constats, en quelques mots. 1. 10 Best (FREE) WordPress Responsive Themes from 2011 | Freebies. Responsive Web Design was one of the hottest topic talked around in 2011, along with the explosion of various mobile devices like smart-phones and tablets which each has different screen size.

10 Best (FREE) WordPress Responsive Themes from 2011 | Freebies

So now designers could no longer rely on a standard 1024px desktop monitor to create their web and apps. Then a solution called “responsive design” emerged, a method that makes a design layout respond to any screen size and orientation (portrait or landscape). 9 White and Elegant WordPress Themes | Quality Wordpress Themes. This time we are featuring a white and minimal (we might say) selection of WordPress themes from ElegantThemes.

9 White and Elegant WordPress Themes | Quality Wordpress Themes

Don’t forget that you can grab all 69 themes for an elegant price of $39. Enjoy! Minimal Minimal is a great theme for those who want to give their blog a truly simple and elegant feel without sacrificing any of the advanced features you have come to expect from ElegantThemes. The colors are easy on the eye, and the overall minimalist approach to the design makes for a relaxing and userfriendly experience for your visitors. Unique variations on a 3×4 grid. i2Clipart - Royalty Free Public Domain Cliparts. HTML5 & CSS3: Take Your Design to Another Level. While both languages for HTML5 and CSS3 aren’t fully complete yet, taking the time time to familiarize yourself with some of the pointers in this post can really help you achieve that clean look and feel for your site.

HTML5 & CSS3: Take Your Design to Another Level

Let’s take a deeper look at them. HTML5 is the latest version of HTML or Hypertext Markup Language. It is currently only fully supported by a handful of browsers but the next year should see a large increase in usage. 2011 in review: 20 sites that took 3D to the next level. Net magazine is the number one choice for the professional web designer and developer.

2011 in review: 20 sites that took 3D to the next level

It’s here that you find out about the latest new web trends, technologies and techniques – all in one handy package. Each issue boasts a wealth of expert tips and advice, including in-depth features and over 30 pages of advanced front- and backend tutorials on subjects as diverse as CSS, HTML, JavaScript, WordPress, PHP, and plenty more. net compiles the hottest new sites from around the web, and being the voice of web design, our mission is to source the best articles written by the best people in the industry and feature interviews and opinions crammed with inspiration and creative advice. In short, If you're serious about web design and development, then net is the magazine for you.

Editorial. WebGL Water. Loading... Made by Evan Wallace This demo requires a decent graphics card and up-to-date drivers. If you can't run the demo, you can still see it on YouTube. Interactions: iOS Fonts. HTML5 Rocks - A resource for open web HTML5 developers. 101 Best HTML5 Sites | HTML5 gallery, tutorials and demos showcase. Best 20 webfonts from Google Web Fonts and @font-face embedding. At the moment there are several ways to use non-system fonts on a website.

We will focus on the two least complicated, least expensive systems, Google Web Fonts and the @font-face rule. Fear not, we have not ruled out other paid methods such as Typekit, Web Fonts, Fontdeck, Webtype, WebINK or Fontspring for future posts as they certainly offer high quality typefaces and deserve to be considered. Clouds. Tubular, a YouTube Background Player jQuery Plugin | Sean McCambridge Design.

Video controls:Play | Pause | Volume Up | Volume Down | Mute Tubular is a jQuery plugin that lets you set a YouTube video as your page background. Just attach it to your page wrapper element, set some options, and you're on your way. $(page content wrapper element).tubular(options); Tubular's hello, world. Web Design & CSS Inspiration for the Mobile Web — CSS iPhone. CSS - Loading CSS spinners and bars generator for AJAX & JQuery. Smashing UX Design — Usability, Psychology and Information Architecture. Category: UX Design This category features quality articles on usability, information architecture, interaction design and other user experience (UX) related topics – for digital (Web, mobile, applications, software) and physical products. Through these articles, experts and professionals share with you their valuable ideas, practical tips, useful guidelines, recommended best practices and great case studies.

Curated by Chui Chui Tan. . Popular tags in this category: Freebies, Web Design, Techniques, Inspiration, Business A Guide To Validating Product Ideas With Quick And Simple Experiments. Flat Design Inspiration. After our post showcasing 23 Examples of Flat Web Design a lot of readers got in touch to see more flat design related inspiration. We decided to gather some examples of UI kits, icons and much more, so give it a look. Freebie: Flat Design Icons Set Vol1 UI/UX Flat design – Free PSD – 3 colors. L'évolution du Web. 10 Great Alternatives to Lorem Ipsum. BannerBlog : Where Banners Click. 25 Awesome Youtube Takeovers on BannerBlog News. 30 Grid-Based Websites. UI Stencils. Corporate Identity Photoshop Mock-up (Psd) 10 Best iPad Apps for Web Designers. Free PSDs & Resources for Web Designers by Orman Clark.

Downloads. Design Kindle | Free Premium Web Design Resources. Web Fonts. Minimal Monkey - Stephen Burgess. Pixelentity - Web Design - Freebies. UICloud | User Interface Design Search Engine, UI Inspiration, UI Elements, GUI Design, Freebies. 150 Free Photoshop PSD Files. Implement The Impressive Paper Folding Effects. Honcheng/PaperFold-for-iOS. Freebies. Free PSD Downloads | Free Photoshop Files & Resources. HTML5 Up! Responsive HTML5 and CSS3 Site Templates. Recommendations for building smartphone-optimized websites.

UDTHEMES - Premium WordPress Themes. BonBon Buttons - Sweet CSS3 buttons. Free Website Builder | Creating A Free Website | IM creator. Icon Search Engine | Iconfinder. Web Design and Development Magazine. Ligature Symbols. - Pimp your code! Adobe : Wallaby pour convertir Flash en HTML5. CatchMyFame jQuery Plugins. Make Your HTML Email 5½ Times More Mobile Friendly. 51+ Best of jQuery Tutorials and Examples. Demos. Impress.js | presentation tool based on the power of CSS3 transforms and transitions in modern browsers | by Bartek Szopka @bartaz.

Jquery : l'essentiel des plugs-in de 2011. Isotope.