Skip to main content

Home/ CSS Evangelist/ Group items tagged techniques

Rss Feed Group items tagged

Filter: All | Bookmarks | Topics Simple Middle
mikhail-miguel

37 navigation techniques - 0 views

alvit.de/...gation-techniques-showcase.php

css

shared by mikhail-miguel on 16 Feb 07 - Cached
  • ...1 more annotation...
  • Hybrid CSS Dropdowns Photo Matt Intelligent Menus Inverted Sliding Doors Tab // 456bereastreet.com Accessible Image-Tab Rollovers // Simplebits Simplebits Mini-Tabs Simplified CSS Tabs // Simplebits Tabtastic
mikhail-miguel

ThickBox 1.0: Using jQuiery library - 0 views

codylindley.com/...thickbox-update

javascript webdev css

shared by mikhail-miguel on 05 Mar 18 - Cached
  • mikhail-miguel on 05 Mar 18
     
    Cody Lindley is a front-end/JavaScript developer and recovering Flash developer. He has an extensive background working professionally (20+ years) with HTML, CSS, JavaScript, and client-side performance techniques as it pertains to web development. If he is not wielding client-side code he is likely toying with interface/interaction design or front-end application architecture. When not sitting in front of a computer, it's a sure bet he is hanging out with his wife & three boys in Meridian, Idaho. In his spare time Cody is working towards being a 'One Dollar Apologist' and enjoys defending ...
mikhail-miguel

an overview of current css layout techniques - 1 views

particletree.com/...-current-css-layout-techniques

css layouts webdev css

shared by mikhail-miguel on 04 Mar 07 - Cached
  • When it comes to understanding the world of standards based design, you have to think medieval. Creating a web site in CSS is like building a manor. You are a lord, setting aside land for specific purposes, hoping the user rotates their content appropriately. Most of you will build villages attracting only a few peasants to comment on various decrees, some of you will build castles and a very small number will build what I can only describe as cathedrals—structures that warrant pilgrimages from thousands across the globe.
  • mikhail-miguel on 05 Mar 18
     
    Particletree is the beginning of something. This place, this collection of knowledge, is a gathering of forces, a sharpening of skills.
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>
my mashable

5 Tips to Get More Traffic for Your Blog - 0 views

mashable.blog.co.in/...get-more-traffic-for-your-blog

blog blogging advice techniques tips

shared by my mashable on 20 Mar 09 - Cached
  • my mashable on 20 Mar 09
     
    So you have a new blog and you think the posts are pretty good? Don't know how to get more loyal and valuable readers to your blog? ok then let me tell you some cool tips that i have learnt and implemented with my blogs with you.
Bartłomiej Małysz

Creating a Slick Auto-Playing Featured Content Slider - 0 views

css-tricks.com/laying-featured-content-slider

javascript menu sliding slider css jquery webdesign tutorial webdev Javascript slideshow

shared by Bartłomiej Małysz on 17 Feb 09 - Cached
  • Bartłomiej Małysz on 17 Feb 09
     
    nice menu building technique
  • Bartłomiej Małysz on 17 Feb 09
     
    Dynamic, sliding JS based on JQuery menu with sliding images (used by wp.pl, itc.com, etc.)
Jesse McPherson

Stu Nicholls | CSSplay | Removing active/focus state borders - 0 views

www.cssplay.co.uk/...nodots.html

shared by Jesse McPherson on 12 Oct 08 - Cached
  • CopyrightYou may use this method on your personal 'non-profit' web site without seeking my permission. A link back to CSSplay is always appreciated.Commercial usage is also permitted without seeking approval, but I would ask that a donation is considered to support my work on CSSPlay. If you are having problems integrating any of my demonstrations into your website then I now offer a service to fault find and correct any errors that you may have introduced. Please email me for more information.
    • Jesse McPherson
      Jesse McPherson on 12 Oct 08
       
      Can you really apply a Copyright to a CSS technique?
mimi .

Tomorrow's CSS Today: 8 Techniques They Don't Want You To Know [CSS Tutorials] - 0 views

www.sitepoint.com/...tomorrows-css-today

css operators

shared by mimi . on 14 Apr 08 - Cached
  • mimi . on 14 Apr 08
     
    new operator selectors with description and examples.
yc c

Learn how to slice your templates into fully standards compliant XHTML and CSS! - 0 views

www.csslicingguide.com

css guide standard

shared by yc c on 09 Mar 09 - Cached
  • yc c on 09 Mar 09
     
    This site is a free resource for the budding web designer looking to take the step into the future of modern web design. Throughout the guide, you will be shown cunning CSS techniques used to keep loadtime to a minimum and to organize and fine tune your content so it is presented in the best possible way
« First ‹ Previous 41 - 60 of 228 Next › Last »
Showing 20▼ items per page