Skip to main content

Home/ CSS Evangelist/ Group items tagged web 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.
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.
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.
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.
css rank

CSSRank - CSS Gallery For The Best Designed Web 2.0 Sites - 172 views

The development of web applications has drastically changed since its advent. Websites were normally designed with dominant tables in it. But this changed to a more portable and reliable method of ...

general

started by css rank on 28 Oct 08 no follow-up yet
tech vedic

Change the Size of a Web Page - 0 views

techvedic.livejournal.com/36422.html

hange web page size how do i change font of the my

shared by tech vedic on 09 Jul 13 - No Cached
  • tech vedic on 09 Jul 13
     
    You often find text in web pages which is very difficult to read. To read the font clearly, you can make the page bigger. Further, some web browsers allow you to zoom in and out.
Alexis Sgavel

CSS3: Media Queries in the Wild | The Inspiration Blog - 0 views

www.theinspirationblog.net/...css3-media-queries-in-the-wild

media queries reference

shared by Alexis Sgavel on 01 Apr 11 - No Cached
  • Alexis Sgavel on 01 Apr 11
     
    Media Queries are here! The new, 'hip' approach to fluid web development. This awesome CSS technique allows web developers to provide multiple site layouts based on the width of the web browser. Percentage based tables, eat your heart out!
tech vedic

How to fix Web pages that print too small? - 0 views

techvedic.livejournal.com/50882.html

web pages that print too small smart printing how to fix internet explorer page has stopped working problems with home hp exploerer on new problem newest upgrade font computer browser the my is

shared by tech vedic on 02 Aug 13 - No Cached
  • tech vedic on 02 Aug 13
     
    Most of the times you need to take the print out of the web pages. But, when the printed web pages come out too small then it is really irritating. This is generally due to "Shrink to Fit" option. According to this option, Internet Explorer squeezes all the elements of a web page by default onto a sheet of paper. Thus, go through this tutorial and fix it.
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
tech vedic

How to remove 'Yontoo' adware Trojan from OS X system? - 0 views

techvedic.livejournal.com/34311.html

how to remove yontoo adware trojan

shared by tech vedic on 05 Jul 13 - No Cached
  • tech vedic on 05 Jul 13
     
    Yontoo Trojan, detected by noted security company Dr. Web is blamed for tracking the browsing behaviors across a range of popular browsers like Safari, Chrome, and Firefox. It may pretend as a media player, download manager, or other plug-in, thereby directing you to some maliciously crafted Web sites disguised as sources for file sharing and movie trailers.
anonymous

Digital Web Magazine - Creative Use of PNG Transparency in Web Design - 0 views

www.digital-web.com/...web_standards_creativity_png

css

shared by anonymous on 30 May 07 - Cached
  • PNG, GIF, and JPEG The PNG image has been widely overlooked by the web design community—and mostly for good reason. Until recently, it hasn’t been possible to take full advantage of the format and have it work reliably in all browsers. But, with proper PNG support in Internet Explorer 7, and some handy JavaScript and CSS tricks to account for older browsers, we can use PNG images to greatly enhance our design vocabulary.
    • luodan9999
      luodan9999 on 01 Jun 07
       
      good tools
    • liz_taoma
      liz_taoma on 01 Jun 07
       
      good
    • cindyye
      cindyye on 01 Jun 07
       
      It's a very nice tools
Alberto Adrián Schiano

Pruebe su diseño web en distintos navegadores - Browsershots - 0 views

browsershots.org

browsers estilosthemes grafico javascript multiplataforma multiplatform navegadores picture style visual web2 www www2

shared by Alberto Adrián Schiano on 25 Aug 07 - Cached
  • Alberto Adrián Schiano on 25 Aug 07
     
    Web designers: try your pages here and see screenshots of every sort of browser
    Disenyadores web: probar paginas aqui y ver como se ve en cada tipo de navegador

my mashable

Google Web Search Switch to new Ajax-Powered Search Results - 0 views

www.bloggersbase.com/...ew-ajax-powered-search-results

Google search results web search AJAX

shared by my mashable on 16 Apr 09 - Cached
  • my mashable on 16 Apr 09
     
    Google recently tested a new interface for search results. The test didn't include any new feature and Google even loaded the standard search results page to display the results. An important notable change is the new format was that Google didn't load a new page to display the results and browsers didn't send proper referrals when clicking on search results.
tech vedic

How to fix annoying cursor jumping problem while typing documents on laptops? - 0 views

techvedic.livejournal.com/19780.html

spell checker Internet Explorer help support ie disable in techvedic

shared by tech vedic on 11 Jun 13 - No Cached
  • How to fix annoying cursor jumping problem while typing documents on laptops?
  • tech vedic on 11 Jun 13
     
    Typing a document on a laptop is an annoying and frustrating experience. Perhaps, you may have noticed the cursor moving or jumping randomly, whenever you are going to type some text on a document or on a Web browser or anywhere else. It reduces the typing speed and overall performance.
1 - 20 of 49 Next › Last »
Showing 20▼ items per page