21 outils et générateurs CSS pour développeurs web Les générateurs et outils CSS sont de plus en plus nombreux sur la toile, et facilitent la tâche des développeurs web en leur faisant gagner un gain de temps considérable, en particulier ceux qui génèrent du CSS3. Voici une liste non exhaustive de 21 ressources CSS à connaître et à tester dès maintenant ! 1. Bear CSS Bear CSS est un service qui permet de générer une feuille de style à partir d’un code HTML en prenant en compte les éléments et le balisage de la structure du document (id et classes CSS). 2. CSS Type Set est un service qui permet de gérer la mise en forme d’un texte dans une interface simple et intuitive. 3. Border Radius est un générateur déstiné uniquement à la propriété CSS3 border-radius qui permet de créer des coins arrondis sur un élément HTML. 4. 5. 6. 7. CSS3 Please est probablement l’un des tous meilleurs générateurs CSS3. 8. 9.
HTML Tables 10 générateurs de backgrounds et favicons Même si on a l’habitude de travailler avec un logiciel d’édition graphique, il peut être parfois plus rapide de récupérer et personnaliser des patterns de design déjà existants. Et si en plus des sites spécialisés vous permettent de le faire gratuitement, rapidement, et en toute légalié, pourquoi se priver ? Vous pouvez fermer Photoshop : Même si on a l’habitude de travailler avec un logiciel d’édition graphique, il peut être parfois plus rapide de récupérer et personnaliser des patterns de design déjà existants. Et si en plus des sites spécialisés vous permettent de le faire gratuitement, rapidement, et en toute légalié, pourquoi se priver ? Vous pouvez fermer Photoshop : voici 10 générateurs pour vos backgrounds et vos favicons. Générateurs de Backgrounds 1. Permet de réaliser des fonds striés et de télécharger votre création afin de l’utiliser dans un projet. 2. Idem, avec un fonctionnement très semblable. 3. 4. Pour dessiner des motifs de style tartan. 5. 6. Générateurs de favicons 1. 2.
Cargo 30 Mind Blowing Parallax Scrolling Effect Websites | Webdesignersblog - The Best Daily Online Resources for Web and Graphic Designers Now a day’s Parallax scrolling effect become a New and More Popular Trend in web design. Parallax scrolling is a special scrolling technique in computer graphics, to create an illusion of depth in a 2D video game and adding to the immersion by moving multiple layers of images at different speed. Same technique can also be implemented in web design. In Today’s Post We gathered 30 Mind Blowing examples of websites using the parallax effect to inspire you. If you are Planning to start a parallax scrolling Portfolio Site, this is a must read post. Don’t forget to subscribe to our RSS or Follow us on Twitter if you want to keep track of our next post. 01. 02. 03. 04. 05. 06. 07. 08. 09. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. 21. 22. 23. 24. 25. 26. 27. 28. 29. 5b Net 30.
Mastering CSS Coding: Getting Started - Smashing Coding Advertisement CSS has become the standard for building websites in today’s industry. Whether you are a hardcore developer or designer, you should be familiar with it. Overview: What We Will Cover Today We’ll start with what you could call the fundamental properties and capabilities of CSS, ones that we commonly use to build CSS-based websites: Once you are comfortable with the basics, we will kick it up a notch with some neat tricks to build your CSS website from scratch and make some enhancements to it. 1. Most beginners get padding11 and margins12 mixed up and use them incorrectly. What Is Padding and Margin? Padding is the inner space of an element, and margin is the outer space of an element. The difference becomes clear once you apply backgrounds and borders to an element. Take a look at the visual below: Margin and padding values are set clockwise, starting from the top. Practical example: Here is an <h2>heading between two paragraphs. Margin and Padding Values Quick Tip 2. 3. 4. 5. 6. 7.
25 Free Color Tools, Apps and Palette Generators The marvelous thing about color within design is you have the choice from an infinite number of possibilities and combinations. On the flip side of that, having infinite color possibilities makes it very difficult to lock down on the perfect color scheme or palette for your project. This is were the post will hopefully help you. In this post we have collected 25 completely free tools, apps and generators to help you find, manage, and create beautiful and, hopefully, perfect color schemes. Color Scheme Designer Color Scheme Designer is very simple to use app that offers you a complete report on how to use any given color (in various combinations as monochromatic, complementary, triadic, analogous, tetradic). Touchan This application is accompanied by a short video tutorial which will allow you to fully utilize all of its features. Kuler Kuler has been built by Adobe, and that is plenty prove its high quality. Colorotate Color Munki Colorsuckr ColorSuckr is awesome! Colorspire ColorJack Infohound
10 resource sites for designers This week I would like to show you 10 cool resource websites, each one of them offering various examples of images, links, wallpapers etc. Hopefully you will get inspired and can use those websites as a source for future projects. Now here are the 10 Cool Web and Graphic Design Resource Sites 99Percent This website is mainly about “ideas and how to make them happen”. Designbump This website is full of content, offering many Photoshop tutorials, information about Web Design, ideas and themes, comic book-art and fonts. Graphicmac Here you can find everything about Illustrator, InDesign, Mac, Photography, Photoshop and Fonts. Marcofolio How to make a rotating banner using CSS3, information about CSS3 for mac and hand-held devices, Photoshop, icons, CSS and Joomla for Web Design, and other useful tools, such as Cheat Sheets. Designreviver Tutorialking Fresh and free Photoshop tutorials, brushes, all this in various categories. Colourlovers Abduzeedo BigSpaceship Designmag Books About Web Design
Free Wordpress Portfolio Themes: 30 Free Wordpress Gallery Themes Free WordPress portfolio themes are a great way for graphic designers, logo designers, photographers and digital artists to show off their collections, without having to fuss around with hiring a web designer or worry about creating their own. Many times, it is simply better for someone to focus on what they do best, as opposed to trying to multitask and focus on their hobby and building a site at the same time. Thus, free WordPress gallery themes are a simple and easy setup and allow anyone to have a website without much of a hassle. While it’s certainly desirable to have a unique WordPress portfolio theme, using templates or a free WordPress gallery theme works fine for starters. In this free WordPress portfolio theme roundup, we’ve gathered up 30 free WordPress gallery themes for you to use. If you’re interested in more free WordPress themes, check out these posts: Thanks, and have a great day! Boldy Free WordPress Portfolio Theme Portfolium Free WordPress Gallery Theme Advertisement
Niall McCabe Band Debut Album description Born in a lobster pot and swaddled in a trammel net, when Niall McCabe took his first breath of air...it was sea air. The Islands off the coast of Ireland breed many rare and interesting species of Irishman and are often a strange mix of isolation and connection. The strains of culture and tradition that find their way onto these rocks become condensed and evolve into new species. Niall’s songs are both reflective of the insularity of an island upbringing and the revelations of exploring a bigger world. The music, however, does not stand on the isolated rock of it’s origin. But...like all great adventurers, from Columbus to Magellan, we need help to fund our mission.
HabitRPG by Tyler Renelle (Follow updates here) HabitRPG is a habit tracker app which treats your goals like a Role Playing Game. Level up as you succeed, lose HP as you fail, earn money to buy weapons and armor. Read more. The project is open source, and is live. Website bug fixes like whoa! Since the Kickstarter began, the following features have been added: PartiesPetsAvatar customizationBetter armor customization The funds go towards hiring guns to help me complete the above tasks. Looks like we're about to tip my friends! Awards and BadgesShow off your achievements (including your backer tier) to your friends.ProfilesA modal showing your profile pic, badges, blurb, websites, and gear. Cross-Profile ChallengesAssign Habits, Dailies, Todos, Rewards to your friends & family.QuestsParticipate in "Streak" challenges (eg, 10 days bike to work) to earn extra GP/Exp and item drops! The Class SystemDepending on the types of tasks you complete, you gain Attack, Defense, Agility, or Intelligence.