CSS Sprite Generator | Project Fondue [WEBDESIGN] Comment bien choisir ses couleurs pour créer un site Vous êtes nombreux à créer des sites internet, ou des supports de communications avec des choix de couleurs judicieux. Mais nous ne sommes pas tous experts, et certains ne savent pas comment allier les couleurs entre elles. Nous allons voir quelques exemples qui seront illustrés à l’aide d’un cercle chromatique. Les couleurs primaires sont les couleurs principales, toutes les autres couleurs découlent de celles-ci. Les couleurs secondaires, appelées également couleurs binaires sont un mélange direct des couleurs primaires. Les couleurs tertiaires également appelés couleurs intermédiaires sont réaliser grâce au mélange d’une couleur primaire et d’une couleur secondaire. Les couleurs complémentaires sont la base de la création d’une charte graphique, on ne peut pas, ou alors avec beaucoup de mal créer une charte avec des couleurs qui ne s’accordent pas. Les couleurs analogues sont des couleurs qui sont proches les unes des autres sur le cercle chromatique.
Free Web Resources – Web Resources Depot GraphStream - Random Euclidean Generator Documentation / Generators This generator creates random graphs of any size. Links of such graphs are created according to a threshold. If the Euclidean distance between two nodes is less than a given threshold, then a link is created between those 2 nodes. Usage Calling begin() put one unique node in the graph, then nextEvents() will add a new node each time it is called and connect this node to its neighbors according to the threshold planar Euclidean distance. This generator has the ability to add randomly chosen numerical values on arbitrary attributes on edges or nodes of the graph, and to randomly choose a direction for edges. A list of attributes can be given for nodes and edges. By default, edges are not oriented. By default, the graph is generated in the plane (2 dimensions) . If the dimension is 2, then attributes x and y are defined for each node. Complexity For the construction of a n nodes graph, the complexity is about O(n^2). Example Here is a simple example of use:
19 Inspiring Examples of Text Over Images in Web Design In web design there are a lot of combinations that deliver a beautiful page, including the image + text duo. Combining beautiful images and nice/readable text can result in a eye candy touch that will get your user’s attention. To show you that, today we gathered some inspiring examples of the image – text duo in action. Let us know if you are interested in an article showing more techniques and tips on text over images in web design. Mount Chapel Frank Digital The Jacky Winter Group Hofstede sketchin Playground Inc. Hangar productOps Joe’s Garage Ada Blackjack Shop Idiom DesignWorks The Space InBetween Smog Bicyclettes Makers Quarter Kiliwatch Sweez Harry’s About the Author
Social Media Color Hex Codes | Compete Themes How many times have you gone to Twitter just to get the right shade of blue from the site? If you’re like me – too many times. That’s why I tracked down the colors of the most popular social media sites and put them all in one place. The Social Sites The colors codes are for the following 20 social media websites: Below you’ll find the primary colors for the above 20 most popular social sites. For SASS and LESS there are variables set with the hex code colors, for plain CSS there is a list of plain hexadecimal color codes and the corresponding rgb color values, and finally there is a Photoshop swatches file prepared for download. SASS/LESS Color Hex Codes You can copy and paste the variables below into your stylesheet, _variables.scss, or whatever you’ve got going on. For Plain ‘ole CSS In case you don’t use a preprocessor or if you need the rgb values for the social media colors, here are those values. Photoshop Swatches Social Media Color Swatches
Sprite CSS Generator — a script plugin for Adobe Illustrator If you’ve never heard of sprites, have a look at css-tricks.com/css-sprites/. Open a new Adobe Illustrator document or create an new artboard within an existing one.Choose File > Scripts > Sprite CSS Generator to open the “Sprite CSS Generator” palette window. On the palette window you’ll find three sections and two buttons: Spritepath A text input, where you can define the path of your sprite image file. Fallbacks — SVG Check this option, if you want to use SVG as background-image and PNG as a fallback. Fallbacks — GIF Check this option, if you still support IE6 (and lower), which doesn’t support alpha-transparency in PNG. Output A text area, where the generated sprite CSS code will be displayed. Generate/Update CSS A button, which will (try to) generate your sprite CSS code. Help A button, which will display a quick guide in the output text area. Creating symbols [UPDATE] In order to feed the “Sprite CSS Generator” with data, convert all your graphics into symbols. Choose a name for the symbol.
Tendances Web Design 2015 Présenter les tendances web design n'est pas une chose aisée. Il faut tout d’abord analyser les raisons qui poussent les designers à faire un choix plutôt qu'un autre : par mimétisme, par mode ou pour répondre à une problématique spécifique ? Aujourd'hui, il est inimaginable de concevoir une charte graphique sans y intégrer les supports dématérialisés. Les arts appliqués comptent une nouvelle discipline : le web design, avec ses codes, ses possibilités et ses limites. Il n'est plus question d'imiter le support papier, mais d'envisager le web design dans sa globalité, avec ses spécificités techniques, ergonomiques, d'accessibilité… et dans le respect des standards. Le web design est vivant. Tout comme dans le prêt-à-porter, il est possible de cerner les tendances en web design. Je développerai les tendances web design 2015 en 10 points. Le flat design et le style minimal Le flat design est une tendance de fond qui fut en partie initiée par Microsoft en 2010 avec Windows Phone. Le Monopage