Skip to main content

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

Rss Feed Group items tagged

awqi zar

code · Video for Everybody! - 8 views

  •  
    Video for Everybody is simply a chunk of HTML code that embeds a video into a website using the HTML5 element, falling back to QuickTime and Flash automatically, without the use of JavaScript or browser-sniffing. It therefore works in RSS readers (no JavaScript), on the iPhone / iPad (don't support Flash) and on many, many browsers and platforms.
sania batool

Web Freer Browser Open Blocked Sites Free Download - 0 views

  •  
    Web Freer Browser Open Blocked Sites Free Download
sarbrinder

How set the css for firefox Browser - 0 views

  •  
    Many time their browser compatibility issue occur with firefox browser.Some time design work fine in all browser but its show wrong in firfefox.Then use this css trick for manage the issue as @-moz-document url-prefix(){.webmaster_mail{ width:100%; margin-top:37px;padding:10px 0;text-align:center; float:left; background:#5a5a5b; color:#FFF; font-size:18px;}}
cryptosupport

Internet Explorer Customer Support Services| Arcler Desk - 1 views

  •  
    One of the easiest to use web browsers is Internet Explorer. It is the default web browser for Windows computers. With new and advanced versions coming up now and then, the Internet Explorer web browser performs effortlessly for most cases. However, there have been instances when users have encountered various issues with the browser, whether prolonged or one-time.
sophiaallain

How to Update Safari Browser | Call Us +1-844-305-0563(Toll Free) - 1 views

  •  
    Insta Tech Experts, We are best at providing Tech Support Services at affordable rates. Safari is Apple's super-fast web browser for Mac. Give us call 1 844 305 0563(Toll Free) for Safari Browser Update.
Luciano Ferrer

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

  •  
    "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"
Jochen Burkhard

Thinking XML: The XML flavor of HTML5 - 0 views

  •  
    Summary:  For a while, there has been a struggle for the future of markup on the web, a struggle between the W3C's XHTML 2 and HTML5, developed by the major browser vendors under a separate organizational umbrella. First, the W3C took over HTML5, and now it recently announced the sunset of the XHTML 2 effort. This makes a significant difference to the future of XML on the web, and furthermore, because of HTML5's momentum, it is now a technology that every XML developer already has to deal with. But fans of XML need not despair: HTML5 supports a proper XML serialization. Learn about the XML form of HTML5 including some key differences from older XHTML conventions and learn how to practically apply this vocabulary in modern web browsers.
Uzair Ahmed

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

  •  
    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.
Jochen Burkhard

Build Web applications with HTML 5 - 0 views

  •  
    Summary:  For years Web developers have salivated over some of the features promised in the next generation of Web browsers as outlined by the HTML 5 specification. You might be surprised to learn just how many of the features are already available in today's browsers. In this article, learn how to detect which capabilities are present and how to take advantage of those features in your application. Explore powerful HTML 5 features such as multi-threading, geolocation, embedded databases, and embedded video.
Jochen Burkhard

Towards A Cooler Focus Caret - 0 views

  •  
    he focus caret is that dotted outline you see around HTML elements when they have the focus. In some Mac browsers you see a standardized glowing blue border instead, but most browsers show a dotted outline. It's not usually pretty, but it is completely necessary to give an indication of which element has the focus.
Soul Book

The Incredible Em & Elastic Layouts with CSS - 0 views

  • Elastic design uses em values for all elements. Ems are a relative size, written like this: 1em, 0.5em, 1.5em etc. Ems can be specified to three decimal places like so: 1.063em. “Relative” means: They are calculated based on the font size of the parent element. E.g. If a <div> has a computed font size of 16px then any element inside that layer —a child— inherits the same font size unless it is changed. If the child font size is changed to 0.75em then the computed size would be 0.75 × 16px = 12px. If the user increases (or decreases) text size in their browser, the whole interface stretches (or shrinks.)
  • All popular browsers have a default font size of 16px. Therefore, at the default browser setting, 1em = 16px.
  • The <body> inherits it unless styled otherwise using CSS. Therefore 1em = 16px, 0.5em = 8px, 10em = 160px and so on. We can now specify any element size we need to using ems!
  • ...9 more annotations...
  • However, (gasp) IE has a problem with ems. Resizing text from medium (default) to large in IE5/6 would lead to a huge increase in font size rather than the gradual one expected. So another selector is needed to get IE to behave: html{ font-size:100%; }
  • Let’s give our <body> some more style, and center everything in the viewport (this will be important later for our content wrapper.) Our initial CSS ends up like this: html{ font-size: 100%; } body{ font-size: 1em; font-family: georgia, serif; text-align: center; color: #444; background: #e6e6e6; padding: 0; margin: 0; }
  • 1 ÷ 16 × 740 = 46.25em (1 ÷ parent font-size × required pixel value = em value)
  • While we're here, we might as well add some typographic goodness by selecting a basic leading and adding some vertical rhythm, with everything expressed in ems.
  • Set a 12px font size with 18px line height and margin for paragraphs
  • Dividing the desired line height (18px) by the element font size (12px) gives us the em value for line height. In this example, the line height is 1 and a half times the font size: 1.5em. Add line height and margin properties to the CSS: p{ font-size: 0.750em; line-height: 1.5em; margin: 1.5em; } Now the browser will say to itself, “Oh, line height and margin is set to 1.5em, so that should be 1.5 times the font size. What’s the font size, again? 12px? OK, cool, make line height and margin 1.5 times that, so 18px.”
  • To retain our vertical rhythm we want to set an 18px line height and margin. Easy: If the font size is 18px then 18px in ems is 1em! Let’s add the properties to the CSS (and make the font weight light:) h1{ font-size: 1.125em; line-height: 1em; margin: 1em; font-weight: 300; }
  • Jon, good article and very useful chartm but your text sizing method has one major drawback. If elements with font-sizes set in em’s are nested, i.e with lists, these elements inherit the font size. Therefore each child element will be 0.75em (or 75%) of the previous one: See an example here. (Would have posted the code put it was coming out really ugly!) I would recommend against using that method and setting the global font size in the body tag i.e. 'font-size:75%' for 12px. Then only setting different font-sizes where necessary.
  • Thanks Will, interesting point, but that is solved with a simple font-size:1em on the first child. Retaining the default ensures that even images are sized correctly in ems. IE (surprise) will compute incorrectly against a parent length equivalent to 12px. My preference born out by some minor but painful computed size errors in complex layouts is not to adjust the body, and only set font size where necessary for specific elements.
  •  
    A nice and simple explanation of using EMs to make elastic layouts
Jochen Burkhard

Modern CSS Layouts: The Essential Characteristics - Smashing Magazine - 0 views

  •  
    Now is an exciting time to be creating CSS layouts. After years of what felt like the same old techniques for the same old browsers, we're finally seeing browsers implement CSS 3, HTML 5 and other technologies that give us cool new tools and tricks for our designs.
Jochen Burkhard

Web Developer Basics: Link Relations In HTML5 - www.htmlgoodies.com - 0 views

  •  
    In the first installment of this series, we introduced HTML5 and saw how much of its most basic syntax is far more simple and direct than the way most developers are used to coding. In this article, we'll look at some other basic tags and see some of the power of the language. A great deal of this power is due to the fact that browsers are becoming so powerful themselves that they can almost be looked at as "display engines". So HTML5 lets you design and code at a higher level conceptually, leaving some of the implementation details to the browser.
Luciano Ferrer

Isotope - jquery magic layouts - responsive - 10 views

  •  
    Isotope: An exquisite jQuery plugin for magical layouts Features Layout modes: Intelligent, dynamic layouts that can't be achieved with CSS alone. Filtering: Hide and reveal item elements easily with jQuery selectors. Sorting: Re-order item elements with sorting. Sorting data can be extracted from just about anything. Interoperability: features can be utilized together for a cohesive experience. Progressive enhancement: Isotope's animation engine takes advantage of the best browser features when available - CSS transitions and transforms, GPU acceleration - but will also fall back to JavaScript animation for lesser browsers.
Vernon Fowler

The future of CSS layouts | Feature | .net magazine - 1 views

  •  
    "Conclusion FlexBox and Columns aside, it's still not definite which new layout modules will be fully implemented cross-browser. I'd say that Positioned Floats and Exclusions are very similar, and could easily be merged (indeed, this seems to be happening). Grid Layout has subsumed Template Layout, and will definitely be in IE10. Regions has already been implemented in a fork of WebKit, so could appear in WebKit browsers (Safari, Chrome, etc) very quickly. So I'd be willing to predict that with some changes to syntax, most of what you see here will make it into CSS3 in the future. If that's the case, I think it's a good thing; these new methods are complementary, not competing, and with a minimum of work will allow us to build very sophisticated websites a few years from now."
tom studer

HTML5 Rocks - HTML5 vs Native: The Mobile App Debate - 0 views

  •  
    Mobile apps and HTML5 are two of the hottest technologies right now, and there's plenty of overlap. Web apps run in mobile browsers and can also be re-packaged as native apps on the various mobile platforms. With the wide range of platforms to support, combined with the sheer power of mobile browsers, developers are turning to HTML5 as a "write one, run many" solution. But is it really viable? There are still compelling reasons to go native, and clearly, many developers are indeed going that route. This article is a debate on native versus the web.
Kashif Mehmood Mughal

35 Most Wanted Firefox Add-ons for Web Developers and Designers | Dzinepress - 4 views

  •  
    Mozila Firefox is an famous internet browser that is fast then others, easy to use amazingly customizable according to requirment, this is also first choice of web designers and developers. Firefox provides an endless amount of functionality that you never seen in other internet browsers.Such tiny but helpful add-ons always make life easier and it absolutely saves time and go through the listed most wanted firefox add-ons and share other most useful add-ons for most of peoples need.
Luciano Ferrer

The @Font-Face Rule and Implementation Tricks - 2 views

  •  
    "@font-face method is frees designers from the yoke of the standard palette of "web-safe" system fonts that have been used for many years. Surprisingly, however, this capability has been available in Internet Explorer since 1997. IE4 was the first browser to allow web fonts, but it did so with a proprietary format that prevented other browsers from following suit. Microsoft has since submitted its format to the W3C for consideration as a standard, but now that Firefox, Safari, Chrome, and Opera are all implemented now. So you can consider it pretty safe to use."
‹ Previous 21 - 40 of 238 Next › Last »
Showing 20 items per page