Para los amantes de las tipografías > lo pedís, lo tenés :D


10 free grunge fonts

Take advantage of this compilation of free grunge fonts that you can put to use in your cool designs.

    Grunge fonts are becoming increasingly popular. Instead of shiny, crisp typefaces, many artists and designers are seeking to use an urban, dirty, street style in their designs. With this in mind, we’ve scoured the web to find you 10 top, free grunge fonts available to download now.
      Via

    Creative Bloq


      01. Everyday Ghost

      Everyday Ghost by Andrew Hart

      Everyday Ghost is one of 63 fonts created by typeface designer Andrew Hart. The design, which features smudges and blotchy effects, adds an interesting twist to an otherwise generic serif font. Free for personal use only.

      FORMAT: TTF

      02. Fail

      Fail by Douglas Vitkausk

      This cool typeface does anything but what its name suggests, having been downloaded hundreds of thousands of times since its release. This is one of 129 fonts designed by Douglas Vitkausk, whose work has amassed over 12 million downloads! Free for personal use only.

      FORMAT: TTF

      03. Laundromat 1967

      Laundromat 1967 by Last Soundtrack

      This cool Laundromat 1967 typeface would make a great newspaper-type ransom note design. Developed by designer Gyom Séguin aka Last Soundtrack, this is one of 46 fonts he’s crafted. The full set of this particular type features uppercase letters and numbers. Free for personal use only.

      FORMAT: TTF

      Leer más “Para los amantes de las tipografías > lo pedís, lo tenés :D”

      Yahoo considering rebranding?


      webdesignerdepot.com

      This is the logo you may be soon looking at whenever you point your browser to yahoo.com

      The Internet giant have not yet made an official announcement about any change on their identity, but a TechCrunch reader was asked to give a feedback on a new Yahoo! logo while answering an online survey.

      Besides the change of color from purple to a deep blue, which actually still has a lot of purple in it, the most noticeable feature change is the choice for a sans-serif type giving a much more “vertical” look to the new brand. I can’t say that I don’t like it, because the new brand does appeal to me, but letting the Yahoo! serifs go is quite a shame; and they have such a well established identity that I think the great majority of users will miss the old version.

      Take a look at the question and compare both versions:

      One thing is certain, the question in itself is not a guarantee that any change will happen. According to TechCrunch, here’s what a Yahoo! spokesperson said about the online survey: Leer más “Yahoo considering rebranding?”

      8 New Free Fonts for Your Designs / http://webdesignledger.com


       

      Posted by 

      Since here at WDL we believe that having a lot of fonts in our libraries is never enough, we decided to gather some new beautiful and useful free fonts to show you. Today we have eight different styles to add personality to your designs, so check them out.

      Sreda

      8 New Free Fonts

      ZnikomitNo25

      8 New Free Fonts Leer más “8 New Free Fonts for Your Designs / http://webdesignledger.com”

      Expressive Web Typography: Useful Examples and Techniques

      Wherever we turn online, typography jumps out at us — sometimes literally, with the assistance of some clever coding. And now more than ever, we are seeing greater focus on this design element and its varied implementations around the Web. With the growing popularity of font embedding services and @font-face, typography is the talk of the town, but even though it is a regular topic among communities, not all of our typographic efforts are successful. Sometimes we swing for the fences, only to miss or fall short.

      This is what brings us together today. We have looked around the Web and checked some of the many typographic choices of website owners — some of which are successful, others not so much. Below is a selection of some elegant and interesting websites. We will critique the typography on them, in order to explore how we can improve the type on our own websites. Look through them to see whether you spot any typographical trespasses that you may have committed yourself.


      Smashing Magazine

      Wherever we turn online, typography jumps out at us — sometimes literally, with the assistance of some clever coding. And now more than ever, we are seeing greater focus on this design element and its varied implementations around the Web. With the growing popularity of font embedding services and @font-face, typography is the talk of the town, but even though it is a regular topic among communities, not all of our typographic efforts are successful. Sometimes we swing for the fences, only to miss or fall short.

      This is what brings us together today. We have looked around the Web and checked some of the many typographic choices of website owners — some of which are successful, others not so much. Below is a selection of some elegant and interesting websites. We will critique the typography on them, in order to explore how we can improve the type on our own websites. Look through them to see whether you spot any typographical trespasses that you may have committed yourself.

      [By the way, did you know we have a free Email Newsletter? Subscribe now and get fresh short tips and tricks in your inbox!]

      Typography Examples

      Denise Chandler
      When we look at the portfolio of Denise Chandler, right away the typography begins talking. The original hand drawn sans-serif offers a personal, artistic yet professional feel at the same time. Denise focuses on the most important information and presents it in a relatively simple one page layout. The hover effects offer a great element of interactivity to the site for sure, while the large, bold caps type along with the intricate ampersand for the header works well to playfully complement the page.

      Denisechandler in Expressive Web Typography: Useful Examples and Techniques

      The only critique really would be in the contact area. A slightly larger font and line-height, along with some extra spacing between the paragraph and the social media links would have made the area feel as open as the rest of the site. Also, it’s a pity that the “Submit”-button in the contact form doesn’t change on click — a nice :hover and :active-effect could make the experience even more pleasant.

      Jessica Hische
      Using a good type that doesn’t detract from the content is imperative. Jessica does a tremendous job with this, opting for a simple thin sans-serif font. Even in its simplest form, the italic type adds a flourish to the design. Perhaps for readability, though, the designer could have broken from the italics for the description of the featured pieces. Also, the type could stand to be a bit larger, and not only because the headers appear to blur a bit at that size.

      Jesse in Expressive Web Typography: Useful Examples and Techniques

      MCQ
      The portfolio of Mike McQuade has a truly remarkable interactive page change effect that really grabs your attention. The site is set up as a grid with each square changing position and/or size to accommodate the content that opens with each selection. Also, because the layout is fluid, content squares appear on different positions when you resize the window and hence ensure the proper alignment of the content. It is a very clean, minimalist design that uses a unique combination of a thin and quirky serif and a clean and bold sans-serif to complete the tone and attitude of the portfolio. Leer más “Expressive Web Typography: Useful Examples and Techniques”

      20+ New Apps and Websites for Designers

      New apps and websites seem to appear on an almost-daily basis.

      Trying to find the best ones each week or month can be tough, especially considering how many come out that aren’t that great.

      Here we’ve compiled some of the best apps and websites that have come out in the past few months.

      Some are apps closely tied to a web designer’s daily work, while others aren’t likely to be used as often, but are still useful.

      If you want to share a recent web app or website useful to designers, please send a tweet to @cameron_chapman for inclusion in our next monthly roundup.


      thumbNew apps and websites seem to appear on an almost-daily basis.

      Trying to find the best ones each week or month can be tough, especially considering how many come out that aren’t that great.

      Here we’ve compiled some of the best apps and websites that have come out in the past few months.

      Some are apps closely tied to a web designer’s daily work, while others aren’t likely to be used as often, but are still useful.

      If you want to share a recent web app or website useful to designers, please send a tweet to @cameron_chapman for inclusion in our next monthly roundup. Leer más “20+ New Apps and Websites for Designers”

      Short hand CSS properties…


      Lower case ‘a’ from Adobe Caslon Pro, superpos...
      Image via Wikipedia

      Short hand CSS properties, that must be saving your time while working on any project. Instead of using CSS properties in each line, we can use in single line.

      1. BACKGROUND

      We usually use following properties in Background.

      background-color:
      background-image:
      background-repeat:
      background-attachment:

      Normally we use background as:

      .backGrnd
      {
      background-color: yellow;
      background-image: url(“stunningmesh.jpg”);
      background-repeat: repeat-x;
      background-attachment: fixed;
      background-position: left top;
      }

      But if you want to write these properties in Short hand, you will write these properties as:

      .backGrnd
      {
      background: yellow url(“stunningmesh.jpg”) repeat-x fixed left top;
      } Leer más “Short hand CSS properties…”

      Web Design Trends for 2010

      Purists will say that great design is timeless. Yes, in an ideal world, we should ignore trends.

      Pragmatically speaking, though, there is a lot of value in monitoring and incorporating design trends, especially with regard to websites.

      Let’s face it: the web changes at a rapid pace. Unlike in other media, design trends on the web are not just driven by aesthetics.

      Technology is changing that can drastically alter the capabilities of the medium.

      In 2010, we’re seeing designers continuing to push the boundaries of web design, setting the following clear trends…


      Techi.com

      Purists will say that great design is timeless. Yes, in an ideal world, we should ignore trends.

      Pragmatically speaking, though, there is a lot of value in monitoring and incorporating design trends, especially with regard to websites.

      Let’s face it: the web changes at a rapid pace. Unlike in other media, design trends on the web are not just driven by aesthetics.

      Technology is changing that can drastically alter the capabilities of the medium.

      In 2010, we’re seeing designers continuing to push the boundaries of web design, setting the following clear trends…