Skip to main content

Home/ Web Development, Design & Programming/ Group items tagged Browser

Rss Feed Group items tagged

Filter: All | Bookmarks | Topics Simple Middle
Luciano Ferrer

Perfect Full Page Background Image | CSS-Tricks - 6 views

css-tricks.com/ect-full-page-background-image

webdesign background image

shared by Luciano Ferrer on 31 Oct 11 - No Cached
  • Luciano Ferrer on 31 Oct 11
     
    "The goal here is a background image on a website that covers the entire browser window at all times. Let's put some specifics on it: Fills entire page with image, no white space Scales image as needed Retains image proportions (aspect ratio) Image is centered on page Does not cause scrollbars As cross-browser compatible as possible Isn't some fancy shenanigans like Flash"
Phillip Johnson

CSS3 Rounded Corners - 0 views

greenorbwebdesign.co.uk/css3-rounded-corners

css

shared by Phillip Johnson on 16 Jan 15 - No Cached
  • Phillip Johnson on 16 Jan 15
     
    The CSS3 border-radius property allows web developers to easily create rounded corners in their design elements. This property is supported by the major browsers: Firefox, Internet Explorer, Safari, Opera, and Chrome. Using CSS3 you no longer ...
  • Phillip Johnson on 16 Jan 15
     
    The CSS3 border-radius property allows web developers to easily create rounded corners in their design elements. This property is supported by the major browsers: Firefox, Internet Explorer, Safari, Opera, and Chrome. Using CSS3 you no longer ...
  • Phillip Johnson on 16 Jan 15
     
    The CSS3 border-radius property allows web developers to easily create rounded corners in their design elements. This property is supported by the major browsers: Firefox, Internet Explorer, Safari, Opera, and Chrome. Using CSS3 you no longer ...
Vernon Fowler

Web Designer Notebook » How to use Modernizr - 1 views

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

html5 css3 javascript library browser modernizr css

shared by Vernon Fowler on 13 Jan 14 - No Cached
olivia frost liked it
  • 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 13 Jan 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."
Vernon Fowler

@font-face gotchas « Paul Irish - 1 views

paulirish.com/...font-face-gotchas

@font-face css3 typography font-face fonts css webdesign web design

shared by Vernon Fowler on 10 Oct 12 - No Cached
  • There are a few reasons why smiley is a better solution: Webkit+Font Management software can mess up local references, like turning glyphs into A blocks.  (crbug.com/33173) On OS X, Font Management software may alter system settings to show a dialog when trying to access a local() font that's accessible outside of Library/Fonts. More detail on my bulletproof post. (crbug.com/29729) Font Explorer X is also known to mess up other stuff in Firefox: bugzil.la/531771 Although it's unlikely, you could reference a local() font which is completely different than what you think it is. (Typophile post on different fonts, same name) At the very least its a risk, and you're ceding control of the type to both the browser and host machine. This risk may not be worth the benefit of avoiding the font download. These are all pretty edge case issues, but it's worth considering. FontSquirrel has already made the smiley syntax the new default in the Generator, and you should use it going forward as well.
  • And.. regarding @font-face syntax I now recommend the bulletproof smiley variation over the original bulletproof syntax.
  • @font-face { font-family: 'Graublau Web'; src: url('GraublauWeb.eot'); src: local('?'), url('GraublauWeb.woff') format('woff'), url('GraublauWeb.ttf') format('truetype'); }
  • ...5 more annotations...
  • in Webkit (Chrome/Safari), applying font-weight:bold to faux-bold some @font-face'd text will not succeed. Same applies for font-style:italic.
  • text-transform doesn't play well with @font-face in current implementations.
  • @font-face doesnt play nice with css transitions.
  • If a @font-face declaration is within a media query @media screen { ..., it will fail in Firefox.
  • SVG Fonts - Currently SVG is the only way to get webfonts working on iPhone and iPad.
  • Vernon Fowler on 10 Oct 12
     
    "There are a few reasons why smiley is a better solution: Webkit+Font Management software can mess up local references, like turning glyphs into A blocks.  (crbug.com/33173) On OS X, Font Management software may alter system settings to show a dialog when trying to access a local() font that's accessible outside of Library/Fonts. More detail on my bulletproof post. (crbug.com/29729) Font Explorer X is also known to mess up other stuff in Firefox: bugzil.la/531771 Although it's unlikely, you could reference a local() font which is completely different than what you think it is. (Typophile post on different fonts, same name) At the very least its a risk, and you're ceding control of the type to both the browser and host machine. This risk may not be worth the benefit of avoiding the font download. These are all pretty edge case issues, but it's worth considering. FontSquirrel has already made the smiley syntax the new default in the Generator, and you should use it going forward as well. "
Saif Shuvo

Professional Web Design & Development Curriculum - 0 views

Lesson: 01 (Dreamweaver Basics & HTML) Introducing Dreamweaver, Elements, Attributes, Table, List, Forms, Formatting, Styles, Image, Hyperlinks. Head, Meta, Scripts, Layout, Fonts, URL- encode ...

webdesign web development

started by Saif Shuvo on 07 Jan 17 no follow-up yet
sophiaallain

Internet Explorer Browser Support | +1-844-305-0563 (Toll Free) - 2 views

www.instatechexperts.com/...internetexplorersupport

Internet Explorer customer service Internet Explorer support phone number

shared by sophiaallain on 08 Jun 16 - No Cached
  • sophiaallain on 08 Jun 16
     
    Insta Tech Experts, We are offering best tech support services in Canada and USA at affordable rates. If your IE browser is unresponsive, you are at right place to get Internet Explorer Help. Just give us call at 1 844 305 0563(Toll free). Or visit us http://www.instatechexperts.com/.
  • sophiaallain on 13 Jun 16
     
    Is your internet explorer browser not working properly? Get instant Internet Explorer Tech Support to call us 1 844 305 0563(Toll Free) with proper diagnosis and solutions. or visit us at http://www.instatechexperts.com/.
Magdalena Tubis

browserhacks.com - 0 views

browserhacks.com

css cross-browser javascript

shared by Magdalena Tubis on 17 Jul 13 - No Cached
  • Magdalena Tubis on 17 Jul 13
     
    Browserhacks is an extensive list of browser specific CSS and JavaScript hacks from all over the interwebs
Laura Reed

Let Links Be Links · A List Apart - 1 views

alistapart.com/...let-links-be-links

links web design web development html5 html css javascript

shared by Laura Reed on 11 May 15 - No Cached
  • Laura Reed on 11 May 15
     
    "The concept of the web as an application platform has never been more popular, but the tools used to create these so-called "web apps" are still fraught with pitfalls that are often ignored or misunderstood. Single-page web app frameworks have gained traction because they can easily be used to create fast, complex applications that feel much more solid and interactive than traditional websites. But this benefit, and the changes in mindset and development practices that accompany it, comes at the cost of basic browser functionality that web developers sometimes take for granted. "
  • Laura Reed on 11 May 15
     
    "The concept of the web as an application platform has never been more popular, but the tools used to create these so-called "web apps" are still fraught with pitfalls that are often ignored or misunderstood. Single-page web app frameworks have gained traction because they can easily be used to create fast, complex applications that feel much more solid and interactive than traditional websites. But this benefit, and the changes in mindset and development practices that accompany it, comes at the cost of basic browser functionality that web developers sometimes take for granted. "
jdr santos

Modernizr - 0 views

www.modernizr.com

Javascript HTML5 CSS3 CSS web design

shared by jdr santos on 18 Oct 10 - Cached
  • Soul Book on 18 Oct 10
     
    Modernizr adds classes to the element which allow you to target specific browser functionality in your stylesheet. You don't actually need to write any Javascript to use it.
  • jdr santos on 18 May 11
     
    Modernizr adds classes to the element which allow you to target specific browser functionality in your stylesheet. You don't actually need to write any Javascript to use it.
Herb Tucker

Widget Browser Developer's Guide - 0 views

labs.adobe.com/...dev_guide.html

widgets adobe labs spry development programming guide dreamweaver

shared by Herb Tucker on 31 Dec 10 - No Cached
  • Herb Tucker on 31 Dec 10
     
    Adobe Widget browser developer's guide
jdr santos

CSS Discuss - 9 views

css-discuss.incutio.com/...Main_Page

CSS wiki reference tutorials resources web design

shared by jdr santos on 24 May 11 - Cached
  • This Wiki is dedicated to real-world (and ideally, browser-neutral) application of CSS (Cascading Style Sheets). Topics include: techniques for page-layout and special display-effects, testing and validation, workarounds for limitations and bugs, CSS code-editors, beginner and advanced tutorials, and to a lesser extent pure CSS theory, and pure CSS power-demonstrations. Discourse on (X)HTML, DOM, and other webpage- technology areas is not forbidden, but keeping it associated with CSS is encouraged.
  • jdr santos on 24 May 11
     
    This Wiki is dedicated to real-world (and ideally, browser-neutral) application of CSS (Cascading Style Sheets). Topics include: techniques for page-layout and special display-effects, testing and validation, workarounds for limitations and bugs, CSS code-editors, beginner and advanced tutorials, and to a lesser extent pure CSS theory, and pure CSS power-demonstrations. Discourse on (X)HTML, DOM, and other webpage- technology areas is not forbidden, but keeping it associated with CSS is encouraged.
Vernon Fowler

The top 10 CSS3 techniques | Feature | .net magazine - 3 views

www.netmagazine.com/...top-10-css3-techniques

css css3 techniques webdesign tutorials design web browser fonts colour borders shadow text gradient images transitions

shared by Vernon Fowler on 08 Aug 11 - No Cached
  • Vernon Fowler on 08 Aug 11
     
    Denise Jacobs reveals her top tips on how to use the most exciting CSS3 properties - and provide fallbacks for older browsers
jeezTech

IE Only, Cool Features, That Should Exist On Other Browsers Too - 0 views

jeez.eu/...ld-exist-on-other-browsers-too

CSS browsers IE

shared by jeezTech on 16 Oct 09 - Cached
  • jeezTech on 16 Oct 09
     
    OK Internet Explorer (mainly s poor CSS support have made
Kashif Mehmood Mughal

50+ Treasured Free Firefox Themes | Smashing Buzz - 5 views

www.smashingbuzz.com/...-treasured-free-firefox-themes

Themes Free Web browser IE firefox internet

shared by Kashif Mehmood Mughal on 07 Nov 09 - Cached
  • Kashif Mehmood Mughal on 07 Nov 09
     
    Firefox is a fastet growing famous web browser, I did research and originate many new really beautiful and professional Firefox themes. I just choose about such themes, here is inspirational themes who make more beautiful your internet browsing even some of occasional themes for you in listed below. There are lots of free download able extensions, add-ons, themes etc available on the internet for firefox and there demands are rising day by day, if you have or want to share more beautiful firefox themes that can be more attracted by our visitors you should drop links with comments.
« First ‹ Previous 41 - 60 of 238 Next › Last »
Showing 20▼ items per page