Group items tagged i - CSS Evangelist

They Helped Me With My PC Issues - 1 views

I need computer help and I really need it fast! I am in the middle of doing something important on my laptop when it suddenly froze up and shut down. I do not know what is wrong. All I know is that...

They Helped Me With My PC Issues

started by shai edrote on 12 Sep 11 no follow-up yet

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

A Firm Believer in Computer Support - 2 views

I was not fond of any computer support before. I though I would be wasting money when I have one. All of that skewed thinking changed when I had no one to turn to for help when my computer crashed ...

remote computer support

started by Rem Comp on 03 Aug 11 no follow-up yet

My Computer Problem Was Solved in a Few Minutes - 1 views

I had a good internet connection for the past few weeks. Then I began to observe that it was not working the way it should be compared to the past few weeks. I tried to troubleshoot it myself but, ...

computer problem online help fix

started by cecilia marie on 13 Oct 11 no follow-up yet

The Most Excellent Bookkeeping Services - 1 views

started by Justin Pierce on 14 Feb 13 no follow-up yet

Blog | Graphicpeel - iOS Icons Made in Pure CSS - 5 views

blog.graphicpeel.com/...ios-icons-made-in-pure-css

CSS webdev icons

shared by yc c on 28 Jun 10 - Cached

yc c on 28 Jun 10

The following demo was made using a variety of CSS techniques. Rounded corners, shadows, gradients, rgba, pseudo-elements, and transforms are just some of them. A lot of these were generated by helpful tools, such as westciv's tools and Border Radius. By combining these techniques, you can create rich graphics with just a few lines of code. Here are a few examples. In the contacts icon, I used 5 different shapes for the silhouette icon. The head is a rectangle with rounded corners, followed by another rectangle for the neck and a distorted semi-circle for the body. In order to get the curve of the shoulders to the neck, I placed two circles on top of the shapes. The weather icon has several rays of light shooting from behind the sun. Each one of these rays is actually a long rectangle with a gradient that fades to transparent on either end. I used -webkit-transform:rotate to rotate each rectangle to a different angle. The same effect was used for the iTunes icon. To get the cloud icon on the iDisk icon, I used two circles layered on top of each other, above a rounded rectangle. The larger circle has a gradient that cuts off just before the rectangle.

<div class="cArrow"> </div><div class="cContentInner">The following demo was made using a variety of CSS techniques. Rounded corners, shadows, gradients, rgba, pseudo-elements, and transforms are just some of them. A lot of these were generated by helpful tools, such as westciv's tools and Border Radius. By combining these techniques, you can create rich graphics with just a few lines of code. Here are a few examples. In the contacts icon, I used 5 different shapes for the silhouette icon. The head is a rectangle with rounded corners, followed by another rectangle for the neck and a distorted semi-circle for the body. In order to get the curve of the shoulders to the neck, I placed two circles on top of the shapes. The weather icon has several rays of light shooting from behind the sun. Each one of these rays is actually a long rectangle with a gradient that fades to transparent on either end. I used -webkit-transform:rotate to rotate each rectangle to a different angle. The same effect was used for the iTunes icon. To get the cloud icon on the iDisk icon, I used two circles layered on top of each other, above a rounded rectangle. The larger circle has a gradient that cuts off just before the rectangle.</div>

...

Cancel

Template:css, a searchable repository of css based layouts / una raccolta di modelli di... - 0 views

tools.i-use.it

css

shared by offerl on 16 Feb 07 - Cached

Total found:32
...

Cancel

Pixelpipe : Upload & Share Picture Directly from Browser to Social Web - 0 views

www.bloggersbase.com/...tly-from-browser-to-social-web

Media photos firefox add-on extension media uploader multimedia pixelpipe

shared by my mashable on 25 Apr 09 - Cached

my mashable on 25 Apr 09

I usually had a big problem on handling more social media website account. I think most of the users come across the same problem. Recently i had a chance to hear about Pixelpipe. On the very first look i really amazed about the features. Initially this site used to post your digital pictures, videos, and audio files to a growing number of different services with only a few clicks. This site seems to be similar as ping.fm, which allows post to text based messages.

<div class="cArrow"> </div><div class="cContentInner">I usually had a big problem on handling more social media website account. I think most of the users come across the same problem. Recently i had a chance to hear about Pixelpipe. On the very first look i really amazed about the features. Initially this site used to post your digital pictures, videos, and audio files to a growing number of different services with only a few clicks. This site seems to be similar as ping.fm, which allows post to text based messages.</div>

...

Cancel

I Need Computer Technical Help Now - 2 views

"I have no time to wait". That is what I muttered when my computer suddenly went on a blue screen. I had a project and I needed to pass it on time. But with my computer on trouble, I would not make...

computer technical help

started by joey potter on 07 Jun 11 no follow-up yet

My Trusted PC Tech Support Provider - 1 views

Computer Assistance Online services are the best. They know how to fix all types of computers issues, even the most complicated ones. I was never wrong when I signed up for their computer assistanc...

computer assistance

started by seth kutcher on 30 Sep 11 no follow-up yet

Choosing the Right Software Support Provider is Everything - 1 views

I was having problems with my computer that I did not know what to do. So I searched the internet for a reliable computer software support service provider and I came across Tech Software Support....

software support

started by cecilia marie on 04 Nov 11 no follow-up yet

Pay Per Click Advertising Company | Google Pay Per Click Advertising: Start Now Right A... - 0 views

The achievement of more than a few pay per click advertising companies campaign depends on technique it is considered. Assortment of keywords, advertisement copy, location, and conversion managemen...

google ppc management companies google ppc expert companies get ppc experts google ppc management google advertising expert get PPC expert reviews get ppc expert Google Advertising companies

started by Kilron Keit on 31 Dec 15 no follow-up yet

Excellent Saudi Web Design Team - 1 views

I wanted to make a website to promote my Riyadh-based travel agency, after all my travel agency was the only remaining agency which has no online presence then. I noticed that my competitors had al...

web design Saudi

started by Web Design Saudi on 14 Nov 11 no follow-up yet

Best Shield Against Computer Viruses - 1 views

I have always wondered why my files are often corrupted and to think that I have installed an antiVirus software. I always scan my external disks each time I insert them in my unit. It was only lat...

virus protection

started by cecilia marie on 04 Nov 11 no follow-up yet

Smart and Innovative SEO Philippines Services - 1 views

I wanted my online clothing business to rank in Google. So I searched for a trusted SEO Philippines company to do the job for me since I am not really familiar about Search Engine Optimization. Whi...

search engine optimization

started by Syntacticsinc SEO on 10 May 11 no follow-up yet

IT Solutions That Really Work - 1 views

I am planning to build up and improve my website for my business and I was thinking of choosing the best IT company that can meet my requirements for my website and optimize it to make it easier fo...

web designing

started by Syntacticsinc SEO on 24 Sep 11 no follow-up yet

Computer Help Online - 1 views

Lately, my computer often experiences computer problem. I keep on calling our local technician to see whats wrong with my PC but sometimes I could not find him, if he is not away, he is not availab...

online computer help

started by shalani mujer on 12 Sep 11 no follow-up yet

Fix Computer trouble with Fix Computer Today - 1 views

I have an online business. And because all my products are being purchased through the net, I basically, I use my computer every now and then. I need to monitor my sales as well as keep in touch to...

fix computer

started by felix montgomery on 13 Jul 11 no follow-up yet

Easy Access to Computer Support Professionals - 1 views

I have an online business and I use my computer all the time to monitor my sales and do my accounting, of course. Lately, I have been experiencing computer trouble and I cannot just let anyone fix ...

computer support

started by hansel molly on 08 Jul 11 no follow-up yet

Enjoying Worry-Free Computer Use - 1 views

As an executive of a medium-sized company in Oakland, life has always been hectic to me except on weekends. Nevertheless, when I have some work that needs to be rushed, I am forced to do it at home...

tech support

started by shalani mujer on 08 Jul 11 no follow-up yet

Group items tagged