Skip to main content

Home/ CSS Evangelist/ Group items tagged text

Rss Feed Group items tagged

my mashable

Now You Can Insert Drawing In Google Docs - 0 views

  •  
    The Google Docs developers just added "insert drawing" capability. Drawing can be created easily with pre-determined shapes, colors, text, etc..
my mashable

Pixelpipe : Upload & Share Picture Directly from Browser to Social Web - 0 views

  •  
    I usually had a big problem on handling more social media website account. I think most of the users come across the same problem. Recently i had a chance to hear about Pixelpipe. On the very first look i really amazed about the features. Initially this site used to post your digital pictures, videos, and audio files to a growing number of different services with only a few clicks. This site seems to be similar as ping.fm, which allows post to text based messages.
yc c

HTML5 presentation - HTML5 Slides - 10 views

  •  
    Take a walk through the woods and learn about all things HTML5. Starting with the JS APIS (selector API, storage, appcache, web workers, web sockets, notifications, drag and drop, and geolocation). Then delve into the new HTML semantic tags, link relations, micro data, ARIA, forms, audio and video, Canvas, and WebGL. Finally, the holy trinity finishes with CSS and selectors, fonts, text, columns, stroking, opacity, HSL, rounded corners, gradients, shadows, backgrounds, transitions, transforms, and animations.
Vernon Fowler

word-break | CSS-Tricks - 0 views

  • It's often used in places with user generated content so that long strings don't risk breaking layout.
yc c

Font Tester - Online Font Comparison Tool - Preview Fonts - Compare Screen Type - 0 views

shared by yc c on 09 Mar 09 - Cached
  •  
    Font Tester is a free online font comparison tool. It allows you to easily preview and compare different fonts side by side with various CSS font styles applied to them. It is very useful for web developers who are looking for just the right font/style/color to use in their pages. To use it all you have to do is simply enter the text you would like to preview, modify the various CSS properties until you find a style you like, and then click on the Get CSS Code button to generate all the necassary CSS code to reproduce those styles in your webpage.
Hussain M Elius

CSS Decorative Gallery - 0 views

  •  
    Did you like my previous CSS tutorial on how to create gradient text effects? I'm using the same trick to show you how to decorate your images and photo galleries without editing the source images. The trick is very simple. All you need is an extra tag and apply a background image to create the overlaying effect. It is very easy and flexible - see my demos with over 20 styles, from a simple image icon to a rounded corner to a masked layer (both decorative and complex).
  •  
    Trick to show how to decorate your images and photo galleries without editing the source images.
Jason Bao

Five simple steps to better typography : Journal : Mark Boulton - 0 views

  • One point = 1/72 of an inch One pica = 12 points One em = The distance horizontally equal to the type size, in points, you are using. Eg. 1em of 12pt type is 12pt. (Thanks to Joe for correcting me on this.)
  • A general good rule of thumb is 2-3 alphabets in length, or 52-78 characters (including spaces).
    • Jason Bao
       
      in one line
  • Your leading should increase proportionally to your Measure. Small Measure, less leading. Wide Measure, more leading.
  • ...1 more annotation...
  • When reversing colour out, eg white text on black, make sure you increase the leading, tracking and decrease your font-weight. This applies to all widths of Measure.
    • Jason Bao
       
      深色背景在视觉上拥有更大的对比度,更窄的行距。
Perry Branch

mezzoblue § CSS Crib Sheet - 0 views

  • Name classes/IDs based on function, not appearance. If you create a .smallblue class, and later get a request to change the text to large and red, the class stops making any form of sense. Instead use descriptive classes like .copyright and .pullquote.
  • When in doubt, validate.
  • When relying on floats for layouts, make sure they clear properly.
yc c

Mike Rundle: Accessible Image Replacement - 0 views

  •  
    #replaceText { text-indent: -9000px; background: url(bg.gif); .... }
« First ‹ Previous 41 - 60 of 66 Next ›
Showing 20 items per page