background preloader

Social Network Icon Pack

Social Network Icon Pack
No frilly styles, gradients or lighting effects — just the basics. This set of social media icons is optimized at 32 and 64 pixels in five different shapes (over 1100 icons). All files are semi-transparent bitmap PNGs. Included in the download are these variants: CircleRounded SquareSquareSymbol (just the logo) Monochrome Simple & Styleable I kept them simple intentionally, but with a little know-how and a sprinkling of pixie dust, you can pull off some pretty sweet styles, like these: freebie icons social resource Share

La Revue du Design ? Blog Archive ? Le design comme ?une chose qui pense? Par Stéphane Vial. Pour une philosophie du design “Le design ne cesse de penser, mais il est incapable de se penser. Tels sont les premiers mots du Court traité du design qui sort cette semaine en librairie. Tenter de penser le design, c’est pourtant une nécessité. Cela suppose de considérer le design non pas comme une division du champ de l’art ou du champ de l’industrie, mais comme un champ disciplinaire en soi, dont il faut désormais bâtir les fondements épistémologiques. Le design comme “une chose qui pense” Depuis quelques années, une poignée de designers américains qui disent “creuser plus loin que la surface” inscrivent leur travail dans cet effort pour penser le design. Ce qu’ils proposent, c’est précisément de penser le design comme une pensée. Soyons tout à fait clairs. Les principes du “Design Thinking” Revenons aux termes de Tim Brown et faisons rapidement le chemin avec lui. Tim nous propose de faire une conversion. Conclusion Liens Court traité du design Notes 1.

Jon Combe | Code | HTML clocks using JavaScript and CSS rotation February 2010 Warning: This isn't going to work in any currently available version of Internet Explorer* or many older browsers. Background In July last year, the excellent Jonathan Snook wrote an article about CSS rotation. If you're interested stuff like this and you haven't heard of Mr. Snook before, I suggest you read his stuff. He explains in his article that the Webkit (Google Chrome & Safari) and Firefox 3.5+ browsers support the CSS transform property. He also notes that it is also possible to implement basic (0° / 90° / 180° / 270°) rotations using Internet Explorer, but clearly this wasn't going to cut it for what I wanted to do here. The code to make the clocks work is really very simple. transform: rotate(42deg); // this won't work yet, but one day it may -moz-transform: rotate(42deg); // mozilla specific -o-transform: rotate(42deg); // opera specific -webkit-transform: rotate(42deg); // webkit specific In jQuery that could look like: How it works A couple of things to note

Recreating the button Until some future version of HTML gives us new native controls to use in a browser, at Google, we’ve been playing and experimenting with controls we call “custom buttons” in our apps (among other custom controls). These buttons just launched in Gmail yesterday, and they’ve been in Google Reader for two months now. The buttons are designed to look very similar to basic HTML input buttons. I thought it would be interesting to provide a portion of the background on our buttons here, and discuss some of the iterations we’ve been through so far to get to the current state. Background Today’s web apps allow increasingly complex interactions. A basic <input type="submit"> could be used for single actions, a <select> element could be used for a compact menu of actions, and <input type="radio"> could be used for selecting mutually exclusive options. Enter: the concept of custom buttons. The first iteration Eliminating the table and corner images Going inline So 3.0 buttons were fine. Major credit

What Your Web Design Says About You (Infographic) Font and color choices in a website say certain things about the owner of the site. Though colors and symbols may have different meanings in other cultures, this only reaffirms the notion that design choices do affect the perception of the user, which in turn affects the message attempting to be conveyed. Here is an infographic that delves into the meanings of fonts and colors in the context of web design. Click to enlarge. Related Content About the Author The Best Free Web Icons for Different Purposes | Web Resources | When we are designing a website, or even a web application, we always need some pretty icons in order to complete the design. There are over hundred thousands of icons available on the internet. However, how many of them are nicely designed and suitable to you? I am sure you will find “The Best Free Web Icons for Different Purposes” useful to you. We have selected the following top quality web icons, e.g Blogging Icons, Application Icons, Social Media Icons, Emotion Icons, Browser Icons, Mini Icons, Weather Icons, Flag Icons and Mobile Icons, which can be used for different purposes. Cute Blogging Icons You can use these icons on your blog. Blogging Icons Set There are total 12 shiny and modern icons for your blogs including Author, Article, BlogRoll, Comment, Email, RSS, Theme icon and etc… It comes with 3 sizes, 24×24, 36×36 and 48×48 in png format. Icon-King Nuvola Cartoon Style Icons The WooFunction Icon Set New Circular Social Media Icons Refined Social Networking Icons Emoticons Icons

Update: Styling the Button Element with CSS Sliding Doors - now with Image Sprites and IE 8 Support Posted by Maggie on 04/24/2009 Topics: css ui design visual design We dusted off our original sliding doors button to give it a much needed update. For those not familiar, form buttons are notoriously difficult to customize because they render differently across browsers and platforms. Apply a single, unique background image with the text "baked in" for each type of button (i.e., "Submit", "Send message") and its rollover state. While these methods may work in particular situations, we needed a more flexible solution that accommodated a wider range of styles. Our solution We're often designing and developing complex applications with buttons that are styled with background images, background colors, icons, and sometimes a combination of all three. The result is a cross-browser method for styling button elements with sliding door sprites. Examples The buttons shown use the same markup and style — only the label text is different. Demo Page Sprite image Markup Supported Browsers So far it works in:

Conférence de David Rault : la typographie comme un outil de design. Aaaaah Je suis très content de pouvoir vous présenter cette vidéo car je regrettais de ne pouvoir vous partager cette conférence de David Rault à laquelle j’ai pu assister lors de Paris Web (souvenez-vous!). David Rault est consultant typographe et parle de la typographie comme d’un bon vieil ami, avec chaleur, simplicité et beaucoup d’affection. Au programme : la typo, vecteur de la communication écritel’historique, le background de chaque typographieFutura, Gill Sans, Bodoni, Garamond, le kit de survie du typographe ? Je vous laisse écouter sa conférence : J’ai eu la chance de bavarder avec lui lors de Paris Web et il a pu notamment m’aviser de sa vision sur la typographie écran vs papier, sur l’évolution des fonderies, ou encore sur la place de la typographie en Turquie. J’espère que vous apprécierez Ces articles peuvent aussi vous intéresser:

Glyphish – Great icons for great iPhone applications Super Awesome Buttons with CSS3 and RGBA We've updated the super awesome buttons demo to include the button element and Mozilla box shadows. Check it out! We love CSS at ZURB. One of our favorite things about CSS3 is the addition of RGBA, a color mode that adds alpha-blending to your favorite CSS properties. The Button Here's what we're looking at: Our original button we'll use to show how RGBA colors rock your world. It's a simple button made possible by a transparent PNG overlay (for the gradient), border, border-radius, box-shadow, and text-shadow. Not too shabby considering it's nearly all done with CSS. Making it Scale with RGBA Sweet, so we've got our button styled up and looking great, but since we're using "static" colors (Hex value), this button doesn't scale very well. Small Details. With a little RGBA love, we'll scale this single button to add five more colors, two more sizes, and make it work on any background color. There, now we have our super awesome button with some alpha blending added in. Done Deal

Un graphiste peut-il concevoir plusieurs propositions graphiques d’un même sujet ? « Laurent Demontiers Vous êtes annonceur et dans le cadre de l’appel d’offres que vous vous apprêtez à publier vous demandez la livraison de plusieurs approches graphiques. Vous espérez là vous offrir la possibilité et le confort de choisir entre plusieurs propositions. Vous êtes formidable. Mieux, vous êtes chef de projet en agence et l’appel d’offre de votre client demande la présentation de plusieurs pistes graphiques. Qu’à cela ne tienne, vous mettez votre meilleur graphiste sur l’appel d’offre et vous lui demandez de produire ces différentes versions. Vous êtes merveilleux. Les designers ne sont pas (tous) des schizophrènes Vous a-t-on déjà demandé d’émettre un avis sur quelque chose ? Détaillons. Seulement voilà, imaginez maintenant que dans la foulée on vous demande d’émettre un deuxième avis totalement différent du premier sur le même sujet … La situation n’est pas confortable vous l’avouerez, alors pourquoi l’infliger à ce pauvre graphiste déjà accablé par une vie miséreuse et le poids de l’opprobre ?

20 Free Exclusive Vector Icons: Calabria Calabria is a set of 20 free and exclusive vector icons that can be used on websites, logos and more. These icons are absolutely free for both personal and commercial uses and you can go ahead and download yours now. If you’d like to share these icons, please refer your friends to this page. Here’s a full preview of all 20 icons for quick reference. Download yours below and enjoy! Liked the icons? Please enter your email address below and click the download button. WDD staff are proud to be able to bring you this daily blog about web design and development.

Web 2.0 free buttons maker! - (Custom icon font and background, anti-alias rendering) Olybop.info » Olybop.info [dossier] Pourquoi Fireworks est mieux que Photoshop pour faire du WEB Quand j’ai commencé dans le web et dans l’infographie il y a presque 6 ans, je ne voyais qu’à travers photoshop. Normal c’était le grand à l’époque ! J’avais appris en autodidacte à créer mes calques, les nommer, les organiser et y ajouter les effets que je souhaitais. Le grand photoshop était la révolution en matière de webdesign (j’exagère bien sûr). Je me suis éclaté à de nombreuses reprises pour créer les logos, sites et autres infographies pour mes amis et moi. Je ne voyais pas d’autres solutions pour créer et cela m’allait bien. Quand je suis rentré chez Experian, mon cher bigboss m’a appris à utiliser Fireworks. Historique : Fireworks est LE logiciel qui a été conçu pour le Web. Wiki : Adobe Fireworks est un logiciel de création d’images, spécialement conçu pour le web, mais il est aussi possible de créer des images pour l’impression, même si le logiciel ne supporte pas le CMJN, il supporte tout de même les gestion des PPP (points par pouce). Compatibilité : Ranger ses calques ?

Icons, Buttons and Templates : ThemeFlash : The Quality Web Reso 1. Notes Icons 2. iMac Icons from FreeIconsWeb.com 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. Icon Sets for Design Artists 14. 14. 15. 25 Free Vector Drips, Drops, and Splatters. Icon Sets for Bloggers 16. 17. 18. 77 Vectorbuttons by Go Squared. 19. A mini-tutorial on how to use icons is also available. 20. 9 Web 2.0 Badges. ’ll need Adobe Illustratoror Inkscape (Open-Source) to edit the images. 21. Bittbox also gives Badges, RSS-Icons, Ecken and numerous Icons. 22. 23. Free Invitation:-

Related: