background preloader

Tutos, tuto, tutoriels pas à pas et illustrés sur le langage html5, html, css3, css, xhtml et jQuery

Tutos, tuto, tutoriels pas à pas et illustrés sur le langage html5, html, css3, css, xhtml et jQuery

Related:  création site dreamweaverHTML/CSS

49 Free Responsive HTML5 CSS3 Website Templates HTML5 has been around for a while now and we can see all developers have started to share free resources in HTML5, CSS3. The css3 website templates we are introducing today are totally free with amazing features like flat design, responsive layout, jquery sliders etc. Free doesn’t make it any bad as you can see most of these html templates look like premium templates. We have took a little extra time to grab new HTML templates in this exciting list of freebies. Designing Flexible Pie Charts With CSS and SVG — Smashing Magazine When it comes to CSS techniques, nobody is more stubborn and smart enough to find solutions to any problems than Lea Verou. Recently, Lea has written, designed and published CSS Secrets1, a truly fantastic book on the little CSS tricks and techniques for solving everyday problems. If you thought that you know CSS fairly well, think again: you will be surprised.

The Future of HTML5: Five Predictions If you’re a reader of our blog, you’ve likely seen some of the previous articles I’ve written on HTML5. Those articles included "HTML5 vs Flash" (Part 1 and Part 2), an HTML5 vs Flash Infographic designed by our own talented Dusty Myers, "Top 10 HTML5 Resources for Designers and Developers," and finally, "HTML5 and Responsive Web Design with Media Queries" (Part 1, Part 2, and Part 3) co-authored with our brilliant lead designer John Thomas. I’ve received a lot of feedback on these articles including comments, questions, and opinions -- both good and bad. I always enjoy reading these notes; after all, discussion and debate helps us all learn and grow. In particular, I’ve received a lot of questions regarding the future of HTML5. Questions like “How soon should I start developing in HTML5?”

20 Free Textures As you know, here at WDL we like to find freebies and share them with you. It saves you time, and you can focus on doing what’s important, like creating amazing designs. So for today, we’ve rounded up some really nice textures. Whether it’s used in a small area or as a web site background, textures can do a lot for a design. A lot of texture or just a little can go a long way in adding depth depth and setting mood for a design. I hope you find these useful. and Canva Integration Big news! We’ve partnered with Canva to help make your site more beautiful. You can now add text to photos, you can make changes to the colors, and you can also change the photos from color to black and white if you want to. Our partnership with Canva is a perfect fit because we both share the same philosophy, which is: simplify things so that regular people can use them on a daily basis. Pimwi and Canva truly go hand-in-hand.

create custom css radial-gradients dragging your mouse draGGradients is as a simple tool to generate and customize multiple css3 radial gradients. I get back an old project that uses a multiple gradient jpg image as a background and started to generate the same image in css-only. Instead of code only this image I finished doing this little stuff. Hope you enjoy it! Toggle main controls (also pressing ESC key) to customize, add and arrange each point generator. Basically the tool works generating radial-gradients from each draggable point, and you could control: - The main color.

CSS Scroll Snap Points CSS recently introduced a scroll snap points feature that gives users a fluid and precise scrolling experience for touch and input devices. There are plenty of jQuery plugins available that create scroll snap effects. But instead of installing a plugin to control scrolling behavior, we can add scroll snap points with native CSS. Why HTML5 will revolutionize web-applications At Todoist we have implemented and forced a HTML5 switch for 350.000+ users and their millions of tasks. We would not have done this if HTML5 did not do amazing things for the user experience. Here's why we did it and why we think HTML5 will change how people use and perceive the web.

40 Creative Navigation Menus One of the first things to do when planning out a new website is to work out all of the content that will be in the site. You then divide that up into sections and then into various levels of navigation. The result is a boring list of links. That list of links is one of the most important part of your website though, it goes without saying that every visitor to the site will be using them to get around. In this post we’ve pulled together some of the best designed navigation bars (both horizontal and vertical) to help give you ideas to enhance your own.

Khach(atryan): UX and UI products I use daily The field of UX and UI design is convoluted and rapidly changing, to say the least. As product design emerges as a unifying idea that blends user interface design, interaction design, and experience design, we are starting to see products that complement each other really well. I’ve had the pleasure of trying out lots of products because there are so many amazing teams out there pushing the envelope. The ones listed below are my favorites because they are simple, focused, and do what they do really well. XMind for mind mapping and brainstorming 40 Useful HTML5 Tutorials, Techniques and Examples Toolkits HTML5 right after its arrival has been in the news because of its enhanced functionality and ease of use. And now the latest version of HTML5 is out, web developers and internet marketers are shifting to HTML5 as it comes with several new and improved features that distinctly make Web development easier.

Beautiful Buttons for Twitter Bootstrappers This is an extension to the Twitter Bootstrap framework. It makes creating pretty buttons easy. (Send improvements to @charliepark.) 12 Intensive HTML5 Infographics HTML5 is not a new phenomenon any more, but it is still far from a finished standard. It is like everyone is talking about the exciting new features and possibilities the standard brings to web developers; and for a reason! In this context, we have decided to bring an article about HTML5 infographics to help you learn more about HTML5 and its impact. I’m sure you will also find some HTML5 tools useful for the learning process, and if you are going to build a website check out the awesome HTML5 website templates available. Everything moves at high speed in the web design industry and it is necessary to keep yourself to be well informed and up to date with developments.

30 Must Have Chrome Extensions For Web Developers - The Web Developer Times Here’s the list of must have chrome extensions for web developers. Many of these are useful to both web developers and designers. All of these help me a lot when I am working on websites. They help me speed up the process. The below list includes different chrome extensions for different tasks.