Group items tagged

Explore a comprehensive collection of guides, reference, and other resources for developing web applications and content for Safari. The Safari Reference Library provides detailed information for web developers on iPhone, iPod touch, Mac, and PC. These resources include guides and articles, API reference documents, sample code, release notes, and technical notes. Use these resources to learn about Safari's developer tools, visual effects, HTML and CSS support, JavaScript and DOM support, and other features and technologies. The library is organized by Topics and Resource Types.

This is a demo site for CSS3. For most stuff you need Safari 4+, Chrome, Firefox 4 beta or Opera 10.5x to make these demos work. For 3D stuff, you need Safari 5 or the WebKit Nightly build.

"background: -moz-linear-gradient(top, rgba(97,103,150,0.35) 0%, rgba(125,185,232,0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(97,103,150,0.35)), color-stop(100%,rgba(125,185,232,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(97,103,150,0.35) 0%,rgba(125,185,232,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(97,103,150,0.35) 0%,rgba(125,185,232,0) 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, rgba(97,103,150,0.35) 0%,rgba(125,185,232,0) 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59616796', endColorstr='#007db9e8',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, rgba(97,103,150,0.35) 0%,rgba(125,185,232,0) 100%); /* W3C */"

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.

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.

download and/or convert fonts Upload a font and this will spit out everything you need to embed it into a website including HTML, CSS and multiple font file formats. You'll definitely want to bookmark this one! Each @font-face font kit come with: Original TrueType or OpenType Fonts for Firefox 3.5+ , Opera 10+, Safari 3.1+, Chrome 4.0.249.4+EOT fonts for Internet Explorer 4+Demo.html and stylesheet.css so you can get going fastNOTE: All fonts are subset to the Mac Roman char set.

an online CSS authoring tool that has many layout templates, background image maker, and other features. Requires Javascript. (Safari, Firefox, Internet Explorer; free; in Japanese)

IxEdit itself is made with JavaScript, and it is an entirely new type of design tool which is to be embedded in the HTML you are editing. Firefox, Safari, Chrome, or IE becomes your interaction development environment. The interactions you create will be applied on-the-fly to the web page, so you can edit them while checking how they behave in real time.

ABOUT THIS PAGE: This is a little experiment to try some new stuff with the new browsers and the @font-face rules. You'll need the latest versions of Safari, Firefox or Opera to view it. We didn't design it to degrade gracefully.

I have created a monkey patch for jQuery (tested through 1.4.3) which enables you to independently set and/or animate both the scale and rotation of any HTML content with jQuery. This code uses the scale() and rotate() CSS transformations that are only supported by Webkit, Safari, Chrome, Firefox 3.5+, IE9 (Platform Preview 7+), and some versions of Opera at this time.

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.

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

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.)