Free Web Resources – Web Resources Depot Portfolios projects — Featured Colour Envelope #10 The Colour Envelope #10 by Studio Laucke Siebein Superb bookmanship mastering editorial design / layout and packaging. Full of colours of course since the client is Akzo Nobel Decorative Coatings. Who wouldn’t dream of such an assignment? Natasha Jen / PNYC Showing some cool design projects by Natasha Jen who now has joined Pentagram’s New York. Superscript² Anatomy of a (superb) font created by using simple geometrical shapes by Superscript². Basic type is composed of 8 weights: thin to bloc, all of this weights allow 21 variations of contrast between thick stroke to hairline and a stencil version. Nathan Godding Sensational Circus Spectacular by Nathan Godding School project, he imagined a modern circus and created a range of designs targeted at contemporary audiences. Looove the bright colors and how he applied to all media applications. Atipus #093aae
47 CSS Tips & Tricks To Take Your Site To The Next Level | CSS CSS is a wonderful language for presenting web pages. It’s not too difficult to learn, though like most things, it does have a learning curve. Where many people seem to get tripped up is in specific solutions to specific problems. Fortunately there’s a good chance that someone before you has already had the same problem and even better has found a solution. Here are 47 of those solutions. 47 CSS Tips, Tricks, and Techniques to add to your CSS toolbox. For those, who don’t know what is CSS? Please follow the link below for detail introduction. CSS always plays a vital role in web design and it always gives you opportunity to make your website user friendly. You may be interested in the following related articles as well. Feel free to join us and you are always welcome to share your thoughts that our readers may find helpful. Don’t forget to and follow us on Twitter — for recent updates. CSS Tips, Tricks, and Techniques for Your Website Most of these tips what follows will work cross-browser.
Logo Design Inspiration: Top 10 Galleries to Check Out A fine way to jumpstart any design project is to look at inspiring visuals, especially when your creativity is a bit depleted. After reviewing many sites, in this roundup, I’ll present my handpicked, top favorite websites for seeing examples of beautiful logos. 1. Logopond (Gallery) With loads of logos to look at (over 4,700 to date), the ability to search keyword tags (like "circle" if you’re looking for circular logos) a community forums, and the ability to see top logo designs based on user votes — Logopond is one of my favorite sites to go to for logo design inspiration. 2. Launched in 2008 as a project by highly-regarded and accomplished graphic design blogger, Jacob Cass, this site features one exceptional logo design per day. 3. Although not strictly a logo design gallery, Creattica still boasts an extensive collection of over 3,000 top-notch logo designs in their Logo category. 4. 5. 6. Typebased is a unique logo design gallery because it only exhibits typographic logos. 7. 8. 9.
An InDesign for HTML and CSS? – Jeffrey Zeldman Presents The Dai In “CSS is the new Photoshop” (?), Adobe’s John Nack correctly observes, as have many of us, that “Cascading Style Sheets can create a great deal of artwork now, without reliance on bitmap graphics.” Nack quotes Shawn Blanc, one of several concurrent authors of the phrase “CSS is the new Photoshop,” who cites as evidence Louis Harboe’s iOS icons and Jeff Batterton’s iPhone, both designed entirely in CSS and both only viewable in the latest Webkit browsers, Safari 5 and Google Chrome 5. He’s not alone: Håkon Wium Lie from Opera predicts that CSS3 could eliminate half the images used on the Web. You can use various graphical tools to generate things like CSS gradients and rounded corners. So far, so good. Nack acknowledges that this will be difficult. As I noted the other day, “Almost no one would look inside, say, an EPS file and harrumph, ‘Well, that’s not how I’d write PostScript’–but they absolutely do that with HTML.” Well, there is a reason they absolutely do that with HTML.
Grafikdesign 8 Chaos und Ordnung Simon Prades Design Drei Krisen unserer Zeit wurden mittels Zeichnung auf Tiere projeziert, die sowohl in ihrer Anmutung als auch ihrem Wesen einen ... 8 Messestand Noilly Prat Tim John Design Unter Beauftragung meiner Lieblingsagentur PIECE OF CAKE entwarf ich in Zusammenarbeit mit meinem Vater, Detlef John (Grafik/Illustration) diese kleine Promotionwelt ... 9 Barcelona Stadtplan Anna Härlin Design Für die dritte Ausgabe des Cut Magazines habe ich den Barcelona Stadtplan als 3D Papiermodell illustriert. 6 Die Räuber — getäuschte Vorstellung — Rauminszenierung eines Dramas Melanie Opad Design ›Die Räuber — getäuschte Vorstellung‹ entstand im Juli 2010 als Diplomarbeit am Fachbereich Gestaltung der Fachhochschule Bielefeld. 9 Traumgedanken Maria Fischer Design Das Buch »Traumgedanken« beinhaltet eine Sammlung an literarischen, philosophischen, psychologischen und wissenschaftlichen Texten, die einen Einblick in verschiedene Sichtweisen rund ... 9 Fahrschule Elbs Formzoo
HTML5 For Web Designers Sells Out The first printing of Jeremy Keith’s HTML5 For Web Designers has sold out. For a book about web forms, semantics, and the history of markup, it’s done pretty well: The book sold 1,000 copies during the first hour of pre-sales.It sold 5,000 copies during the first 24 hours of pre-sales.The first printing sold out within two months. Haven’t ordered yours yet, and now they’re sold out? Not to worry: a second printing is in the works; orders will ship the week of July 26. So where’s my book, already? We ship worldwide. We ship via US Postal Service, so no tracking numbers are available. If you ordered before June 30 and still have not received your order, please be patient a few more days, and thank you for bearing with our learning curve. If you need to speak to someone about your order, write to us. I want an ebook, not a dead tree! Stay tuned; we’re working on ebook versions. Return to Sender In "A Book Apart" BBEdit Revised, Reviewed. In "CSS" HTML5 For Web Designers In "Announcements"
fudgegraphics | for lovers How to Use the Sticky Footer HTML & CSS Code Be sure to read the Known Issues at the bottom of this page. It will help prevent a lot of mistakes that can take hours to debug. Introduction There are many sticky footer methods to be found in Google. Ryan Fait's solution is well known, and it works, but it requires an extra <div> with no content in it to provide an extra "push". The Sticky Footer solution presented here is based upon the information found in the Exploring Footers article from A List Apart as well as expands upon the work of Cameron Adams and this piece at lwis.net. In an early version it applied a clear fix hack to keep the footer in place in Google Chrome and other browsers where the footer would float up when you resized the window. The HTML Code Below is the basic structure of the HTML code. You would place your content elements inside the main <div>. A header could be placed inside the wrap but above the main like this; The CSS Code Below is the CSS code that makes your sticky footers actually stick to the bottom.