IE Negative Margin Bugs
October 29, 2009 at 7:45 am | In css design, css2.1, layout design, trident | Leave a CommentTags: clipped content, hasLayout, ie6, ie7, inline-block, negative margins, relative positioning, truncated borders
Here’s a collection of articles on avoiding truncated borders and content when using negative margins in IE6 and IE7:
The Definitive Guide to using Negative Margins
The Positive Side of Negative Margins
Border Chaos
Solution for Negative Margins and Indentation
Clipping of Negative Margined Blocks in a hasLayout Container
Negative Margin hasLayout Bug
CSS Expression Optimization
October 22, 2009 at 9:18 am | In Cool Web Sites | Leave a CommentHere’s a few articles on improving the performance of dynamic property behavior scripts in IE6 and IE7:
One-time Execution of IE CSS expressions
One-Time Expressions Demo
The Internet Explorer Progress Bar continues to Increase when an attached Behavior is Dynamically Inserted in a Page
Script Error when you send Web Page by E-Mail
MSN Messenger Activities with Simulated Asynchronous Webservice Calls
CSS Behaviors Reference
About Dynamic Properties
IE6 iframe Bugs
October 1, 2009 at 1:51 pm | In css2.1, dom, javascript design, trident, ui design | Leave a CommentTags: ajax iframe, flash object, ie6, iframe shim, iframe src, iframe ssl, replaced elements
Here’s a few articles on variable issues with the iframe tag in IE6:
IE overflow-y iframe Bug
When dynamically generating iframes in IE6 and SSL, their location must be preloaded
AJAX IE iframe Bug
Select Free iframe Modals
iframe shim for Java Applets
iframe shim for Flash Objects
iframe shim for Google Streetview
CSS Shrink Wrapping
October 1, 2009 at 1:19 pm | In Cool Web Sites | Leave a CommentTags: css, hasLayout, shrink-to-fit, shrink-wrapping
Here’s a few demos to show how CSS shrink wraps block elements to fit content in different browsers:
Shrink to Fit Boxes
Incorrect Shrink-wrapping in the Presence of hasLayout children
Adjacent shrink-to-fit boxes in IE7
Shrink-wrap and Center
Browser Tweaks
September 29, 2009 at 10:30 am | In tips and tricks | Leave a CommentTags: firefox 2, firefox 3, multi-firefox, standalone
Here’s a collection of browser specific configuration tips for customizing your cross-browser development environment:
Chromium
Chromium Nightly
Chrome User Guide
Chrome About Pages
Chromium Installation DLL
Chrome User Experience
Chromium FAQ
ClickToFlash Chromium Plugin Manager
Undocumented Chrome Execution Switches
Chrome Plugins
AdSweep
Chromium User Data Dictionary
Chromium User Scripts
Chrome Support
Chrome Hacks
Webkit
How to Grab and Thumbnail Websites using KHTML
Working with Webkit Nightly Releases
Opera
Opera Web Developer Toolbar
Cookie Revealer
Google Search Cookie Cleaner
Firefox
Cached URLs
Disabling Plugins in Firefox
Firefox Chrome URLs
Beef up the Find command in Firefox
How to ungrab Firefox hotkeys from Flash players
How to Disable the PDF Browser Plugin for Firefox
Issues related to Plugins
Firefox 2 and 3 side-by-side
Opening a New Instance of your Mozilla application with another profile
Mozilla Preferences Directory
Mozilla Preferences Glossary
Mozilla About:config Entries Matrix
Internet Explorer
Fixing Reliability Issues in IE8
More IE8 Extensibility Improvements
Play with IE8
Session Cookies, SessionStorage, and IE8
Personalize IE8 through Services
IE8 Features Developer Guide
Who Needs IE8 Accelerators
Emulating Data:URIs in IE6 and IE7
July 6, 2009 at 8:57 am | In css design, gecko, khtml, presto, trident, webkit | Leave a CommentHere’s a series of articles on using MHTML and server-side scripting to create cross-browser Base64 encoded image data:
Use MHTML:URIs when you need Data:URIs in IE7 and under
When you should use Base64 for images
Data URIs in CSS Cross-browser
Embedding Base64 Image Data into a Webpage
Aptimize for Realtime Spriting and converting bitmaps to MHTML/Data URIs
Base64 Encoded Images for Internet Explorer
CSS Browser Specific Style Filters
June 27, 2009 at 6:09 pm | In coding standards, css2.1, css3 | Leave a CommentTags: browser specific css, browser targeting, css browser sniffing, css filters, css hacks
Here’s a collection of CSS filters for targeting specific browsers with CSS when using HTML conditional comments or JavaScript detection is not an option:
CSS Browser Hacks For Firefox, Opera, Safari & Internet Explorer
Emulating Fixed Positioning in IE6
June 10, 2009 at 8:16 am | In css design, css2.1, trident, visual design | Leave a CommentTags: absolute positioning, emulate, fixed positioning, ie6
Here’s a few references on ways to emulate fixed positioning in IE6 along with their caveats:
CSS Border Art
June 5, 2009 at 9:10 am | In css design, css2.1, visual design | Leave a CommentTags: 3D css, border art, css assets, css imagery, css legos, css polygons, css slants, css transparency, css triangles, diagonal borders, tangram, tooltip pointers
Here’s a collection of experiments using CSS to create various 2D and 3D shapes, images, and objects:
Drawing Diagonal Lines with CSS
A Diagonal Nav Rollover Effect with CSS
Diagonal Horizontal Green Menu
Image Free Tooltip Pointers using Polygonal CSS
Imageless and Scriptless HTML and CSS Corners
May 15, 2009 at 4:39 pm | In css design, css2.1, gecko, khtml, presto, trident, visual design, webkit | Leave a CommentTags: css corners, fluid borders, imageless rounded corners, imageless tabs, script-free rounded corners, styled corners
Here’s an excellent collection of tutorials and demos on creating rounded corners using HTML and CSS without graphics, SVG, HTML5 canvas, border-radius or JavaScript:
Even More Image-Free CSS Styled Corners
How to Add Fluid Borders to Your Boxes with CSS
Rounded Corners using nothing but CSS
Blog at WordPress.com. | Theme: Pool by Borja Fernandez.
Entries and comments feeds.
