Web Design Standards

One of the neatest things about CSS Transforms is that they change the hit area of an element to whatever transformed value we set. So, if we rotate an element, the hit area for that element doesn’t stay a box in the defined X and Y plane; it changes to the transformed shape. CSS Transformed Hit Box With that in mind, when I was handed a design comp with a skewed design element and links with angled edges within it, I realized for great justice it was achievable by skewing an element and applying overflow: hidden to the container. The markup for this demo is really simple: <div class="container"> <div class="inner"> <ul> <li> <a href="#">Something Awesome</a> </li> <li> <a href="#">Something Awesome</a> </li> <li> <a href="#">Something Awesome</a> </li> </ul> </div></div> Based on that markup, we first transform the .container element and skew it 18 degrees on the X-axis, then undo that skew on the .inner container so our links display properly instead of at an angle (Using SASS).

http://viget.com/inspire

MARIE & JULIEN Il y a 1 an, je cliquais sur le bouton «lancer le projet maintenant» de la page de la campagne Kickstarter des écussons d’internet. Aujourd’hui, cette campagne est devenue une boutique en ligne. Avant ce clic, il y a eu une préparation minutieuse.Après ce clic, il y a eu une tonne de surprises, bonnes ou mauvaises, beaucoup de gestion et beaucoup de suivi. Comme cet exercice était nouveau pour moi, j’ai essayé de noter et de compiler des éléments pendant la campagne afin de pouvoir faire un retour d’expérience précis et partager ce que j’avais appris. Je n’ai pas la science infuse et chaque projet est unique, les conseils suivants peuvent donc ne pas s’appliquer à votre cas, mais j’ai pris bien soin de tout documenter au fil de l’eau, ce qui fait que ce guide est la ressource en français la plus complète à ma connaissance.

20 Inspiring Examples of Colorful Web Designs Last week we showed you examples of white usage in web design and today, for our last web design inspiration post of the year, we decided to show you some examples of colorful websites. We will show you how colors can give your design a nice and personal style. From small details and colorful typography to completely colorful backgrounds, there are a lot of colors to inspire you. The Neighbourhood Shelton Fleming Captain Dash 50 Cool Text Logo Designs Advertisement A Logo is a very important graphical element that helps a trademark or commercial brand to be easily recognizable. Logos in the similar markets are mostly quite different from each other — they are different in their shapes, colors, fonts, and images. This makes them unique and stand out from the rest. Logos can also be useful for identifying organizations and other non-commercial entities.

A Must Have Book Collection on UX I present to you the cornerstone of my book collection on UX: 18 highly recommended books on User Experience by UX professionals. If you are looking for books about user research, interface design, information architecture or UX strategy, you will find a book to your liking. You can also have a look at Amazon’s Best Sellers. They often have great reductions on the best books out there. I’ve been reading loads of books on UX but not every book made it to this list. I think this book collection on UX is suitable for both the aspiring UXers as the UX professionals.

7 usability guidelines for websites on mobile devices Mobile Internet is continuing to grow very quickly. These guidelines will help you create or improve your mobile user experience. 1. Reduce the amount of content Not everything shown on a PC site can fit reasonably onto a mobile web page, where space is short and every pixel counts. It's important to reduce the amount of content shown on the mobile-optimised version. Web Design inspiration Have you ever had to deliver a website and you get the feeling you have no ideas left? Time runs out and you’ve searched everywhere to get ideas for this project? Well, we’ve been there, and that’s not great.

InspireMonkey - Neverending Web Curiosity! The Elements of User Experience: User-Centered Design for the Web and Beyond (2nd Edition) (Voices That Matter): Jesse James Garrett: 9780321683687: Amazon.com Pompage.net : le web design puisé à la source 15 Fresh Web Design Inspiration Showcase Web Sites Online design galleries is one of my favorite ways to get web design inspiration and I think a lot of web designers and graphic designers out there fell the same way. While some gallery sites are broad in their focus and good for general web design inspiration it is also possible to explore niche-specific galleries to find inspiration in a specific area? Although there are plenty of niche-specific design galleries on the web today a number of new galleries have been launched early this year that have proven to be a useful source of web design inspiration.

Free Web Resources – Web Resources Depot Webdesign Mag Web design inspiration