Group items tagged tips - CSS Evangelist

6 Important Tips for Defensive Web Design - 0 views

www.webguru-india.com/...-tips-for-defensive-web-design

Web Development Website Design

shared by anonymous on 26 Apr 12 - No Cached

anonymous on 26 Apr 12

This article discusses defensive web design in detail. It points out how, unless you help your users cope with functional errors, your website may lose visitors.

<div class="cArrow"> </div><div class="cContentInner">This article discusses defensive web design in detail. It points out how, unless you help your users cope with functional errors, your website may lose visitors.</div>

...

Cancel

Web Content Writing - Have You Got Your Basics Right Yet? - 0 views

www.webguru-india.com/...-you-got-your-basics-right-yet

Graphic Design Web Content Writing Company

shared by anonymous on 26 Apr 12 - No Cached

anonymous on 26 Apr 12

When you write for the web, you should keep the paragraphs brief and use small sentences. Try to give your readers correct information as it will help you gain a reader's faith and improve SEO. This article offers 15 tips on web content writing.

<div class="cArrow"> </div><div class="cContentInner">When you write for the web, you should keep the paragraphs brief and use small sentences. Try to give your readers correct information as it will help you gain a reader's faith and improve SEO. This article offers 15 tips on web content writing.</div>

...

Cancel

Flash Design - 5 Tips to Create Interesting Flash-Lite Games - 0 views

www.webguru-india.com/...e-interesting-flash-lite-games

Flash Design Website

shared by anonymous on 30 Apr 12 - No Cached

anonymous on 30 Apr 12

For creating Flash Lite games, paying attention to various aspects is important. These can include choosing the perfect font, following the base build, porting the game, and offering incentives to users.

<div class="cArrow"> </div><div class="cContentInner">For creating Flash Lite games, paying attention to various aspects is important. These can include choosing the perfect font, following the base build, porting the game, and offering incentives to users.</div>

...

Cancel

Replacing the -9999px hack (new image replacement) - Jeffrey Zeldman Presents The Daily... - 0 views

www.zeldman.com/...9px-hack-new-image-replacement

NED12 css webdesign hacks image image-replacement text-indent

shared by Vernon Fowler on 16 Sep 12 - No Cached

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

Cancel
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
...

Cancel
Would be interesting to understand both the SEO and accessibility impacts of this approach.
...

Cancel
...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; }
...

Cancel
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?
...

Cancel
Another note on accessibility: Besides the screen reader problems – people who don’t get images will not see the text too.
...

Cancel
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>
...

Cancel

HOW TO PROTECT AGAINST SPYWARE? - 0 views

techvedic.livejournal.com/37042.html

how to against spyware Protect protection removal free anti

shared by tech vedic on 10 Jul 13 - No Cached

tech vedic on 10 Jul 13

Viruses, spyware and malware are some of the serious issues related to computer. Without your permission, if your Internet program is tracking and sending information back to a third party then your computer must be spyware infected. Let's uncover some essential tips to protect against spyware.

<div class="cArrow"> </div><div class="cContentInner">Viruses, spyware and malware are some of the serious issues related to computer. Without your permission, if your Internet program is tracking and sending information back to a third party then your computer must be spyware infected. Let's uncover some essential tips to protect against spyware.</div>

...

Cancel

Helpful tips for safeguarding your holiday shopping experience - 0 views

techvedic.livejournal.com/37336.html

safeguard your shopping experience how to shop online holiday safety tips

shared by tech vedic on 10 Jul 13 - No Cached

tech vedic on 10 Jul 13

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.

<div class="cArrow"> </div><div class="cContentInner">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.</div>

...

Cancel

The Hard Drive Buying Guide for Students - 0 views

shared by tech vedic on 19 Jul 13 - No Cached

tech vedic on 19 Jul 13

For storing big projects, you need tons of storage space. If you are studying fields like filmmaking, animation or photography then you need to go for external storage. In this tutorial, we are giving you some tips for buying appropriate external hard drive.

<div class="cArrow"> </div><div class="cContentInner">For storing big projects, you need tons of storage space. If you are studying fields like filmmaking, animation or photography then you need to go for external storage. In this tutorial, we are giving you some tips for buying appropriate external hard drive.</div>

...

Cancel

Desktop land grab: Essential tips for multimonitor productivity - 0 views

techvedic.livejournal.com/52193.html

essential tips for multimonitor pc desk top landgrabs multi-monitor.com desktop computer sets land grapping

shared by tech vedic on 05 Aug 13 - No Cached

tech vedic on 05 Aug 13

Multimonitor setups are highly common nowadays as LCD prices are dropping. Thus, multimonitors can be used for heavily graphical work, intensive multitasking and serious gaming. This can enhance your work productivity a lot.

<div class="cArrow"> </div><div class="cContentInner">Multimonitor setups are highly common nowadays as LCD prices are dropping. Thus, multimonitors can be used for heavily graphical work, intensive multitasking and serious gaming. This can enhance your work productivity a lot.</div>

...

Cancel

How get-the-most-out-of-your-gear? - 0 views

techvedicinc.livejournal.com/21392.html

1080 hdtv review home theater lcd tv plasma

shared by tech vedic on 03 Oct 13 - No Cached

tech vedic on 03 Oct 13

As a responsible customer, you always take time for major tech purchases like smartphones, tablet, etc. You always go through the features, check system compatibilities, measure dimensions and read product reviews. Thus, here are some tips to get the most out of your device.

<div class="cArrow"> </div><div class="cContentInner">As a responsible customer, you always take time for major tech purchases like smartphones, tablet, etc. You always go through the features, check system compatibilities, measure dimensions and read product reviews. Thus, here are some tips to get the most out of your device.</div>

...

Cancel

Why cant I change the Windows 8 lock-screen background? - 0 views

techvedic.livejournal.com/26016.html

change lock screen background user account picture in windows 8 remove image

shared by tech vedic on 20 Jun 13 - No Cached

tech vedic on 20 Jun 13

Windows 8's lock-screen is not just a background image; it holds widgets that display quick notifications related to incoming emails, upcoming appointments and social updates. With the customized lock-screen, information pertaining to weather and more is at your finger-tips.

<div class="cArrow"> </div><div class="cContentInner">Windows 8's lock-screen is not just a background image; it holds widgets that display quick notifications related to incoming emails, upcoming appointments and social updates. With the customized lock-screen, information pertaining to weather and more is at your finger-tips. </div>

...

Cancel

20 SEO Checklist for your Website in Searchmasters '09 - 0 views

mashable.blog.co.in/...ur-website-in-searchmasters-09

google india searchmasters webmasters seo

shared by my mashable on 20 Mar 09 - Cached

my mashable on 20 Mar 09

An SEO Checklist for your Website. These Search Engine Optimization tips are easy to achieve but can dramatically help increase traffic from Google to your website and also improve user experience at the same time.

<div class="cArrow"> </div><div class="cContentInner">An SEO Checklist for your Website. These Search Engine Optimization tips are easy to achieve but can dramatically help increase traffic from Google to your website and also improve user experience at the same time.</div>

...

Cancel

CSS tips and tricks at The Blog Herald - 0 views

www.blogherald.com/...css-tips-and-tricks

css

shared by accmin on 18 Feb 07 - Cached

CSS Layouts: 40+ Tutorials, Tips, Demos and Best Practices - 0 views

www.noupe.com/...-demos-and-best-practices.html

css layouts tutorial howto web development

shared by Laya White on 08 Jan 09 - Cached

CSS tips that every beginning developer should know | Arbenting - 0 views

arbent.net/...ng-developer-should-know-about

css basics css tricks

shared by Laya White on 11 Jan 09 - Cached

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

bjorkoy.com/...the_easiest_way_to_png

css filter hack ie6 png transparency transparent

shared by Frederik Van Zande on 23 Apr 08 - Cached

Frederik Van Zande on 23 Apr 08

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.

<div class="cArrow"> </div><div class="cContentInner">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.</div>

...

Cancel