The Barnes Foundation – Museums & Attractions – With Art Philadelphia™ A view of the new Barnes Foundation on the Benjamin Franklin Parkway in downtown Philadelphia. Credit: Photograph © The Barnes Foundation View of the Barnes Foundation from 21st Street. Credit: Photograph © 2012 The Barnes Foundation West wall of Room 23 at the Barnes Foundation. East wall of Room 18 at the Barnes Foundation. Lower lobby looking into the Gallery Garden and Library. View of Collection Gallery and Gallery Garden from Light Court. nextprev Why Mood Boards Matter It has happened to everyone. You spend countless hours producing a beautiful, pixel-perfect comp only to have it rejected by the client because it isn’t what they were envisioning in their mind’s eye. It’s the dreaded “I’ll know it when I see it” curse. You get sent back to the drawing board, your ego and the budget take a hit, and everyone is frustrated by the process. As designers, we often think we have all the answers. And if your client hasn’t been very forthcoming about what they want their new site to look like it’s even harder to hit the mark in one shot. What exactly is a mood board? Mood boards (sometimes called inspiration boards) are used in a variety of disciplines. A mood board is extremely useful for establishing the aesthetic feel of a web site. The mood board is intentionally casual; it lets the designer start with broad strokes and get feedback before too much time is invested in the wrong direction. How do I create one? Style 1: Loose Collage Style 2: Refined Template
10 sites pour faire concourir vos web design La reconnaissance du travail accompli est le saint-graal de tout créatif. Mais plus que la reconnaissance, concourir sur des plateformes de webdesign en ligne est aussi un moyen de se faire connaître voire même de se créer (ou asseoir) une réputation pour les agences web, freelances ou autres artistes du web… Pourquoi concourir ? La question est judicieuse mais plusieurs points méritent que cette question trouve un écho positif chez vous : La fierté de concourir (après tout, nous ne faisons pas ce métier que pour l’argent n’est-ce pas ;-))La SEO (je l’expliquerai plus bas)Le développement de votre réputationLa joie d’obtenir une nomination (ça arrive :p) voire l’exultation de gagner ! Certains points vous semblent intéressants ? Les concours pour tous ? On arrive naturellement à cette question qui revient à la problématique de fond du « oui mais si c’est bien que ça, alors pourquoi tout le monde ne concourt pas ? De l’intérêt de concourir Il vous faut plus de persuasion pour concourir ?
50 Best Award Winning CSS Design Websites | Design Web design is the process of planning and creating a best CSS Design Websites. Text, images, digital media and programming elements are shaped by the web designer to produce the page seen on the web browser. Ideally, website designs should have valid XHTML and CSS. Today we are collection 50 best award winning CSS design websites for inspiration. I looked at over thousands of really inspirational websites design today so I thought that I would share some with you and then make a series out the idea. In this post you can find 60+ fresh websites for great inspiration for designers from around the web. The collecting websites based on CSS, creative, and Flash based websites in this post and only the inspiring websites will be on display. We’ve seen a lot of white space, many examples of readable and usable text-design, badges, stars, rounded corners, shapes, gradients, mirror and 3D-effects – just name it. So enjoy and let us know what do you think about these best award winning websites.
Design Gallery, Articles & Community | Design Shack Web Design Gallery - CSS Design Yorkshire - Gallery of CSS Websites Open Site Explorer Embed Graph TLD Distribution Chart - Showing the distribution of the TLDs your Linking Root Domains have (based off of the top 300 domains). A top-level domain (TLD) is the suffix at the end of a domain. Request CSV We can email you a CSV containing the info shown below, but you must log in or register for an account. 1 - 10 linking root domains Although we do not currently display a count of total links for this filter set, you can still view all the links by paginating or downloading a CSV (up to 25 links per domain). Copy and paste this code into your website or blog post: Hi! PendingWaiting politely in line while other users' reports finish up! If you close this box, your report will continue to be created. DownloadClose
A Collection of Design Case Studies Besides being a designer, I’m also a big fan of Mixed Martial Arts (or MMA). And in MMA, like in every other combat sports, professional fighters learn a lot from watching one another fight. So as soon as a fighter knows who he’ll be fighting next, his coach will start scouring YouTube to find tape on his opponent. I believe this concept applies to design, too. Not the “punching each other in the face” part mind you, but the idea that you can learn a lot from real-world examples. This is the reason why I wrote an eBook to showcase my design process for a real app. Case studies are also a big part of how I happened to learn design myself. And of course, if you’re a designer yourself then publishing case studies is a great way to get your name out there. So hoping case studies will help you as much as they helped me, here are a couple examples of great design case studies from around the web. Jesse Bennet-Chamberlain Campaign Monitor case study Fi Ramayana case study Zurb Plunk case study 37Signals
BoxedCss | Best Web Gallery photoshop actions More Information - Free PSDs Today’s awesome and very neat freebie is a Photoshop action that will save you a lot of time! It’s a Photoshop action that takes your design (web design, logo design etc) and frames it in a niffty looking OSX style frame. Step 1 – Download & Install Action Unzip the file download and double click the action. Step 2 – Run the “Canvas” script Run the “Create canvas” script – this will create a new high res document. Step 3 – Add your design! Step 4 – Run the Mock up Script Step 5 – Your done! Close up Hit me up and let me know how you use the action! digg Have somthing to say?
jQuery.SerialScroll Notice I've pretty much stopped updating this blog, but the plugin development is still on-going. You can find the link to the Github project page at the bottom of the article. Introduction This plugin allows you to easily animate any series of elements, by sequentially scrolling them. What's it for ? jQuery.SerialScroll doesn't have one definite purpose. Settings and customization jQuery.SerialScroll gives you access to a lot of options. The option 'target' This option is a new addition, included since 1.2.0. External manipulation, event triggering jQuery.SerialScroll automatically binds 3 events to the containers. $(container).trigger( 'prev' ); $(container).trigger( 'next' ); $(container).trigger( 'goto', [ 3 ] ); $(container).trigger( 'start' ); $(container).trigger( 'stop' ); $(container).trigger( 'notify', [ 4 ] ); 'notify' also accepts a DOM element(item), or any of its descendants. What makes jQuery.SerialScroll so special ? Links