background preloader

Tips

Facebook Twitter

Web Design+ — Tips and advice on web standards development. Magentips. 12 Really Useful CSS3 Tips And Techniques | Web Design Tutorials. CSS 3 no doubt is amazing. I have been using slight bits of it in some of my other web projects, and I am more than pleased with it. Its simplicity runs so well with its advanced features such as rounded corner rendering and font file reading. Rounded up here are my favorite 12 Really Useful CSS3 Tips And Techniques, to help you learn new and exciting features very quickly. Please fell free to drop us a comment showcasing what you have made with CSS 3. Enjoy! Rounded Corners With CSS 3, you don’t have to have images for each corner (like the old days). Text Shadows & Background Sizing Learn how to add shadows to text and to size your background images using CSS 3.

Using Any Custom Font This is amazing! CSS 3 Colour Learn how to create a mock-up interface using CSS 3 colour. Styling HTML Forms Learn how to style HTML forms using CSS 3′s attribute selectors. Apply Link Icons International Languages CSS 3 will introduce a large number of properties to support non Latin text. Multi-Column Layout. Comment réaliser un bon formulaire HTML. Depuis longtemps, je suis le passionant travail de Luke Wrobleski, le Senior Director of Product Ideation & Design chez Yahoo. En gros, il design des interfaces web, et notamment les formulaires. Ca n’a l’air de rien, mais cet élément fondamental du web est souvent négligé. Il a sorti un livre : Web Form Design: Filling in the Blanks que j’aurais acheté si je bossais encore dans le e-commerce. Luke a fait une conférence le mois dernier au MIX 09. Elle est disponible en vidéo et c’est à partir de celle là que je rédige ce post. 10 bonnes pratiques pour réaliser un formulaire Aller droit au but (Path to completion)Alignement des labels (Label alignment)Aide et astuces (Help & tips)Validation (Inline validation)Actions primaires et secondaires (Primary & Secondary actions)Actions en cours (Actions in progress)Erreurs (Errors)Input inutiles (Unnecessary inputs)Organisation du formulaire (Form organization)Engagement graduel (Gradual engagement) Préambule Les formulaires, c’est chiant. 1. 2. 3.

Most used CSS tricks. Earlier before I have written an article about current best CSS hacks which you can see here And now here’s the list of today’s most used CSS tricks – tips. I have added image examples for most of them because of critics on CSS hacks article. If you think I have missed any please let me know 1. Rounded corners without images 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12.