Skip to main content

Home/ CSS Evangelist/ Group items matching "4" 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
mikhail-miguel

37 navigation techniques - 0 views

  • ...1 more annotation...
  • Hybrid CSS Dropdowns Photo Matt Intelligent Menus Inverted Sliding Doors Tab // 456bereastreet.com Accessible Image-Tab Rollovers // Simplebits Simplebits Mini-Tabs Simplified CSS Tabs // Simplebits Tabtastic
mikhail-miguel

CSS Import - 0 views

  • Contrabrand (0)Feb 14, 2007 12 Stone Art (0)Feb 5, 2007 Spouse Notes (0)Feb 4, 2007 Urban Dish Seattle (1)Feb 2, 2007 Agency Access (0)Feb 2, 2007 Fall in Tennessee (0)Feb 2, 2007 NorthColour (3)Feb 1, 2007 Noemie Chevaux (0)Feb 1, 2007 Incredible Box (3)Feb 1, 2007 Drew Warkentin (4)
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 </shameless plug>
mohammed alnuaimi

best fashion blogs - 0 views

  •  
    best fashion blogs is news of fashion tips for models, beauty, jewelry and designer. If you like to see and enjoy our site. Just start now 4 highest style blogs. http://www.best-fashion-blogs.net/
tech vedic

Top 10 Things to maximize the performance of your cell phone - 0 views

  •  
    There are many things which you can take care to maximize the performance of your phone. Some important top ten tips are here in this tutorial.
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.
Frederik Van Zande

The easiest way to PNG support in IE6 [bjorkoy.com] - 0 views

  •  
    This must be the easiest way to get full support for PNG-transparency in Internet Explorer 6. The technique even works for PNG-transparency in CSS backgrounds. Credit goes to Angus Turnbull for creating this workaround. My hat is thoroughly tipped.
Alberto Adrián Schiano

Survey Software - Online Survey Software - Customer Satisfaction Survey - Employee Survey - Web Survey Software - 0 views

  •  
    Free Voting - surveys for 100 people! Make your own surveys for your community
    ¡Votaciones gratis, encuestas para 100 personas!  Arma tus propios sondeos para tu comunidad


Joel Liu

Free Design Templates | Smashing Magazine - 0 views

  • Free design templates don’t have to be unattractive, inaccurate and boring. Some web-sites offer high quality templates for the best price you would ever get - for free. You can download Flash-based templates as well as CSS-based layouts absolutely free; furthermore, you can use them for your personal and commercial projects without any restrictions whatsoever. Still, before using some of the templates, throw a glance at the license agreements - they’re changing all the time.
  • ...3 more annotations...
  •  
    cool
Alberto Adrián Schiano

ColorBlender.com | Your free online color matching toolbox - 1 views

  •  
    Web tool to find color matches: use=3, abuse=6
    Herramienta web para hallar combinatoria de colores: usar=3, abusar=6

Alberto Adrián Schiano

How to Design and Publish Your Website with Nvu (thesitewizard.com) - 0 views

  •  
    All you need to know to build your own website!
Alberto Adrián Schiano

Pruebe su diseño web en distintos navegadores - Browsershots - 0 views

  •  
    Web designers: try your pages here and see screenshots of every sort of browser
    Disenyadores web: probar paginas aqui y ver como se ve en cada tipo de navegador

yc c

Stylish 0.2 Released [Jan 1, Page 4] - MozillaZine Forums - 0 views

  •  
    Stylish is to CSS what Greasemonkey is to JavaScript. Stylish allows you to easily manage user styles for the application UI, all websites, or only certain websites. Stylish is better than using userChrome.css/userContent.css because styles are applied im
Alberto Adrián Schiano

slayeroffice | tools | Mouseover DOM Inspector v2.0 Help - 0 views

  •  
    Bookmarklet with a guide to use it to change any site's view
    Bookmarklet con guia para usarlo y cambiar el aspecto de cualquier sede

‹ Previous 21 - 40 of 51 Next ›
Showing 20 items per page