Skip to main content

Home/ CSS Evangelist/ Group items tagged create

Rss Feed Group items tagged

yc c

Zachary Johnson in Cyberspace - zachstronaut - 2 views

  •  
    I have created a monkey patch for jQuery (tested through 1.4.3) which enables you to independently set and/or animate both the scale and rotation of any HTML content with jQuery. This code uses the scale() and rotate() CSS transformations that are only supported by Webkit, Safari, Chrome, Firefox 3.5+, IE9 (Platform Preview 7+), and some versions of Opera at this time.
Web Design Saudi

A Website with Aesthetic Quality and Functionality - 2 views

I am a businessman in Saudi and I needed a reliable IT company to help me design my website. My brother suggested calling Tech Access. He said, they even have professional web design Saudi team who...

web design Saudi

started by Web Design Saudi on 25 Jul 11 no follow-up yet
Zulkarnain K.

Creating Triangles in CSS - 13 views

  •  
    when a browser draws the borders, it draws them at angles. This technique takes advantage of that. One side of the border is colored for the color of the arrow, and the rest are transparent. Then you set the width of the border to something large
Ava Smith

Chief Architect Drafting and Modeling Services - 0 views

  •  
    Chief Architect software is without a doubt one of the most impressive architectural software to create 3D renderings, construction documents and material lists.
Anna Taylor

10 Ways to Make a Website More Usable - 1 views

  •  
    Keeping usability for stumblers, browsers and surfers in mind when creating a website can be an exasperating task. Doing so shouldn't have to be so frustrating... What follows is a list of how to improve your site's usability without going crazy!
anonymous

Let the Visually Impaired "See" Your Website Design! - 0 views

  •  
    Weak vision, partially blind and colorblind people constitute a good portion of web users visiting your website everyday. You should take care to create...
Markus Potter

Never Pay for Leads Again! Online Leads are Free. - 1 views

Leads don't grow in trees. You probably know the value of a lead to your business and how much you would pay for a lead. But what if you could create a system for generating leads that worked 24/7 ...

started by Markus Potter on 11 Jul 12 no follow-up yet
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>
clariene Austria

Never Pay for Leads Again! Online Leads are Free. - 3 views

Leads don't grow in trees. You probably know the value of a lead to your business and how much you would pay for a lead. But what if you could create a system for lead generation websites that work...

started by clariene Austria on 21 Jun 12 no follow-up yet
tech vedic

How to create audiobooks in iTunes? - 0 views

  •  
    Digital audiobooks can be purchased online including Audible, eMusic, and iTunes. iTunes keeps audiobooks separate from your music library so as to make them easier to find. Also, it allows you to adjust the playback speed of the file as well as resume from the previously played chapter where it left. Just by tuning few settings, you can ready your iTunes and iPod to recognize any audio file or group of audio files as an audiobook.
yc c

Font Squirrel | Create Your Own @font-face Kits - 4 views

  •  
    download and/or convert fonts Upload a font and this will spit out everything you need to embed it into a website including HTML, CSS and multiple font file formats. You'll definitely want to bookmark this one! Each @font-face font kit come with: Original TrueType or OpenType Fonts for Firefox 3.5+ , Opera 10+, Safari 3.1+, Chrome 4.0.249.4+EOT fonts for Internet Explorer 4+Demo.html and stylesheet.css so you can get going fastNOTE: All fonts are subset to the Mac Roman char set.
« First ‹ Previous 61 - 80 of 119 Next › Last »
Showing 20 items per page