Skip to main content

Home/ CSS Evangelist/ Group items tagged performance

Rss Feed Group items tagged

Frederik Van Zande

More CSS Performance Testing (pt 3) by jpsykes - 0 views

  •  
    This is now the 3rd part of my current adventures in looking into CSS performance and how it performs in various states across various browsers.
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>
tech vedic

Aspire S7 Ultrabooks S7-391-9886 Review - 0 views

  •  
    Aspire S7 Ultrabooks S7-391-9886 has been conceptualized and designed not only to meet the parameters of the Ultrabook guidelines as prescribed by the semiconductor giant Intel, but even to exceed it, along with pampering premium consumers, who look for svelte yet resilient and highly performing device to stay away from the crowd in terms of style and performance By-The Xpert Crew @ http://techvedic.com https://www.facebook.com/techvedicinc https://twitter.com/techvedicinc http://pinterest.com/techvedic1 http://techvedicinc.tumblr.com/
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.
yc c

CSS Sprite Generator | Project Fondue - 1 views

  •  
    batch process many images: allows you to send a zip file containing your images. It will returns you your images combined into a sprite, and even better, the CSS code that you'll just have to paste in your main css file. The CSS sprite generator takes a number of source images and combines them into a single "sprite" image and supplies CSS to map to each image within the sprite. The technique this tool employs is often used to improve the performance of a web site by reducing the number of HTTP requests that the client's browser needs to make.
Vernon Fowler

Opera Developer News - Why use @supports instead of Modernizr? - 0 views

  • The reason to use @supports over Modernizr is performance; functionality that's built into the browser will always be faster than adding it in script. Removing an external dependancy saves an HTTP request to download Modernizr and doesn't require time to execute the JavaScript.
  • Should you use Modernizr or @supports? The answer is definitively "it depends". As with all web projects, only you can decide which is the best way.
tech vedic

The new GeForce GTX 780 - 0 views

  •  
    The new GeForce GTX 780 marks an evolution in gaming performance By-The Xpert Crew @ http://techvedic.com https://www.facebook.com/techvedicinc https://twitter.com/techvedicinc
tech vedic

Gateway SX2865-UR328 - 0 views

  •  
    Gateway SX2865-UR328 : Review Stylish Slim form factor Budget desktop Outstanding performance
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

Adata Launches XPG V2 DRAM with Redesigned Heatspreaders - 0 views

  •  
    Adata is clearly making a fashion statement with the redesigned heatspreaders it slapped onto its new XPG V2 series of DRAM products designed for 3rd Generation Intel Core processors and the Z87 platform. While beauty might be in the eye of the beholder, performance is in the hands of the designer and Adata's binning process. The new modules will come in dual-channel kits of 8GB and 16GB ranging in frequency from 1600MHz to 2800MHz. The highest frequency kits (8GB and 16GB DDR3-2800) will run at CL12-14-14-36 with 1.65V, while the rest are rated slightly tighter at CL11-13-13-35 at either 1.65V or 1.5V, depending on the kit. By-The Xpert Crew @ http://techvedic.com https://www.facebook.com/techvedicinc https://twitter.com/techvedicinc http://pinterest.com/techvedic1 http://techvedicinc.tumblr.com/
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.
tech vedic

How to turn off and turn on System Restore in Windows XP? - 0 views

  •  
    Turn off and turn on the System Restore feature in Microsoft Windows XP Home edition should be performed by taking help from this tutorial. On turning off System Restore, the restore points that track changes in Windows are removed by Windows XP. On turning it on, Windows XP creates restore points to track changes in Windows.
tech vedic

Speed Up Windows Vista - Master Tutorial to Make Windows Vista Super Fast - 0 views

  •  
    Solution: Download Registry tweaks given in following topic. These Registry tweaks are completely safe and can boost the performance of Windows Vista. By just downloading the ZIP file, abstract it and then run the REG file:
tech vedic

Must-to-know tips for Windows 8 installation - 0 views

  •  
    Installing Windows 7, the operating system with the most share across the globe, is simple and easy. However, you must ascertain the system compatibility, built-in-features pertaining to performance, troubleshooting and security to get the optimum use of it. Here comes a Windows 7 tutorial from Techvedic, a leading tech support vendor to ease your job.
tech vedic

How to clear off viruses and malware from an infected PC? - 0 views

  •  
    Despite updated operating system, browser, browser add-ons, installed firewall, and acute computer security settings, clever viruses, spyware or Trojans may find loop-holes to slip into your system. Not only in terms of performance, but in terms of stability and security too, these malicious software push you on back-foot. What to do next?
tech vedic

How to know that my computer is virus or malware infected? - 0 views

  •  
    Malware, as you know is a class of malicious software such as spyware, adware, or viruses that compromise with the system's performance and security. And in majority of cases they infiltrate through general Internet activities --- browsing, surfing, and downloading, or executing programs or files. Hence, most of the virus or malware defense methods are based on encouraging secure Internet access. Though, virus or malware authors are using astute development techniques, keeping a keen eye on the behavior of your machine, can be helpful in winning the battle of computer security. Following are a few notable symptoms, which can be perceived as an indication of virus or malware attack:
tech vedic

How to remove "Windows Experience Index Rating" from Windows 7 System Properties? - 0 views

  •  
    The objective behind the introduction of Windows Experience Index was to facilitate users with a quick and easy feature to evaluate the performance of hardware components of any PC. It first appeared in Windows Vista. This rating score is displayed in System Properties window as shown in following screenshot:
tech vedic

How to clear Facebook cache data? - 0 views

  •  
    Have you heard the term cache? Well, cache is basically a web mechanism for the temporary storage of web documents like HTML pages and images. Facebook Cache is the storage place for recently shared and already shared posts/links for a better performance. Let's go through this tutorial to clear the Facebook cache data.
tech vedic

Connecting Your Digital Camera to Your PC - 0 views

  •  
    Want to transfer all your good pictures from camera to computer? Then go through this tutorial. Nowadays, there are many cameras which have the facility to connect to a wireless network and perform the task of uploading.
1 - 20 of 47 Next › Last »
Showing 20 items per page