Skip to main content

Home/ CSS Evangelist/ Group items tagged about

Rss Feed Group items tagged

anonymous

Blog Customization - Not Just Design, but Content! - 0 views

  •  
    To develop a successful blog, you need to pay attention to the content and preferences of your target customers. Answer their queries and convince them that you are serious about offering quality products to them.
Vernon Fowler

Replacing the -9999px hack (new image replacement) - Jeffrey Zeldman Presents The Daily... - 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 </shameless plug>
Vernon Fowler

Scout - Compass and Sass without all the hassle - 0 views

  •  
    "Since Sass and Compass are Ruby gems, they require that you have a working knowledge of Ruby and the command line. Not all designers will know how or want to use command line tools, and that's where Scout steps in. Scout runs Sass and Compass in a self-contained Ruby environment, letting you effortlessly manage all of your Sass projects with a handful of clicks. You'll never have to worry about your Ruby setup or deal with technical issues. Scout does all of the heavy lifting, giving you more time to do what you love."
Al-Mehatb Shaikh

brochure design Hotel logo design professional logo design - 0 views

  •  
    Create awareness about your new offers with creative brochure designs; logodesign.ae has a team of expert brochure design specialists who create informative business brochures
tech vedic

Helpful tips for safeguarding your holiday shopping experience - 0 views

  •  
    Love to shop online? Then you must be very excited about the approaching holiday season as it will provide a chance to purchase gifts for family and friends. But, don't be careless while shopping online as this is also a season of online crime and cybercriminals. This tutorial will help you to shop safely.
tech vedic

Windows 8.1 paints over the problems with Windows 8 - 0 views

  •  
    The release of Windows 8.1 is going to overpower Windows 8 very soon. The fundamental problem faced by every user with Windows 8 is that the modern interface of the Start screen works best on a Tablet instead on a PC. Also, there are other problems related to screen is available with Windows 8. Thus, the entry of Windows 8.1 overcomes the problems of Windows 8. Here in this tutorial, let's discuss about Windows 8.1.
tech vedic

Sim-card-phone-hacking-how-it-may-affect-you - 0 views

  •  
    Everyone is familiar about the term SIM (Subscriber Identification Module) which means small card slides into the back of many smartphones available in the market. Basically, it acts as an official identifier which depicts that your mobile phone belongs to you.
BluEnt Global

The Truth About Your SEO Contract That Could Save You Big Dollars - 0 views

  •  
    BluEnt reveals the top three factors impacting search engine optimization contract. Achieve the highest possible ROI with the best SEO pricing plan.
yc c

Web Browser CSS Support - 7 views

  •  
    This document is a section of the web browser standards support document. It includes detailed information about CSS support in major web browsers.
my mashable

TMI? TrueScoop Offers Free Public Record Search on Facebook - 0 views

  •  
    If you already think social networks give you a bit more information than you want about some people, TrueScoop's new Facebook application might make you cringe. It's completely free public records search, a service that lots of websites charge for, usually so potential employers can do background checks.
my mashable

Twitter Professors: 18 People to Follow for a Real Time Education - 0 views

  •  
    Never before in history has it been easier to glean from the knowledge of others who will give it away to you for free. It's equivalent to getting higher education. I'm talking about Masters level stuff. And it's all available right there on Twitter. I call the people I follow who contribute above and beyond the basic answer to "what are you doing?" my professors of Twitter.
Zulkarnain K.

Mozilla Developer Web Tech Blog - 1 views

  •  
    Keeping track of Mozilla development is never easy, especially the minute details related to new or improved web technology development and support. The Mozilla development community has set up a new weblog to fix this, the Web Tech weblog. Here the devs will be posting about and discussing topics of interest to web developers.
Frederik Van Zande

A List Apart: Articles: Progressive Enhancement with CSS - 0 views

  •  
    In the previous article in this series, we covered the basic concept of progressive enhancement; now, we can begin discussing how to use it. There are many ways to integrate progressive enhancement into your work using Cascading Style Sheets (CSS), and this article will cover a few of the biggies and get you thinking about other ways to progressively enhance your sites.
Ako Z°om

Accessites.org - The Art of Accessibility - Home Page - 0 views

  •  
    about good sites for lisibility
Frederik Van Zande

Icons Design Showcase | Elements of Design - 0 views

  •  
    Very nice collection of screenshots about all different kinds of design patterns.
yc c

The CSS Tinderbox - Open Source Web Design Templates - 0 views

  •  
    What is the css tinderbox? It's All About Open Source Design Templates The CSS Tinderbox is an effort to support open source web design by providing very basic, yet solid, CSS/XHTML design templates that web designers and web developers can use as the foundation for their own projects.
  •  
    What is the css tinderbox? It's All About Open Source Design Templates The CSS Tinderbox is an effort to support open source web design by providing very basic, yet solid, CSS/XHTML design templates that web designers and web developers can use as the foundation for their own projects.
my mashable

Do Magic With Special ALT Characters - 0 views

  •  
    ALT key, the key on a computer keyboard used to change the function other keys. I never thought of these wonders can be happen or done use the ALT keys. It's my pleasure to show what i read few min back about Special ALT Characters
my mashable

Smub.it : Save and Share Tweet, Facebook and Digg from Your Mobile - 0 views

  •  
    People today read latest topics and updates via mobile phones. Reading the tweet, Facebook updates and your favorite Digg is possible in phone, but still share the information is still challenging for for phone app makers. Recently i read about Smub.it, it offers simple social sharing and bookmarking tool that proves especially useful for iPhone and other smart phone users.
‹ Previous 21 - 40 of 108 Next › Last »
Showing 20 items per page