background preloader

FreePSD.com

Creative Commons Many Flickr users have chosen to offer their work under a Creative Commons license, and you can browse or search through content under each type of license. Here are some recently added bits and pieces: Attribution License » 38639217 photos (See more) Attribution-NoDerivs License » 10387749 photos (See more) Attribution-NonCommercial-NoDerivs License » 47983684 photos (See more) Attribution-NonCommercial License » 26375977 photos (See more) Attribution-NonCommercial-ShareAlike License » 58445242 photos (See more) Attribution-ShareAlike License » 22574283 photos (See more) Public Domain Dedication (CC0) » 1673619 photos (See more) Public Domain Mark » 4251716 photos (See more) "Creative Commons is a non-profit that offers an alternative to full copyright." creativecommons.org Briefly... Attribution means: You let others copy, distribute, display, and perform your copyrighted work - and derivative works based upon it - but only if they give you credit. Add a Creative Commons license to your photostream.

CSS : comprendre le fonctionnement de float et clear Pourtant l'une des propriétés les plus utilisées en matière de CSS, float, avec ses valeurs left, right et none, reste celle dont le comportement est le moins prédictible par les designers Web même non débutants. Combiné à la propriété clear, et ses valeurs left, right, both et none, cela donne parfois des arrangements de règles hasardeuses dont l'affichage final est le résultat avant tout à d'une suite de tâtonnements et de rechargements de page. Comprendre le comportement de float implique une compréhension plus globale de la philosophie des CSS, notamment celle du flux. Les CSS sont en effet conçues pour afficher les éléments au sein d'un flux : pour simplifier, les éléments en ligne, ou inline, sont affichés les uns à la suite des autres, tandis que les éléments conteneurs, ou block, amènent un retour à la ligne après leur affichage. Le comportement inattendu du reste du flux se retrouve souvent sous la forme d'autres éléments flottants qui n'occupent pas la place voulue.

picjumbo — totally free photos for your commercial & personal works Pixabay - Public Domain Images Comprendre la cascade en CSS | Tutoriaux Cette partie du site n'est plus maintenue, elle reste en ligne pour la postérité. Date de mise en ligne : 13 décembre 2004 Cet article est l'adaptation en langue française (pas une traduction exacte) de l'article Understanding The Cascade Article original par Holly 'n John ©positioniseverything Cet article va décrire ce que signifie exactement "cascade", et pourquoi c'est si important lorsqu'on utilise des feuilles de style en cascade. Rappel de la syntaxe CSS : Que signifie exactement une "feuille de style"? Une "feuille de style" est un jeu de règles de styles. CSS2 est un langage de feuille de style qui permet aux auteurs et aux lecteurs de lier du style (ex. les polices de caractères, l'espacement, les couleurs etc.) aux documents structurés (ex. documents HTML ou XHTML). La source d'un document (X)HTML est un bloc unique de code (tout du moins lorsqu'il atteint l'internaute), et n'importe quel nombre de feuilles de style peuvent lui être appliqué. D'où viennent les feuilles de style ? !

Free PNG Credit Card, Debit Card and Payment Icons Set (18 Icons) Advertisement Today we are glad to release a Payment Icon Set, a set with 18 payment icons in PNG format, in the resolutions 32×32px — 128×128px. This set was designed by Phil Matthews1 and released especially for Smashing Magazine and its readers. The icons are inteded to be used on e-commerce websites where you can show what types of payment the shop accepts. Download the icon set for free! You can use the set for all of your projects for free and without any restrictions. Behind the design As always, here are some insights from the designer: This icon pack includes 18 different payment icons in PNG format. Thank you very much, Phil! It's done.

Pixel Proliferation: A Toolset For Managing Screen Resolutions | Punchcut In the digital world, change is constant. The device landscape is always changing and the device types are proliferating. With the increasing demand for more fluid and responsive experiences, it is becoming an even more arduous task to keep all of the device resolutions and screen sizes straight. The device landscape is diverse, bordering on splintered. Of course, it is important to remember, this is a tool, and only a tool. Our work demands we have elegant ways of presenting the resulting design concepts. We hope this toolset lets you acclimate to new devices and resolutions quickly, and let you spend more time addressing the opportunities they present. 1. 2. 3.

Free Medical Icons Set (60 Icons) Advertisement Today we are glad to release a Free Medical Icons Set, a set with 60 original medical icons in .png 32 bit in resolutions 32×32px and 128×128px. This set was designed by the user interface design agency Centigrade1 and released exclusively for Smashing Magazine and its readers. The icons can serve as great in-app icons for desktop or RIAs in the medical domain. With perspective and reflective effects these can be a real stunner on landing pages or in touch screen application menus. Download the icon set for free! You can use the set for all of your projects for free and without any restrictions. Behind the design As always, here are some insights from the designers: There are a lot of free icon libraries out there, however, only few of them focus mainly on medical icons and we wanted this gap to be closed. Thank you very much, guys! It's done.

Utiliser des variables et fonctions CSS, c’est possible ! | MoOx.fr Depuis la création d’Internet à aujourd’hui, les interfaces web ont bien évolués. Les langages et méthodes aussi. On est passé de sites statiques à des sites dynamiques, puis hautement dynamiques (la fameuse période 2.0…). Dans tous ça, CSS n’a, à mon sens, que très peu évolué d’un point de vue des possibilités du langage. Certains disent que la puissance des CSS réside dans la simplicité de celles-ci. Ce qui n’est pas forcément faux. CSS n’a ni variables, ni fonctions Bridé par le language, j’ai cherché des solutions car j’ai pas forcément envie d’attendre CSS 4 qui sera surement pas officiel avant 20 ans (sachant que CSS 3 n’est encore qu’un brouillon et que CSS 2.1 est à peine ouvert aux commentaires…) Du coup, voilà ce que j’ai recencé à ce jour: Sass dispo sur GitHubLESS dispo sur GitHubStylus dispo sur GitHub Présentation des surcouches existantes aux langages des CSS Voici des textes traduits des sites officiels, qui résument très bien les outils. Sass Petit exemple de code LESS

Over 45 Free Speech Bubbles to Make Your E-Learning Courses Talk If you add characters to your elearning courses, odds are that you’re also adding some speech bubbles. PowerPoint comes with the ability to create your own text callouts, but I find that I like to use ones that look more organic than the PowerPoint shapes. I try to create my own. I created some speech bubbles for a recent project so I’m making them available for you to use as you wish. On a side note, you’ll notice that the download links go to the new community site’s download section. Rounded Speech Bubbles Download rounded speech bubbles here. Squared Speech Bubbles Download squared speech bubbles here. Thought Clouds without Tails Download thought clouds here. Thought Clouds with Tails Download thought clouds with tails here. Bonus Tips Organic fonts look great in speech bubbles. Hope you can use the speech bubbles (and the other free stuff) for some elearning projects. Tidbits: I’m in Orlando this week at the Learning Solutions Conference.

HTML5 Boilerplate - A rock-solid default template for HTML5 awesome. Save time. Create with confidence. ★ Analytics, icons, and more A lean, mobile-friendly HTML template; optimized Google Analytics snippet; placeholder touch-device icon; and docs covering dozens of extra tips and tricks. ★ Normalize.css and helpers Includes Normalize.css v1 — a modern, HTML5-ready alternative to CSS resets — and further base styles, helpers, media queries, and print styles. ★ jQuery and Modernizr Get the latest minified versions of two best-of-breed libraries: jQuery (via Google’s CDN, with local fallback) and the Modernizr feature detection library. Who uses HTML5 Boilerplate? Google, Microsoft, NASA, Nike, Barack Obama, Mercedes-Benz, ITV News, BAE Systems, Creative Commons, Australia Post, Entertainment Weekly, Racing Green, and many more.

The Best Free Stock Image Resources on the Web Update – we launched Pablo a new tool to create beautiful images for your social media posts in under 30 seconds You can use Pablo right from the get-go, no need to login or create an account. Just quickly create amazing images super fast. You can try out the first version of Pablo right now – no login required. Just head to and give it a try! We’d love to hear your thoughts about Pablo on Twitter, just hit us up @buffer and hope it makes creating images for your social media posts much easier for you. Ok, back to the blogpost! Here on the Buffer blog, we think a lot about visual content. We’ve shared our own study on the importance of images in Twitter posts for more social sharing. But there’s one question we get asked quite often: Where can you find free, good quality images that are cleared to use for your blog posts or social media content? It’s a question with a lot of different answers and caveats. What is Creative Commons? What is public domain? 1.) 2.) 3.)

Related: