Skip to main content

Home/ CSS Evangelist/ Group items tagged hack

Rss Feed Group items tagged

Filter: All | Bookmarks | Topics Simple Middle
Frederik Van Zande

Agile Ajax: Hacking transparent PNG support into IE6 with IE PNG Fix, CSS and jQuery (p... - 0 views

blogs.pathf.com/...hacking-transpa.html

behaviors css hack ie_6 javascript jquery png transparency trick

shared by Frederik Van Zande on 11 Apr 08 - Cached
  • Frederik Van Zande on 11 Apr 08
     
    esterday's post showed how to hack the :first-child pseudo-class into IE6 with jQuery and CSS. Continuing with that theme, today and tomorrow we'll show how to enable transparent PNG support in IE6
my mashable

Disable YouTube's related videos With a Simple Hack Code - 0 views

www.bloggersbase.com/...videos-with-a-simple-hack-code

YouTube tricks Hacks related videos XHTML

shared by my mashable on 20 Apr 09 - Cached
  • my mashable on 20 Apr 09
     
    Disable YouTube's related videos With a Simple Hack Code - YouTube added the feature "related videos" wayback in 2007. Iam sure every YouTube user come across with this feature. Once the video completes playing, will displays a list of related videos..." />
Alexis Sgavel

A new micro clearfix hack - Nicolas Gallagher - 0 views

nicolasgallagher.com/micro-clearfix-hack

css bestpractices clear clearfix micro tools reference

shared by Alexis Sgavel on 21 Apr 11 - No Cached
  • Alexis Sgavel on 21 Apr 11
     
    The clearfix hack is a popular way to clear floats without resorting to using presentational markup. This article presents an update to the clearfix method that further reduces the amount of CSS required.
Vernon Fowler

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.
  • 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>
chris eb

Hacked Off with CSS? - Web-Design - 0 views

www.websites-design.info/31645.php

web promotion webdesign

shared by chris eb on 18 Jun 08 - Cached
  • chris eb on 18 Jun 08
     
    For those not familiar with CSS Hacks, they are ways of using styles/classes that only apply to particular browsers. They are used to overcome the display problems mentioned previously by exploiting CSS structure and code. Most involve simple punctuation tricks to fool the problematic browser into accepting a different style to the browsers that display correctly.
Frederik Van Zande

Hackszine.com: Easiest cross-browser CSS min-height - 0 views

www.hackszine.com/...st_crossbrowser_css_minhe.html

best practice cross browser css hack min-height

shared by Frederik Van Zande on 27 Mar 08 - Cached
  • Frederik Van Zande on 27 Mar 08
     
    Enforcing a minimum height for block elements in HTML is one of those few CSS tricks that you can't live without. There are still enough folks using IE6, unfortunately, and it doesn't support the min-height or min-width CSS parameters. This has caused the invention of a number of different hacks and browser-conditional style sheets to get the desired effect.
tech vedic

Sim-card-phone-hacking-how-it-may-affect-you - 0 views

techvedic.livejournal.com/47395.html

buy sim card cell phone gevey mini gsm how to unblock on iphone international 4 size hack with no phones non a prepaid for 5 in sal sims straight talk cardsim universal verizon

shared by tech vedic on 25 Jul 13 - No Cached
  • tech vedic on 25 Jul 13
     
    Everyone is familiar about the term SIM (Subscriber Identification Module) which means small card slides into the back of many smartphones available in the market. Basically, it acts as an official identifier which depicts that your mobile phone belongs to you.
tech vedic

Hackers use bogus Chrome, Firefox extensions to pilfer social media accounts - 0 views

techvedicinc.livejournal.com/1772.html

bogus chrome firefox extensions malware extnesions gchrome addons.extenisons malicious socila networking sites

shared by tech vedic on 13 Aug 13 - No Cached
  • tech vedic on 13 Aug 13
     
    Hacking cases are increasing day by day. There are several tricks played by hackers to steal your personal information online.
leengy

CSS Hacks - 0 views

www.webdevout.net/css-hacks

css

shared by leengy on 04 Mar 07 - Cached
Hussain M Elius

CssUserAgent (cssua.js) - 9 views

cssuseragent.org

css javascript js

shared by Hussain M Elius on 03 Jan 11 - No Cached
  • Hussain M Elius on 03 Jan 11
     
    Avoid CSS hacks! Use cssua.js to apply special CSS classes to your pages allowing you to use valid CSS to work around browser-specific quirks
yc c

CSS Bugs and Implementation Problems, with Workarounds - 0 views

www.utoronto.ca/...toc.html

css hack

shared by yc c on 09 Mar 09 - Cached
  • yc c on 09 Mar 09
     
    CSS Bugs and Implementation Problems, with Workarounds
Frederik Van Zande

DD_belatedPNG: better PNG background-image support in IE6 - 0 views

www.dillerdesign.com/...DD_belatedPNG

css png ie6 fix hack best practice javascript ie

shared by Frederik Van Zande on 15 Dec 08 - Cached
  • Frederik Van Zande on 15 Dec 08
     
    background-image + background-repeat + background-position + 24-bit PNGs for Internet Explorer 6 (...Better late than never!)
Frederik Van Zande

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

Web Design Blog | ModernBlueDesign.com » Blog Archive » Fighting Spam with CSS - 0 views

www.modernbluedesign.com/...fighting-spam-with-css

css hack spam

shared by yc c on 02 Jul 07 - Cached
  • yc c on 02 Jul 07
     
    The idea here is setting up a form with a text field and via CSS making it invisible. Then, if a post is sent to a php script handling the request and that text box has information in it, that means a human didn't fill it out, and the script is simply aborted.
1 - 20 of 28 Next ›
Showing 20▼ items per page