Cool Tools and Toys for Web Developers
Shadow Health Help Desk; Student Troubleshooting; macOS; macOS Audio issues in Safari; Upgrading your OS X installation; How to adjust microphone volume (macOS) Enable Microphone on macOS; Status Page: Submit a request.
John, the lead developer (ok, pretty much the only developer) of Style Master is an avowed hacker. He loves exploring and experimenting with the latest features in browsers. Here's a collection of tools for web developers he's put together to help you analyse and debug your sites (and other people's sites as well), play with CSS3 features (bleeding edge browsers recommended) and more.
- Behold the power of pigment. Elevate your eyes with a streak of rich, highly pigmented pressed powder. This saturated shadow formula stays on all day long with non-creasing, eight-hour wear. The result: potent colour payoff that applies evenly, blends well and can be used wet or dry. Available in a kaleidoscope of colours, textures and finishes.
- Trace my shadow is a tool that allows you to get a glimpse into the digital traces you're leaving - how many, what kinds, and from what devices. Start by selecting the device and services that you use. See how many traces you leave and what you can do take control of you traces. Check off the devices that you use.
- You can use gfx.io to lock to one card, or to read about how this system works and disable if you want, check out our f.lux profile + prefs article. If you still have questions about f.lux or need more help, you can check our FAQ or ask a question in our support forum.
XRAY
XRAY works in Safari, Firefox and Internet Explorer. It helps you visualize the layout of your page. Add it to your bookmarks, and then on any web page, use it to see the position, margins, padding, dimensions and more details of any element. Try it now.
XRAY uses lots of cool CSS3 features like border-radius, opacity, box and text shadow, as well as the HTML5 canvas.
MRI
MRI helps you create the best possible selectors for your CSS. Add MRI to your bookmarks bar, then for any page, click an element, and MRI suggests selectors for that element. You can also test selectors with it. Try it now
MRI also uses lots of cool CSS3 features like border-radius, opacity, box and text shadow, as well as the HTML5 canvas.
CSS3 Sandbox
Shadow Live Os
Gradients
You Are My Shadow Mac Os X
Explore CSS gradients (both linear and radial) (an experimental feature in Safari 4, and a proposed addition to CSS3). You'll need Safari 4 or a webkit nightly to see the gradients in action, or Firefox 3.6
Shadows
You Are My Shadow Mac Os Catalina
CSS now lets you create drop shadows on text, and on the box of an element. Explore CSS3 transforms (supported in Opera 9, Firefox 3.5 and Safari 1.2 and higher), and box-shadows (supported in Firefox 3.5 and Safari 3.1).
CSS Transforms
You can rotate, scale, skew, and otherwise transform HTML elements with CSS 3. Explore CSS3 CSS Transforms (supported in Opera 10.5, Firefox 3.5 and Safari 4 and higher).
CSS Text Stroke
You can stroke text with experimental CSS text-stroke, supported in Safari 4
Coming soon
We've got more cool tools coming soon to the sandbox, including tools to help explore opacity, multi-column text, transitions, animations and embeddable fonts. Subscribe to our feed to keep up to date.