megafone : mgfn.net : graphic design : nicholas felton Css Globe | Web Standards Magazine Typography. I Love Typography, devoted to fonts, typefaces and all things typographical. 53 CSS-Techniques You Couldn’t Live Without | CSS CSS is important. And it is being used more and more often. Cascading Style Sheets offer many advantages you don’t have in table-layouts - and first of all a strict separation between layout, or design of the page, and the information, presented on the page. Thus the design of pages can be easily changed, just replacing a css-file with another one. Isn’t it great? Well, actualy, it is. CSS is important. Over the last few years web-developers have written many articles about CSS and developed many useful techniques, which can save you a lot of time - of course, if you are able to find them in time. Let’s take a look at 53 CSS-based techniques here at Smashing Mag you should always have ready to hand if you develop web-sites. 1. 2. 3. 4. 5 Powerful Tips And Tricks For Print Style Sheets 5. Generated content was first introduced in the CSS2 specification. 7. 8. 9. 10. Stephen Shaw introduces a technique for perfect horizontal and vertical centering in CSS, at any width or height. 11. 12.
Vitaly Friedman's Notebook: 25 Best Free Quality Fonts 25 Best Free Quality Fonts » Oct 15, 01:00 AM Recently I’ve been browsing through the Net searching for the best license-free fonts which would fit as a serious heading for a serious online-presentation. Fortunately, I wasn’t the first web-developer, who was trying to find such fonts. One of the best resources I’ve found was Gerrit van Aaken’s essays collection “Freie Schriften im Portrait” (free fonts in a portrait) in German language. Before reading this article any further I strongly suggest you to visit Gerrit’s site and add it to bookmarks, for it is regularly updated and contains great links and a great fonts library. So I’ve decided to create the Top 20 Best Free Quality Fonts, which are likely to be used rather for official, serious presentations (such as business sites) than a colourful teenager’s homepage. If you have any comments or suggestions, please let me know (or just comment on this article). Update: Delicious and Fontin. Update (04.03.2005): NeueSans was added. 0.3. 0.4.
CSS Remix | A Fresh Blend of the Best-Designed Web 2.0 Sites extras // hicksdesign With iOS there are more different size icons to create than for OSX apps. While there are plenty of templates and reference sheets for Photoshop users (see Cocoia) I prefer to use Illustrator to create mine. So I’ve made my own template, and it’s available here if you find it useful too! It’s best to create the artwork with 90° corners and let the OS round them off, but there is a mask layer to help you check how it would look. Exporting The icons are all set out on their own artboard, so when you’re ready to export check the ‘Use Artboards’ option to get each icon as an individual file: Disclaimer While I’ve worked hard to make sure this template is as accurate as possible, I can’t guarantee it’s completely error-free. If you’re using CS4 or below, this template may well work for you, but hasn’t been tested and may explode leaving terrible stains.
Using CSS to Do Anything: 50+ Creative Examples and Tutorials Apr 21 2008 CSS can powerfully open the doors to a lot of rich and unique techniques. Today we are presenting a round-up of CSS coding, creative approaches and techniques. Definitely worth taking a very close look at! We also included some basic techniques you can probably use in every project you are developing. This is just the third article in this series , the forth part will be coming soon, stay tuned and Enjoy! You can also take a look at other 2 articles in this series : So let’s get started and don’t forget to subscribe to our RSS-Feed to keep track on our next post in this series. Styling Lists The Amazing <li>- With a little CSS, the <li> becomes one of the most powerful and versatile tags in a web designer's arsenal. Better Ordered Lists (Using Simple PHP and CSS)- Here is an example where you ditch the traditional ordered list and create your own! Live DemoView it Here Forms and Form Elements Footers New ideas for Image Replacement Image Sprite CSS image techniques Navigation Drop Caps
80 Beautiful Typefaces For Professional Design Every now and again designers stumble upon the very same problem: the choice of a unique and beautiful typeface which manages to fulfill three basic tasks. Support the corporate identity, enrich the visual appearance and is compatible with the overall design. However, usually there are simply too many options you can consider, which is why you need time to find the option you are most comfortable with. Although the choice usually depends on clients’ requirements, it is necessary to have some pretty starting points for your font decision. Every now and again designers stumble upon the very same problem: the choice of a unique and beautiful typefaces which manages to fulfill three basic tasks. So which typefaces are “bulletproof”? We have answers. Further Reading on SmashingMag: More after jump! Let's take a look at over 80 gorgeous typefaces for professional design, based upon suggestions from designers and web-developers all over the world. Classic Typefaces 1. 2. 3. 4. 5. 6. 7. 8. 9.
CSSLab 50 Helpful Typography Tools And Resources - Smashing Magazine Advertisement We love beautiful typography, and we appreciate the efforts of designers who come up with great typographic techniques and tools or who just share their knowledge with fellow designers. We are always looking for such resources. We compile them, carefully select the best ones and then prepare them for our round-ups. And now it’s time to present a beautiful fresh dose of typography-related resources. To help you improve the typography in your designs, we’re presenting here useful new articles, tools and resources related to typography. You may be interested in the following related posts: Typography: References and Useful Resources The Taxonomy of TypeThis article’s purpose is to help us as designers to distinguish basic properties of types. Typedia: A Shared Encyclopedia of TypefacesTypedia is a resource to classify, categorize, and connect typefaces. Typeface Anatomy and GlossaryMany fonts have abbreviations in their names. Finding The Right Type Combining Type Type Design
7 Principles Of Clean And Optimized CSS Code | CSS Advertisement Some of you may remember the days when 30KB was the recommended maximum size of a web page, a value which included HTML, CSS, JavaScript, Flash, and images. I find with every new project with even the slightest bit of complexity, it’s not long before that 30 KB ideal is well out of my reach. With the popularity of CSS layouts and JavaScript-enriched web page experiences, it’s not uncommon, particularly for large sites, for the CSS files alone to jump well beyond that 30KB ceiling. But there are some principles to consider during and after you write your CSS to help keep it tight and optimized. 1. If you’re not already writing in shorthand, you’re late to the party. Margin, border, padding, background, font, list-style, and even outline are all properties that allow shorthand (and that’s not even an extensive list!). CSS Shorthand means that instead of using different declarations for related properties… … you may use shorthand properties to combine those values like so: 2. 3.
Penser la typographie en couleurs – Avant-propos Captivé par les lettres d’une part et la couleur d’autre part, c’est tout naturellement que ces deux passions se sont associées et ont mûri au fil des ans pour aboutir au mémoire ici présenté. La couleur et les lettres nous environnent au quotidien. Nous les rencontrons dès que nous ouvrons les yeux, sur l’écran de notre réveil digital tout d’abord, sur les emballages de notre paquet de café ou de notre gel douche ensuite, puis sur les enseignes des magasins et les affiches publicitaires lorsque nous nous rendons à notre travail ou en revenant à notre domicile. Thomas L’Excellent - Saubr Les prémices de cette réflexion sont à chercher dans une création effectuée au cours de l’année scolaire 2006/07 dans le cadre de mon studio de typographie dirigé par Peter Keller. A.M. I. II. III. Conclusion Enfin, ce mémoire sera clôturé par une hypothèse sur l’évolution possible de la typographie colorée et l’apprentissage tiré de l’ensemble de ces recherches.