JeffCroft.com: Homepage Trent Walton 20 New High Quality Free Fonts - Smashing Magazine Advertisement Every now and again we take a look around, select “fresh” high-quality free fonts and present them to you in a brief overview. The choice is enormous, so the time you need to find them is usually the time you should be investing in your current projects. We search for them and we find them, so you don’t have to. In this selection we’re glad to present you Madawaska ExtraLight, Apparatus SIL, League Gothic, Contra and many other high-quality free fonts. New Free Fonts For Your Designs Madawaska ExtraLight Madawaska is a rugged slab-serif font in 7 weights with fractions, old style numerals & lining numerals. Apparatus SIL The Apparatus SIL fonts were designed to provide most of the symbols needed to reproduce the textual apparatus found in major editions of Greek and Hebrew biblical texts. League Gothic League Gothic is a revival of an old classic Alternate Gothic No.1. Contra This legible font family comes in 2 weights: Regular and Italic. Experimental Free Fonts It's done.
Pikaboo - Where Ideas Grow The Things We Make - Graphic Design, Illustration, Brand & I WallSwaps Bulletproof @font-face syntax Let me introduce you to the best way to do your @font-face definitions: This is the Fontspring @font-face syntax. I’ll circle back to why this is the best possible solution but let’s first review the other techniques’ weaknesses. Of course, the problem at the center of this is that IE needs an .eot font, and the other browsers must take a .ttf or .otf. May 12th, 2010. Okay, let’s see what we got here… Conditional comments (via) Ugh. Double declarations (via) The problem here is that, as Andrea points out, IE will actually download the .otf file. Because after all, IE doesn’t understand the format hint, right? GraublauWeb.otf’)%20format(‘opentype Oops, looks like someone forgot a ? Mo’ Bulletproofer (via) Richard Fink proposed this alternate syntax actually as a response to this post, but I’ve included it back here. The local reference Much more concise and clean. The other benefit.. if it just so happens that a user actually has your custom font installed, this’ll save them the download. Demo
Duoh! | Web/Graphic Design, CSS, Web standards, Logo design ... Beautiful Examples of Inset Typography in Web Design Inset typography, or letterpress typography, is a type treatment trend where text is made to look impressed into a surface. When used correctly and creatively, it leads to a captivating and engaging reading experience, able to bring attention to key textual content. In this collection, you’ll see a great number of examples (23 of them to be exact) that utilize the inset typography/letterpress typography style in web design for a variety of situations. If you’d like to learn how to make inset type, check out the tutorial on how to create inset typography in Photoshop. 1. 2. 3. 4. 5. 365 Days of Astronomy 6. 7. 8. 9. 10. 11. 13. 14. 15. 16. 17. 18. 19. 20. 280 Slides 21. 22. 23. Related Content About the Author Jacob Gube is the Founder and Chief Editor of Six Revisions.
Román Cortés For the latest editon of Js1k contest (a contest to create something cool with only 1 kilobyte of Javascript), I’ve submitted an entry with a furry bee with springy antennae and my tie. Check it here. I’ve been pushing the limits of what is possible to render with canvas 2d. As a result, it renders at decent speed only in Chrome with a very fast computer. In case you don’t have one, check out this video capture: Rendering fur For rendering the fur, I’ve used the same method as I previously used in the Christmas Tree I made for a previous js1k edition. For this entry I’ve enhanced and reduced in code size the sprite generation method used in the Christmas Tree, also making it better suited for fur. Color palette Creating a nice color palette with the 1kb limitations of js1k is not an easy task. This piece of code is generating the palette, including the grays needed for the tie: ‘hsla(’+[(j&15)*8-x,(j&15)*6+x+’%',(j<17)*60+(j&15)*7+’%',1]+’)’ Point cloud rendering Clouds rendering - Center y
Web Font Specimen Juude for Web Designers 50 Beautiful And Creative Portfolio Designs | Design Showcase | Advertisement Design portfolios come in various forms. Traditionally, they have been print-based and something you would carry to a client pitch or meeting to showcase what you’ve done and how you did it. Today, many designers take advantage of the Internet to publish and showcase their work via their online portfolios. With many portfolios online, it’s often hard to stand out from the sea of competition out there. In this showcase, you’ll find a variety of beautiful, unique and highly creative portfolio designs. You may also want to take a look at the following related articles: Creating A Successful Online Portfolio1031 In this article, we review five pitfalls that commonly plague portfolio design. 50 Beautiful and Creative Portfolios Pikaboo2 This portfolio showcases a creative navigation scheme; use the scroll button on the mouse to navigate up and down the showcase. Lyndon Wade4 This portfolio effectively integrates the interface of the design. chris woods18