CSS Links :: Web Development :: Technologies

Sources of practical for css as it works today.

Who decides what CSS does? The W3C Consortium at w3.org is the home of CSS and creates the standards for it. W3C is made up of many companies and organisations around the world.

on this page: Howtos - Tops Howtos - More compatibility compatibility - msie bugs compatibility - open source bugs conditional comments expressions flash menus and tabs position and floats web colors

Howtos - Tops

  • CSS and XHTML Lab http://www.456bereastreet.com/lab/ "This is a collection of experiments, methods, tips and tricks related to CSS and XHTML that may or may not come in handy some day." Many good links to more info Roger Johanssen :
  • CSS at AListApart http://www.alistapart.com/topics/code/css/ "Using Cascading Style Sheets (CSS) as part of standards-based web design. Separating presentation from structure and behavior. CSS layout techniques, tips, and tricks. Crafting a print style sheet. Spruced-up site maps, CSS drop-downs, zoom layouts, cross-column pull-outs. Emulating print design, Flash, PDF, and table layouts. Style sheet switching for user customization, accessibility, and creative purposes. Pocket-sized design: taking your website to the small screen. Faux backgrounds, sliding doors, CSS sprites. CSS support; browser bugs and workarounds. Showing and hiding elements, replacing text with images. Fixed and liquid layouts." AListApart : 2006
  • CSS Library http://www.dynamicdrive.com/style/ code for many nice simple looks. Also Horizontal CSS Menus, Vertical CSS Menus, Image CSS, Form CSS, DIVs and containers, Links & Buttons. dynamicdrive : 2006-05-05
  • CSS Play http://cssplay.co.uk/ Demos and code for css. Standards-based, clean, and just great! Stu Nichols : 2007
  • Rock Solid CSS Layout http://www.sitepoint.com/article/rock-solid-css-layouts "Start with the creation of a simple two-column layout. Along the way, we'll discover how to use absolute and relative positioning, and see how margins, padding, and borders work together. Then, we'll get an understanding of how all these tools can be used together in practice by creating a two-column layout that uses many of the techniques we have discussed already in this book." (A chapter excerpted from SitePoint's HTML Utopia: Designing Without Tables Using CSS, Second Edition.) Dan Shafer and Rachel Andrew : April 2006

Howtos - More

  • 24 Ways to Impress Your Friends http://24ways.org/ Really good, interesting ways to do things with CSS - some simple, some advanced. google : 24 Ways
  • Common Coding Problems with HTML and CSS http://www.communitymx.com/content/article.cfm?cid=A8E2DC392C467EEA Common gotchas. "Because certain problems seem to turn up again and again on CSS forums, we have collected the most common of these into a handy list in the hope of somewhat reducing the 'frustration factor' of working with CSS." Holly and John Bergevin : Dec 2003
  • CSS Bugs and Implementation Problems, with Workarounds http://www.utoronto.ca/ian/style/cssbugs/toc.html Problems sorted by CSS property, @-rules or pseudo-element, HTML element, printing-related; with references Ian Graham : 1997
  • CSS Layout Techniques: for Fun and Profit http://www.glish.com/css/ "If you are looking for help making the transition to CSS layout (that's Cascading Style Sheets), you've come to the right place. I am cataloging here as many useful cross-browser CSS layout techniques as I can find." With links to other good sites. Glish : 2006
  • CSS Tips http://www.simplebits.com/publications/tips/ "An ongoing collection of various CSS tips, experiments and techniques." Dan Cederholm : 2006
  • CSS-Discuss Wiki http://css-discuss.incutio.com/ "A wiki is a type of collaborative website. This wiki is the companion to the popular css-discuss mailing list and serves as a respository of CSS techniques and ideas generated by the css-discuss community." CSS Discuss : 2007
  • My 5 CSS Tips http://businesslogs.com/design_and_usability/my_5_css_tips.php useful tips on organising your stylesheet file, with comments by readers Mike Rundle : 2006-05-23
  • Position Is Everything http://www.positioniseverything.net/ "we built this site to explain some obtuse bugs in modern browsers, provide demo examples of interesting CSS behaviors, and show how to 'make it work' without using tables for layout purposes." Lots of good information, and links to other good sites. Holly and John Bergevin : May 2006
  • Quirksmode - css http://www.quirksmode.org/css/contents.html This is a really really really really good website showing how css behaves in six major browsers. Peter-Paul Koch : 2007
  • Real World Examples of Valid CSS Coding http://www.bigbaer.com/css_tutorials/ Tutorials and How-tos Big Baer : 2006
  • Real World Style http://realworldstyle.com/ "CSS layouts, tips, tricks, and techniques." Mark Newhouse : 2006
  • The Box Model http://www.communitymx.com/content/article.cfm?cid=E0989953B6F20B41 "At first, the box model may be confusing, but it is a necessary concept to grasp. ... Come along as we explore the Box Model, the browsers that get it wrong, and what to do about them." Holly and John Bergevin : ??

compatibility

compatibility - msie bugs

  • Explorer Exposed! http://www.positioniseverything.net/explorer.html "These CSS bugs are all found only in Internet Explorer, versions 5 and higher. To see the demos properly, they must be viewed in IE, of course." Holly and John Bergevin : Dec 2006

compatibility - open source bugs

  • Open Source Oopsies http://www.positioniseverything.net/gecko.html "These CSS bugs are all exclusive to Gecko based browsers. To see the demos properly, they must be viewed in Mozilla, or one of the many browsers based on that Open Source rendering engine." Only two bugs, and both were fixed by the time they were posted here. Holly and John Bergevin : Feb 2003

conditional comments

  • Conditional comments http://msdn.microsoft.com/workshop/author/dhtml/overview/ccomment_ovw.asp "One of the most common operations performed in a Web page is to detect the browser type and version. Browser detection is performed to ensure that the content presented to the browser is compatible and renders correctly. The browser type can be detected using many different techniques. Most methods of browser detection make use of either server- or client-side script, and each have advantages and disadvantages. This article focuses on conditional comments, which offer an alternative to scripted browser detection. Conditional comments offer certain advantages over scripted browser detection techniques and are also easier to use." MicroSoft : 2006
  • Swearing Off Hacks with Conditional Comments http://geek.focalcurve.com/archive/2005/09/swearing-off-hacks/ "conditional comments were a proprietary feature introduced in IE5 for Windows — which has thus far not been adopted by any other browser — allowing developers to easily delineate segments of HTML to be delivered only to certain browsers." So can also be used to deliver MSIE-only stylesheets. Focal Curve : 2006

expressions

flash

  • Semantic Flash http://www.alistapart.com/topics/code/flash/ "Designing and programming in Macromedia Flash. Making Flash content accessible. Embedding Flash content while supporting web standards. Embed Flash content using only valid tags and attributes. Flash MX, moving toward accessible rich media. Building games, e-commerce sites, and rich applications using Flash ActionScript and server-side technologies. (12 articles)" A List Apart : Feb 2007

menus and tabs

position and floats

  • "Photo Cards" http://wellstyled.com/css-photo-cards.html Making photos with captions or other text, that arrange themselves on the page. Petr Stanicek : 2004
  • CodePunk's Advanced CSS http://codepunk.hardwar.org.uk/acss.htm Useful code for CSS div boxes and positioning CodePunk : 2005
  • CSS Floats http://www.bigbaer.com/css_tutorials/css.float.html.tutorial.htm Great code and examples using floats for headers, images, drop caps BigBaer : 2003
  • CSS Positioning http://www.yourhtmlsource.com/stylesheets/csslayout.html Explains position: absolute, position: relative, and centering. Ross Shannon : 2006
  • How to Clear Floats http://www.positioniseverything.net/easyclearing.html "When a float is contained within a container box that has a visible border or background, that float does not automatically force the container's bottom edge down as the float is made taller. Instead the float is ignored by the container and will hang down out of the container bottom ... " A simple fix. Holly and John Bergevin : Jan 2007
  • Position is Everything http://www.positioniseverything.net/ "we built this site to explain some obtuse bugs in modern browsers, provide demo examples of interesting CSS behaviors, and show how to 'make it work' without using tables for layout purposes." Lots of good information, and links to other good sites. Holly and John Bergevin : May 2006
  • Prettier Accessible Forms http://www.alistapart.com/articles/prettyaccessibleforms Making forms without tables, with css - portable, accessible. Nick Rigby : 20 June 2006
  • Tables are for data: the problems with tables for layout http://www.hotdesign.com/seybold/ "The use of tables is now actually interfering with building a better, more accessible, flexible, and functional Web. Find out where the problems stem from, and learn solutions to create transitional or completely table-less layout." A presentation at a Seybold conference. Merikallio and Pratt : 2006
  • The Float Model Problem http://www.positioniseverything.net/floatmodel.html How float actually works in different browsers. "I am no purist, and could happily live with a specification designed by Microsoft, but to have MS publicly support the specs while silently flouting them really burns my toast." Holly and John Bergevin : Jan 2004

web colors

add tech info

Send web development info to us and we will publish in this section.

Rev. 07 July 2007

This page was made from a csv file with a php program.
http://www.webwalker.to/technicious/

Copyright © 2009 Tibetan Geeks