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.
Group items tagged
Amazing Customer Service - 1 views
I would like to thank Onward Process Solutions for greatly helping me with my need for assistance in a Customer service outsourcing project. They provided me with 24/7 phone/ email answering serv...
How UX and User Engagement is Crucial in Shopping Cart Development - 0 views
-
User experience and consumer engagement are two vital considerations you need to make for effective shopping cart development. This post describes why.
Develop seo website - 3 views
We know how expensive websites can cost. And we know how expensive SEO can be. We don't want you to get into overdraft to get a website, but we don't want to design a low quality website as well. S...
Replacing the -9999px hack (new image replacement) - Jeffrey Zeldman Presents The Daily... - 0 views
-
-
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...
The Easy Solution to Double Your Online Sales - 2 views
The landing page optimization is the most important aspect of a sales website. So you better make sure they're done right. There is a big difference between a good landing page and a bad one: good ...
E-Commerce Security Tips - 0 views
-
With every innovation of e-commerce, consumers are exposed to new security risks. Talking about U.S. e-commerce sales, it is expected to grow about 12 percent in 2013. Thus, making transactions safe online is a quite difficult job now. In this tutorial, we are introducing five fundamental security tips which you should keep in mind for embracing this dynamic industry.
The Ultimate Guide to Changing Your DNS Server - 0 views
-
In case, you find the need to change the DNS server for your entire network on your router or set it individually on a PC or other device then have a look on this tutorial.
flash player support - 0 views
-
visit www.flashplayer.support, If you are looking for adobe flash player troubleshooting information and flash player installation issues solutions. We provide our technical expert advice and help to solve flash player installation problems.
Web Dot Com Website Development Phils., Inc. - 0 views
-
Web Dot Com Website Development Phils., Inc. is your One Stop Shop Internet and Contact Center Solutions Vendor for the Global Market.
A List Apart: Articles: Frameworks for Designers - 0 views
-
How should a CSS framework be built? There are several possible ways to go about building a framework, but the most common and arguably the most useful is to abstract your common CSS into individual stylesheets that each cover a particular part of the whole. For example, you may have a stylesheet that sets up the typography and another that handles the mass reset. The beauty of the approach is the ability to selectively include only the styles that you need. You may end up with six or seven different stylesheets in your framework, but if a particular project doesn’t need one or two of them, they don’t have to be included. The framework we created in our office has five stylesheets: reset.css—handles the mass reset. type.css—handles the typography. grid.css—handles the layout grid. widgets.css—handles widgets like tabs, drop-down menus, and “read more” buttons. base.css—includes all the other stylesheets, so that we only need to call base.css from our (X)HTML documents to use the entire framework.
-
A word of caution This method works quite well, but there is a valid concern to be raised: it adds to the number of HTTP connections needed to render each page. On large, high-traffic sites, adding five more HTTP connections to every page view may result in angry system administrators. Two possible solutions to this are: Include everything in a single file, rather than breaking it into modules. The problem here is that you lose the ability to include only certain parts of the framework, and you also make maintenance more difficult. Have a server-side process that dynamically flattens the individual files into a single response. I’ve not seen this done, but it could be very efficient if done well. Using my example framework above, this dynamic process could occur when base.css is requested, but not when type.css, grids.css, etc. are. This way, the individual components are still available, but the entire framework is available in a flattened version, as well.
Adobe tackles browser incompatibilities - Yahoo! News - 0 views
-
Honing in on browser incompatibility issues in Web development, Adobe Systems on Thursday is announcing CSS Advisor, a Web site that documents these problems and offers solutions.
CSS Templates - Solucija - 0 views
-
View DemoDownload Template Artificial Intelligence View DemoDownload Template Internet Sharing View DemoDownload Template Internet Broadcast View DemoDownload Template Internet Management View DemoDownload Template Internet Music View DemoDownload Template City Nightlife View DemoDownload Template Internet Services View DemoDownload Template Internet Market View DemoDownload Template Internet Center View DemoDownload Template What's Your Solution? View DemoDownload Template Internet Jobs View DemoDownload Template Internet Jobs #2 View DemoDownload Template Small Studio View DemoDownload Template Modern World View DemoDownload Template Blue Blog Template View DemoDownload Template Sonia Template View DemoDownload Template Happy Blog View DemoDownload Template Blue Blog Template View DemoDownload Template Strategic Business Designs View DemoDownload Template Life Is Simple View DemoDownload Template Please Smile Again View DemoDownload Template Recent article: sNews 1.5.31 - Better Security and Math Captcha
Syntactics Move to New Office to Better Serve Clients - 1 views
I was looking for the old office of Syntactics Inc. to get thorough internet marketing for my business through search engine optimization and other SEO Philippines techniques. After learning that t...
Switch to Natural SEO Marketing - 1 views
Prior to working with the top SEO Agency, ITChair, we were relying on Pay per Click (PPC) to attract customers to our website. As months pass, we made some decent sales but more people prefer organ...
Instant Fix Slow Computer Solutions - 0 views
I bought a brand new PC with good specifications just last month. But only three weeks of use, I noticed that my PC froze and slowed down a bit. For the next three days, it continued to slow down. ...
FixComputerpProblemsSite Surely Knows How to Fix Computer Problems! - 1 views
I was having problems with my laptop before. Good thing FixComputerpProblemsSite helped me fix it. And they are really the experts when it comes to solving any computer related issues. They can eas...
Instant Fix Slow Computer Solutions - 1 views
I bought a brand new PC with good specifications just last month. But only three weeks of use, I noticed that my PC froze and slowed down a bit. For the next three days, it continued to slow down. ...
Reliable Online Computer Repair - 3 views
My PC has been acting strange lately and I can no longer fix it on my own. I did everything I could but this time, I really need someone who can really fix my computer problem. I called Computer Pr...
One on One Professional Online Tech Support - 3 views
I love working with these guys. Their tech support technicians are very professional and polite. They offer one-on-one tech support. They listen to what your issues are, diagnose what your problem ...
‹ Previous
21 - 40 of 47
Next ›
Showing 20▼ items per page