Skip to main content

Home/ CSS Evangelist/ Group items tagged text

Rss Feed Group items tagged

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.

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.
Jason Bao

New CSS properties in Safari | 456 Berea Street - 0 views

  • First out is text-stroke, a new (and non-standard, so not for real-world use) CSS property that can be used to control the fill and stroke colours as well as the stroke width of text. A description and a couple of examples are available in Introducing Text-Stroke.
tech vedic

Most important smartphones of 2012-13 - 0 views

  •  
    "iPhone 5 Called ""Gadget off the Year"" by Time Magazine, Apple's iPhone 5 (from $199 on 2-year AT&T, Sprint or Verizon plan) is a serious piece of hardware. Along with its powerful new A6 chip, iPhone 5 works on 4G/Long Term Evolution (LTE) networks for wireless speeds that rivals your home's broadband connection. iPhone 5 also has improved cameras: an eight-megapixel iSight rear-facing camera (3264 x 2448 pixels) and front-facing FaceTime camera with 720p HD quality for video calling. Samsung Galaxy S III The Samsung Galaxy S III (from $149 on 2-year plan with AT&T, Sprint, T-Mobile, U.S. Cellular, Verizon) is a true smartphone in every sense of the word -- and we're not even referring to its stunning 4.8-inch display, fast LTE speeds or versatile Android operating system. the Galaxy S III's front-facing camera knows when you're looking at the screen, so it'll give you the bright display you seek, but if your eyes look away it'll dim itself to preserve its battery. It also knows when you want to talk: if you're messaging with someone and want to call them, simply lift the smartphone to your ear and it'll dial for you. Nokia Lumia 920 As the flagship Windows Phone 8 device, Nokia's Lumia 920 (from $99.99 on 2-year AT&T plan), has a lot to offer, including a colorful Start screen with ""live tiles""; familiar Microsoft apps like Outlook, Word, Excel, PowerPoint and OneNote; and a People hub that aggregates all your contacts into one page per person (so you don't need to close, say Outlook, to see what that friend is up to on Facebook or Twitter). HTC Droid DNA and HTC One X+ A pair of Android-powered HTC devices are also worthy of ""best of 2012"" nods: the HTC Droid DNA ($149.99 on 2-year Verizon Wireless plan) and HTC One X+ ($199.99 on 2-year AT&T plan). Protected by Corning's uber-durable Gorilla Glass 2 technology, the Droid DNA's 5-inch 1080p HD screen was built for video, games, ebooks and web browsing. Integrated Beats Audio - an
tech vedic

How to fix annoying cursor jumping problem while typing documents on laptops? - 0 views

  • How to fix annoying cursor jumping problem while typing documents on laptops?
  •  
    Typing a document on a laptop is an annoying and frustrating experience. Perhaps, you may have noticed the cursor moving or jumping randomly, whenever you are going to type some text on a document or on a Web browser or anywhere else. It reduces the typing speed and overall performance.
Vernon Fowler

Font sizing with rem - Snook.ca - 0 views

  • The problem with em-based font sizing is that the font size compounds. A list within a list isn't 14px, it's 20px. Go another level deeper and it's 27px!
  • The rem unit is relative to the root—or the html—element. That means that we can define a single font size on the html element and define all rem units to be a percentage of that. html { font-size: 62.5%; } body { font-size: 1.4rem; } /* =14px */ h1 { font-size: 2.4rem; } /* =24px */
  • We can specify the fall-back using px, if you don't mind users of older versions of Internet Explorer still being unable to resize the text (well, there's still page zoom in IE7 and IE8). To do so, we specify the font-size using px units first and then define it again using rem units. html { font-size: 62.5%; } body { font-size: 14px; font-size: 1.4rem; } /* =14px */ h1 { font-size: 24px; font-size: 2.4rem; } /* =24px */
  • ...3 more annotations...
  • I'm defining a base font-size of 62.5% to have the convenience of sizing rems in a way that is similar to using px.
  • consistent and predictable sizing in all browsers, and resizable text in the current versions of all major browsers
  • The compounding nature of em-based font-sizing can be frustrating so what else can we do?
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.
Frederik Van Zande

How to Code HTML Email Newsletters [HTML &amp; XHTML Tutorials] - 0 views

  •  
    HTML email newsletters have come a long way in the five years since this article was first published. HTML email is still a very successful communications medium for both publishers and readers. Publishers can track rates for email opens, forwards, and clickthroughs, and thereby can measure reader interest in products and topics; readers are presented with information that's laid out like a web page, in a way that's more visually appealing, and much easier to scan and navigate, than plain text email.
  •  
    Browser idiosyncracies, spam registers, and various mail clients are just some of the pitfalls that must be faced by email marketers. Make sure your HTML email gets through with Tim's essential how-to.
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

How to get Cross Browser Compatibility Every Time | Anthony Short | Web Design & Develo... - 0 views

  • Here is a quick summary for those of you who don't want to read the whole article: Always use strict doctype and standards-compliant HTML/CSS Always use a reset at the start of your css Use opacity:0.99 on text elements to clean up rendering in Safari Never resize images in the CSS or HTML Check font rendering in every browser. Don't use Lucida Size text as a % in the body, and as em's throughout All layout divs that are floated should include display:inline and overflow:hidden Containers should have overflow:auto and trigger hasLayout via a width or height Don't use any fancy CSS3 selectors Don't use transparent PNG's unless you have loaded the alpha
  •  
    Cross-browser compatibility is one of the most time consuming tasks for any web designer. We've seen many different articles over the net describing common problems and fixes. I've collated all the information I could find to create some coding conventions for ensuring that your site will work first time in every browser. There are some things you should consider for Safari and Firefox also, and IE isn't always the culprit for your CSS woes.
Frederik Van Zande

Design Stencils - Yahoo! Design Pattern Library - 0 views

  •  
    Yahoo! Design Stencil Kit version 1.0 is available for OmniGraffle, Visio (XML), Adobe Illustrator (PDF and SVG), and Adobe Photoshop (PNG), and covers the following topics: * Ad Units * Calendars * Carousels * Charts and Tables * UI Controls * Form Elements * Grids * Menus and Buttons * Mobile - General * Mobile - iPhone * Navigation and Pagination * OS Elements * Placeholder Text * Screen Resolutions * Tabs * Windows and Containers
yc c

Web Design Blog | ModernBlueDesign.com » Blog Archive » Fighting Spam with CSS - 0 views

  •  
    The idea here is setting up a form with a text field and via CSS making it invisible. Then, if a post is sent to a php script handling the request and that text box has information in it, that means a human didn't fill it out, and the script is simply aborted.
Frederik Van Zande

nclud's Sketchbook | CSS fix for Graphical Input Submit Button Off-Set - 0 views

  •  
    So, you know how to use a graphic for your submit button, right? Well, have you ever had trouble getting that graphical submit button to line-up with your text field when both are side-by-side on the same horizontal line?
anonymous

13 Awesome Javascript CSS Menus - 0 views

  • 13 Awesome Javascript CSS Menus Posted in: Ajax, Javascript, CSS 31 Comments, Add a Response
stylist

Top 10 CSS image gallery tutorials (YouNeed2See Technology) - 0 views

  • There are many tutorials out there on how to create your own image gallery. There are simple ones made from pure CSS, and there are complex ones using css and javascript. By the end of this article you will have the information necessary to start building your own photo gallery. The first tutorial is from cssplay and is one of my favorites around. They have a very elegant and simple image gallery. Your images are separated into different sections (people, plants, animals, etc) and all your images for each section listed nicely underneath. As you hover over each image it expands double it's size so you can take a better look at each image before you view the full version. The interface is very clean and simple to use, I recommend taking a look at this one.
my mashable

Google Noticeboard : Connecting People Using Public Digital Noticeboards - 0 views

  •  
    Google Noticeboard. It's a Firefox add-on can be used to create a message - including a voice recording and some text - which you can then send to other members, even if the other members doesn't installed Noticeboard you can still as audio as OGG email attachment.
‹ Previous 21 - 40 of 66 Next › Last »
Showing 20 items per page