Skip to main content

Home/ CSS Evangelist/ Group items matching "font" in title, tags, annotations or url

Group items matching
in title, tags, annotations or url

Sort By: Relevance | Date Filter: All | Bookmarks | Topics Simple Middle
yc c

CSS3 @font-face - Teehan + Lax - teehanlax.com - 4 views

  •  
    ABOUT THIS PAGE: This is a little experiment to try some new stuff with the new browsers and the @font-face rules. You'll need the latest versions of Safari, Firefox or Opera to view it. We didn't design it to degrade gracefully.
tech vedic

Change the Size of a Web Page - 0 views

  •  
    You often find text in web pages which is very difficult to read. To read the font clearly, you can make the page bigger. Further, some web browsers allow you to zoom in and out.
tech vedic

How to set the default font in Microsoft Office Word 2003? - 0 views

  •  
    Microsoft Word processor offers a range of tools and features to customize your documents. You can modify fonts on all possible verticals including size, look, style, color, alignment, etc.
yc c

Dynamic Drive CSS Library- Practical CSS codes and examples - 0 views

  • var rate87=new rateit(87, "26", "090%") rate87.displaytext("26") 4.5 CSS Gradient Shadow var rate74=new rateit(74, "72", "078%") rate74.displaytext("72") 3.9 CSS Thick Tabs var rate47=new rateit(47, "71", "080%") rate47.displaytext("71") 4 SuckerTree Vertical Menu (v1.1) var rate52=new rateit(52, "60", "074%") rate52.displaytext("60") 3.7 Overlapping horizontal tabs var rate51=new rateit(51, "128", "080%") rate51.displaytext("128") 4 Animated link underlines var rate50=new rateit(50, "78", "075%") rate50.displaytext("78") 3.8 SuckerTree Horizontal Menu <!-- <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xm
Frederik Van Zande

typeface.js -- Rendering text with Javascript, <canvas>, and VML - 0 views

  •  
    With typeface.js you can embed custom fonts in your web pages so you don't have to render text to images.
yc c

EmChart - 3 views

  •  
    px 2 em font size chart
Vernon Fowler

Confused About REM and EM? | Jeremy Church - 0 views

  • Use REM for consistent padding and margins
  • update font sizes and padding within a media query
  • @media screen and (min-width: 1400px) { &nbsp; html { font-size: 1.25em; } }
  • ...2 more annotations...
  • If a style sheet is built in a modular fashion, then rem shouldn’t be needed very often, but it can be handy at times.
  • The initial values are calculated by incrementing 1em(16px) at a 1:1.2 ratio.
LinkSture Technologies

Brando Responsive and Multipurpose OnePage WordPress Theme - 0 views

  •  
    Brando is a completely modern, feature-rich, professionally designed, fully responsive and multi-purpose onepage WordPress theme. You will have an impressive number of readymade onepage site demos as per your business nature like design / ad / digital media agency, architecture firm, personal resume / vcard / portfolio, freelancer, spa and beauty saloon, art and photography, wedding, restaurant / hotel, tours and travel agency, event landing page, tattoo maker but this is not the limit as you can combine multiple elements from different innovative demo to achieve the style as per your imagination. It provides multiple eye-catching portfolio and blog layouts as well as coming soon page for showcasing your projects, news and other content. The Visual Composer - a widely used, premium, drag & drop enabled, quick content editing tool is integrated and included in the theme free of cost to helps you create and manage website pages content without touching the code. It also offers theme settings panel to manage overall website layout, colors, fonts, header, footer, social sharing and much more. It provides a great import feature to import demo data for your desired onepage demo or multiple different demos also quickly. Brando is extremely polished, cutting edge implementation of high-end search engine optimization enhancement techniques from the well structured and fast executable codebase, better result in all devices and browsers, and rendering your pages spectacularly effective to achieve the top ranks for all the relevant searches at an impressive high speed and hence resulting in higher level of traffic.
anonymous

Corporate Brochure Design - Easy to Create, Great for Marketing! - 0 views

  •  
    Original content and high quality design can enhance the beauty of your brochure. You should choose colors, fonts, images and textual content carefully to make your brochure an effective marketing tool.
anonymous

Flash Design - 5 Tips to Create Interesting Flash-Lite Games - 0 views

  •  
    For creating Flash Lite games, paying attention to various aspects is important. These can include choosing the perfect font, following the base build, porting the game, and offering incentives to users.
Vernon Fowler

Replacing the -9999px hack (new image replacement) - Jeffrey Zeldman Presents The Daily Report - 0 views

  • My friend Scott Kellum, design director at Treesaver, has now sent me this refactored code for hiding text, which I hereby christen the Kellum Method: .hide-text { text-indent: 100%; white-space: nowrap; overflow: hidden; } Really long strings of text will never flow into the container because they always flow away from the container. Performance is dramatically improved because a 9999px box is not drawn. Noticeably so in animations on the iPad 1.
  • Scott Kellum said on 1 March 2012 at 3:41 pm: I went ahead and created a side by side site to test the performance: http://lab.pgdn.us/hidden-text-performance/ @Ethan, This is the best 43min I have ever spent learning about optimizing the performance of my CSS: http://www.youtube.com/watch?v=xuMWhto62Eo
  • Would be interesting to understand both the SEO and accessibility impacts of this approach.
  • ...4 more annotations...
  • Scott Kellum said on 2 March 2012 at 4:06 pm: After much deliberation over here: https://github.com/h5bp/html5-boilerplate/issues/1005#issuecomment-4293007 Jonathan Neal suggested a method using font: 0/0 serif; and things seem to be settling on this — .ir { font: 0/0 serif; text-shadow: none; color: transparent; }
  • While I think this is certainly and interesting approach, I have some concerns with the accessibility. In some, if not all, cases when overflow: hidden; hides the content of the element this is applied to from screen readers. In most cases where I use image replacement, I still need the text to be accessible (e.g. call to action buttons set in Gotham). See Aaron Gustafson’s A List Apart article, http://www.alistapart.com/articles/now-you-see-me/. Has anyone tested this with a wide battery of screen readers or other accessibility devices?
  • Another note on accessibility: Besides the screen reader problems – people who don’t get images will not see the text too.
  • As a few people said already, this does not solve the accessibility problem that comes with text-indent. Worse, it may send the wrong message: “this is new and cool, use this from now!”. As a leader in the industry, I think you should warn people that even if this is “better” in term of performance, it is still a bad solution. Imo, Image Replacement techniques should be evaluated against the problems they solve/address. Fwiw, I wrote something about these challenges a few years back: http://tjkdesign.com/articles/tip.asp &lt;/shameless plug&gt;
Al-Mehatb Shaikh

Getting Started with Chrome extension - Diigo help - 0 views

  • Use the “Save” option to bookmark a page. Bookmarking saves a link to the page in your online Diigo library, allowing you to easily access it later.
  • Highlighting can also be accomplished from the context pop-up. After&nbsp;the Chrome extension is installed, whenever you select text on a webpage, the context pop-up will appear, allowing you to accomplish text-related annotation. Highlight Pop-up Menu – After you highlight some text, position your mouse cursor over it and the highlight pop-up menu will appear. The highlight pop-up menu allows you to add notes to, share, or delete the highlight.
  • Sticky Note Click the middle icon on the annotation toolbar to add a sticky note to the page. With a sticky note, you can write your thoughts anywhere on a web page.
tech vedic

How to apply the "Shrink to Fit" option in Microsoft Word 2010? - 0 views

  •  
    Sometimes a document created in MS Office Word can be a bit longer than you actually required. In that situation, make use of the "Shrink to Fit" option to reduce the length of your document by considerably shrinking the Font size.
Perry Branch

Mike Davidson - sIFR - 0 views

  • Proper use and best practices sIFR is a powerful tool. So powerful, in fact, that you can completely ruin a web page with it if you get overzealous and don’t exercise restraint.
  • sIFR is for headlines, pull quotes, and other small swaths of text
  • type which accents the rest of the page. Body copy should remain browser text.
  •  
    Optimized dynamic generation of Flash movies bound using javascript to provide rich Font experience regardless of the client. Degrades gracefully. Looks interesting when you just HAVE to have that PERFECT Font.

    Note that it is NOT intended for full paragraphs or any type of extended passages. Serves a similar function as Text Images.

yc c

Em Calculator - 0 views

  •  
    Em font size converter
Frederik Van Zande

cufón - fonts for the people - 0 views

  •  
    Fast text replacement with canvas and VML - no Flash or images required.
Frederik Van Zande

5 Principles And Ideas Of Setting Type On The Web | How-To | Smashing Magazine - 0 views

  •  
    here are many ways to approach Web typography in order to create effective and expressive results. Let's take a closer look at some principles, rules and ideas for approaching Web typography decisions - you can use them as a starting point for learning how to achieve effective type setting on the Web.
Frederik Van Zande

sIFR lite - 0 views

  •  
    once upon a time some really good web developers created sIFR. Their goal was to seamlessly convert HTML headlines into nice fonts. Well, these developers did a great job getting it to work nicely. Looking at their code, I decided I would create a "lite" version of sIFR using a more object-oriented approach. sIFR Lite is a bit easier to read, and more intuitive to use. The only drawbacks are that it is currently unproven on a large scale in the real world. This library is of course open-source, so I welcome you to submit any improvements, suggestions, or bug reports using my contact form.
‹ Previous 21 - 40 of 73 Next › Last »
Showing 20 items per page