background preloader

Web Design Blog - Designers Inspiration Community - Web Development Blog - Web Design Blog – DesignM.ag

Web Design Blog - Designers Inspiration Community - Web Development Blog - Web Design Blog – DesignM.ag

Line25 Web Design Blog 10 Tips for Designing Presentations That Don’t Suck: Pt.1 Powerpoint has produced more bad design in its day that perhaps any other digital tool in history with the possible exception of Microsoft paint. In this post we’re going to address the epidemic of bad presentation design with ten super practical tips for designer better looking and more professional presentations. Along the way we’ll see a number of awesome slide designs from Note & Point along with some custom examples built by yours truly. Let’s get started! Also be sure to check out 10 Tips for Designing Presentations That Don’t Suck: Pt.2! Not a Designer? Most of the content on this site is targeted specifically towards professional designers and developers, or at the very least those interested in getting started in this field. You’ve chosen a visual tool to communicate and should therefore take the time to learn a thing or two about visual communications. Follow the ten tips below and see if you don’t start getting comments about your awesome presentation design skills. Kuler Piknik

Css tutorial and help site - CSS How to Web Design Blog | Web Design Standards | Viget Inspire 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).

35 Cool Infographics for Web and Graphic Designers Inspiration June 10, 2011 Let’s be honest, we tend to get bored with reading too much text and it’s rather difficult to understand descriptive information especially if they signify numbers or statistics. To make things easier, we use graphs, illustrations and flowcharts to make them visually appealing yet, at the same time, easy to understand. One of the latest online trends that graphic designers make use of are infographics. Infographics are not just mere digital artworks. To cite examples, here is a list of 30 Infographics in relation to Internet, Social Media, Graphic and Web Design. Web and Graphic Design Infographics View Source View Source View Source View Source View Source View Source View Source View Source View Source View Source View Source View Source View Source View Source View Source Internet and Social Media Infographics View Source View Source View Source View Source View Source View Source View Source View Source View Source View Source View Source Resume and Curriculum Vitae Infographics

Web Design Blog, Tutorials and Inspiration | Web Design Ledger 30 Examples of vCard Website Designs for your Inspiration Inspiration May 12, 2011 Versitcard, more popularly known as vCard is a minimalist portfolio website that usually displays the site owner’s basic information such as name, address, phone numbers, e-mail addresses, URLs, logos, photographs, audio clips and list of social network accounts. It acts as an online business card which is often attached to e-mail messages. These websites use several jQuery techniques to incorporate few animation effects like sliding, fading and tab navigation which make them look like single page only. Here are the 30 Impressive Examples of vCard Designs for your Inspiration. Meelk! View Source Margot Dolewska Dyer View Source Liji Jinaraj View Source Joao Da Silva View Source Salya Howald View Source IdentityMe View Source Michael Villar View Source Katrina Neufeld View Source Vin Thomas View Source Jan Van Lysebettens View Source Thierry Castel View Source Flip Sasser View Source Karsten Rieger View Source Ilina Simeonova View Source Aref JDEY View Source Lee Adams Norris View Source preshit

Design Gallery, Deals, Tutorials & Community Pompage.net : le web design puisé à la source

Related:  1mshalashwebWebdesign