Skip to main content

Home/ CSS Evangelist/ Group items tagged browsers

Rss Feed Group items tagged

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

How to get Cross Browser Compatibility Every Time | Anthony Short | Web Design & Develo... - 0 views

anthonyshort.com.au/...rowser-compatibility-everytime

best practice browser compatibility css reference

shared by Frederik Van Zande on 20 Jun 08 - Cached
  • Here is a quick summary for those of you who don't want to read the whole article: Always use strict doctype and standards-compliant HTML/CSS Always use a reset at the start of your css Use opacity:0.99 on text elements to clean up rendering in Safari Never resize images in the CSS or HTML Check font rendering in every browser. Don't use Lucida Size text as a % in the body, and as em's throughout All layout divs that are floated should include display:inline and overflow:hidden Containers should have overflow:auto and trigger hasLayout via a width or height Don't use any fancy CSS3 selectors Don't use transparent PNG's unless you have loaded the alpha
  • Frederik Van Zande on 20 Jun 08
     
    Cross-browser compatibility is one of the most time consuming tasks for any web designer. We've seen many different articles over the net describing common problems and fixes. I've collated all the information I could find to create some coding conventions for ensuring that your site will work first time in every browser. There are some things you should consider for Safari and Firefox also, and IE isn't always the culprit for your CSS woes.
yc c

Web Browser CSS Support - 7 views

www.webdevout.net/browser-support-css

CSS3 browser w3c reference

shared by yc c on 04 Jun 10 - Cached
  • yc c on 04 Jun 10
     
    This document is a section of the web browser standards support document. It includes detailed information about CSS support in major web browsers.
yc c

Conditional-CSS - 3 views

www.conditional-css.com

css condition browser opensource software

shared by yc c on 30 Jan 10 - Cached
  • yc c on 30 Jan 10
     
    Conditional-CSS allows you to write maintainable CSS with conditional logic to target specific CSS statements at both individual browsers and groups of browsers. * Target CSS to any web-browser * Streamline maintenance of your CSS files * Optimise your CSS * Work around those annoying little CSS bugs * Automatic expansion and inclusion of @import statements * It's free and open source!
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.
Jungle Jar

reset.css And Why It Can Be A Valuable Tool For The Box - 0 views

www.junglejar.com/...reset-css

css style sheets reset.css browser defaults design junglejar

shared by Jungle Jar on 27 Dec 08 - Cached
  • Jungle Jar on 27 Dec 08
     
    This CSS file will reset all of your CSS declarations. More specifically, it will get rid of browser defaults. This is essentially like getting the playing field completely level for the teams. The browsers being the teams..
yc c

Yahoo! UI Library: Graded Browser Support - 0 views

developer.yahoo.com/...index.html

browser css support

shared by yc c on 09 Mar 09 - Cached
  • Tim Berners-Lee, inventor of the World Wide Web and director of the W3C, has said it best: “Anyone who slaps a ‘this page is best viewed with Browser X’ label on a Web page appears to be yearning for the bad old days, before the Web, when you had very little chance of reading a document written on another computer, another word processor, or another network.”
  • Methodologies including layered development via progressive enhancement, Unobtrusive Javascript, and Hijax ensure that higher layers don’t disrupt lower layers. However, representative testing of the core experience is critical. If you choose to adopt a Graded Browser support regime for your own web applications, be sure your site’s core content and functionality is accessible without images, CSS, and JS. Ensure that the keyboard is adequate for task completion and that when your site is accessed by a C-grade browser all advanced functionality prompts are hidden.
Perry Branch

Actual Browser Sizes (final) - Baekdal.com - 0 views

www.baekdal.com/...actual-browser-sizes

browser design development reference sizes tools web

shared by Perry Branch on 20 Feb 08 - Cached
  • in order to support 95% of your visitors, you need to design for a maximum size of 776x424px
  • Perry Branch on 20 Feb 08
     
    The final section "What size do I need to support?" has the findings summary, but the entire article is a very worthwhile read.
  • Perry Branch on 20 Feb 08
     
    This is a creative example of quantitative user research. According to the findings from this article the "above the fold" size that will apply to the most people browsing is 776px wide by 424px high. This takes into account the browser chrome and surfing w/o being maximized. I think this study should be performed regularly, every couple of years perhaps to follow display size changes.
tech vedic

How to clear off viruses and malware from an infected PC? - 0 views

techvedic.livejournal.com/31582.html

virus removal malware computer security protection tool online scanner

shared by tech vedic on 02 Jul 13 - No Cached
  • tech vedic on 02 Jul 13
     
    Despite updated operating system, browser, browser add-ons, installed firewall, and acute computer security settings, clever viruses, spyware or Trojans may find loop-holes to slip into your system. Not only in terms of performance, but in terms of stability and security too, these malicious software push you on back-foot. What to do next?
Vernon Fowler

Web Designer Notebook » How to use Modernizr - 0 views

webdesignernotebook.com/...how-to-use-modernizr

html5 css3 javascript library browser modernizr css webdesign

shared by Vernon Fowler on 15 Mar 14 - No Cached
  • Modernizr doesn’t actually magically enable these properties for browsers that don’t support them. It just tells the page whether that feature is supported on the browser the visitor is using or not.
  • To install Modernizr, download the file from this page. Then, on your site’s head tag, add a link to the file. For example: ?1<script src="js/modernizr-1.0.min.js"></script> The second step is to include on your html tag a class of “no-js”: ?1<html class="no-js"> Why add this tag? Because that will be the default state of the page. If JavaScript (js) isn’t on, then Modernizr won’t work at all (and probably other features of your site won’t work either…), so it’s good that we have a fallback for that case. If JavaScript is indeed enabled, once that page is loaded on the browser, that class will be replaced dynamically and it may look something like this: ?1<html class="js canvas canvastext geolocation rgba hsla no-multiplebgs borderimage borderradius boxshadow opacity no-cssanimations csscolumns no-cssgradients no-cssreflections csstransforms no-csstransforms3d no-csstransitions  video audio cufon-active fontface cufon-ready">
  • Vernon Fowler on 15 Mar 14
     
    "There is a tool that came to make our lives as progressive web designers a bit easier: Modernizr. In this short tutorial, learn how to apply this handy script to maximum effect on your sites."
Gary Edwards

Everything You Know About CSS Is Wrong | Digital Web Magazine: Rachel Andrew - 0 views

www.digital-web.com/...ng_you_know_about_CSS_Is_wrong

HTML-CSS rachel-andrew CSS-Tables CSS-Layout

shared by Gary Edwards on 27 Oct 08 - Cached
  • Gary Edwards on 27 Oct 08
     
    The easy way to use CSS2.1 to solve difficult cross-browser layout issues: CSS tables solve all the problems encountered when using absolute positioning or floats to create multi-column layouts in modern browsers. Specifying the value table for the display property of an element allows you to display the element and its descendants as though they're table elements. The main benefit of CSS table-based layouts is the ability to easily define the boundaries of a cell so that we can add backgrounds and so on to it-without the semantic problems of marking up non-tabular content as a HTML table in the document.
Frederik Van Zande

CSS Compatibility and Internet Explorer - 0 views

msdn2.microsoft.com/...cc351024(VS.85).aspx

compatibility css ie

shared by Frederik Van Zande on 01 Apr 08 - Cached
  • Michael H. Lake on 01 Apr 08
     
    A chart displaying IE compatibility to CSS from version 5 to 8
  • Frederik Van Zande on 01 Apr 08
     
    With each new release of Windows Internet Explorer, support for the Cascading Style Sheets (CSS) standard has steadily improved. Internet Explorer 6 was the first fully CSS Level 1-compliant version of Internet Explorer. Windows Internet Explorer 8 is planned to be a fully CSS Level 2.1-compliant browser, and will support some features of CSS 3. If the browsers your Web site is targeting include earlier versions of Internet Explorer, however, you want to know the level of CSS compliance for those as well. This article provides an at-a-glance look at CSS compliance across recent versions of Internet Explorer, including support in Internet Explorer 8 Beta 1 for Developers and planned support in the final version of Internet Explorer 8.
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.
my mashable

"Forget Tabs" The Future Of Tabs in Firefox 3.2 - 0 views

www.bloggersbase.com/...-future-of-tabs-in-firefox-3-2

firefox Addons mozilla firefox 3.2

shared by my mashable on 15 Apr 09 - Cached
  • my mashable on 15 Apr 09
     
    Firefoxquickly became the favorite browser for most power users. But while extensions are a great way to make Firefox more functional. In January 2000, T-Online asked Oliver Reichenstein, what we'd do if we could design a browser from scratch. The answer was "Tabs". Eight years later Aza Raskin, head of user experience at Mozilla, again asked about the future of new tab. Oliver Reichenstein answer after days of mailing back and forth: "Forget tabs!"
Uzair Ahmed

Zen Elements Blog | CSS3 Embedding a Font Face - 0 views

www.zenelements.co.uk/...css3-embed-font-face

imported Bookmarks_Menu css

shared by Uzair Ahmed on 18 May 09 - Cached
  • Uzair Ahmed on 18 May 09
     
    Use CSS 3 @font-face to embed a font NOT on the 'web safe' list and get away from using images for headers. This will currently only work with certain browsers so again, there is our quick +/- list of compatible browsers.
yc c

Use jQuery - Blog - Brosho 'Design in the Browser' jQuery Plugin - 4 views

usejquery.com/...n-in-the-browser-jquery-plugin

css online editor tool plugin jquery

shared by yc c on 17 Feb 10 - Cached
  • yc c on 17 Feb 10
     
    style your markup right in your browser with a build-in element selector and CSS editor. 
yc c

CSSPrefixer - 6 views

cssprefixer.appspot.com

CSS tool online generator browser CSS3

shared by yc c on 25 Jan 12 - No Cached
  • yc c on 25 Jan 12
     
    adapts code for all browsers (adds -webkit, -moz...)
yc c

CSS Filters | Speaking | Hicksdesign - 6 views

hicksdesign.co.uk/...css-filters

CSS filters video browser howto

shared by yc c on 23 Jul 10 - Cached
  • yc c on 23 Jul 10
     
    A 5 minute microslot on how to make sure the browser you want gets the CSS that you want it to have! Exclude IE6 and earlier from seeing your CSS3, and specify styles for mobiles and IE versions.
Frederik Van Zande

More CSS Performance Testing (pt 3) by jpsykes - 0 views

jpsykes.com/...e-css-performance-testing-pt-3

browsers css firefox ie opera performance research results safari

shared by Frederik Van Zande on 23 Jun 08 - Cached
  • Frederik Van Zande on 23 Jun 08
     
    This is now the 3rd part of my current adventures in looking into CSS performance and how it performs in various states across various browsers.
my mashable

Coming Soon: Google Chrome Extensions - 0 views

waynesfavorite.blogspot.com/...-google-chrome-extensions.html

Firefox google google chrome internet explorer safari web browsers

shared by my mashable on 09 Feb 09 - Cached
  • my mashable on 09 Feb 09
     
    Google has already indicated that it plans to offer a platform for Chrome browser extensions, but now we finally have what looks like a firm date on when that will arrive. Apparently, a Google developer conference scheduled for May 27th will include a session on developing extensions for Chrome
Frederik Van Zande

Buttons & their paddings : reference for all browsers - 0 views

www.designdetector.com/...buttons-padding-demo.html

buttons crossbrowser css firefox form ie opera padding safari webdesign

shared by Frederik Van Zande on 06 May 08 - Cached
  • Frederik Van Zande on 06 May 08
     
    Here is a LIVE demo showing how input buttons are rendered in your browser. The 'Standard' column will look different depending on your operating system. The '+ Border' column shows the same buttons with a red border added. (This removes the default button style as seen in the first column.)
1 - 20 of 120 Next › Last »
Showing 20▼ items per page