Webdesigninformer.com

Helvetify Safari Extension : Make everything Helvetica. On any page. Word. … Read the rest here

Helvetify Safari Extension

Helvetify Safari Extension : Make everything Helvetica. On any page. Word. … Read the rest here

Changing Display Resets Scroll Offset

In Chrome 5, Safari 4, Opera 10.53 and sometimes Firefox (although I was unable to reproduce it in this test case), changing the visibility of the element by toggling display:none will cause the scroll offset to reset to zero. Toggling visibility:hidden does not seem to trigger the same problem. Scroll the container and then toggle the classes applied. Class applied: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. … Read the rest here

Modify the Presentation Layout of Safari 5 Reader

Modify the Presentation Layout of Safari 5 Reader : This tip will work for modifying just about anything, not just color. Try eliminating line 85 if you’re as unenthused as I am about justified text. … Read the rest here

“What I’d Prefer for the Safari 5 Reader”

“What I’d Prefer for the Safari 5 Reader” : Concept by Justin Stahl. I have to agree, the justified text kick that Apple is bent on right now is seems as one-sided as their Flash vs. HTML5 rhetoric. I honestly don’t get why a simple option isn’t available to allow the user to switch between justified and flush-left text, especially in iBooks. … Read the rest here

Coda Notes, a Safari Extension

Coda Notes, a Safari Extension : It’s not available to the public yet, but the idea seems promising: When you install Coda Notes, you’ll get a new button in your toolbar. Click it to see all our annotation tools, built right into Safari. Draw some notes on your favorite website. Communicate changes, ideas, concepts, or problems. Then, when you’re done, hit the Send Notes button and the whole page flips over as a postcard. /via Daring Fireball … Read the rest here

New HTML5 Form Field Type: range

New HTML5 Form Field Type: range : Amidst all the HTML5 buzz over the past year, somehow I missed this: HTML5 offers a new input field type, type=”range” , which renders a UI slider for entering data anywhere between the min and max values you specify. This feature could become as useful as CSS multiple backgrounds, in that a) it’s long overdue and b) we’re already faking it all over the web. The HTML5 presentation from which this slide was taken, by the way, is wonderful. It’s an interactive teaching tool on the subject of HTML5, CSS3, and JavaScript APIs. Slide 41 is really wild—press 3, then arrow left or right. Update: I failed to mention these slides are best viewed with a browser that already supports these features, i.e… Read the rest here

Opera Mini vs. Mobile Safari, a Flickr Photoset

Opera Mini vs. Mobile Safari, a Flickr Photoset : Screenshots I took this morning comparing Opera Mini for iPhone and Safari on iPhone, using Opera.com, NYTimes.com, Apple.com, and CameronMoll.com. First impressions after a few minutes of testing: Opera Mini is definitely snappy on iPhone. NYTimes.com loads quite fast compared to Safari. However, most text on non-mobilized sites is illegible without tapping to zoom in. This almost negates any speed gains vs. … Read the rest here

Organ Theme for Tumblr

Organ Theme for Tumblr : From its creator, Simurai : Well, it’s more a CSS experiment that doesn’t use any JavaScript for the animation. Make sure you test it in Safari/Chrome. You can use this theme on your own tumblr blog, but keep its limitations in mind and at the moment it only supports picture posts. Design + interactivity = +1 … Read the rest here

Simplified ExpressionEngine Control Panel Theme

Simplified ExpressionEngine Control Panel Theme : Jesse Bennett-Chamberlain: I’m currently working on a project that involves a lot of EE development, so I took a couple hours last night to tweak the default Control Panel theme. I’ve only tested it in Safari… so your milage may vary… but feel free to give it a try. … Read the rest here

Turning Web Video On Its Head

Here’s some fun. (For a sufficiently nerdy definition of “fun”.) Launch Safari 4 or Chrome 4. Drag Videotate to the bookmarks bar. Go opt into the YouTube HTML5 beta . Find your favorite YouTube video. … Read the rest here

iPad Ready Websites

iPad Ready Websites : Apple: iPad features Safari, a mobile web browser that supports the latest web standards—including HTML5, CSS3, and JavaScript. Here are just a few of the sites that take advantage of these web standards to deliver content that looks and functions beautifully on iPad. They’re speaking our language. I’m listening. /via Daring Fireball … Read the rest here

Hundred Pushups

Have you heard of Hundred Pushups ? It’s a simple six-week program to build up your strength by slowly increasing the number of pushups you can complete. By the end of six weeks, you should be able to complete 100 and along the way you’ve gotten a short workout working multiple muscle groups. Since I’m still trying to lose weight , I figured I’d get started on the program (yesterday was my first day and managed to do 12 pushups at the end of my first set). However, being the geek that I am, I thought, "I should track my progress with a cool iPhone app." There is one available for $1.99 from the Hundred Pushups web site. … Read the rest here

HTML5 Forms Are Coming

HTML forms have been, to date, quite simplistic. We’ve had limited options: the text field, the checkbox, the radio button, the textarea and finally the select drop down. Any complex data like phone numbers, email addresses or dates had to be checked by JavaScript. (And you should always and I mean always do server-side validation of the data.) The input element works overtime by being rendered completely differently based on the type it’s given—be that a text field, password, checkbox, radio button, and others. Considering my readership, this is all terribly old and boring to you now. I understand… Read the rest here

Not Supported

Leave it to PPK to come out with a bold statement like, " CSS vendor prefixes considered harmful ". Moreso, It’s time to abolish all vendor prefixes. They’ve become solutions for which there is no problem, and they are actively harming web standards. The problem is that they are necessary. Look at Safari’s implementation of border-radius compared to the rest. I still can’t remember if it’s border-radius-topleft or border-top-left-radius . … Read the rest here

Background Position X and Y

Every now and then I look at using background-position-x and background-position-y but can never seem to find a definitive and up-to-date resource. To save myself the trouble in the future, I’m documenting it here. Positioning via separate X and Y values is a feature that Internet Explorer introduced but never made it into a W3C specification. Any recommendations to add it to the spec have been denied . Why have separate X and Y values? … Read the rest here

Inspector Scrutiny

It’s been said before that web inspectors—Firebug, Dragonfly, the inspectors in Safari and Chrome, and so forth—are not always entirely accurate. A less charitable characterization is that they lie to us, but that’s not exactly right. The real truth is that web inspectors repeat to us the lies they are told, which are the same lies we can be told to our faces if we ask directly. Here’s how I know this to be so: body {font-size: medium;} Just that. Apply it to a test page … Read the rest here

Fixed Monospace Sizing

Monospace text sizing is, from time to time, completely unintuitive and can be quite maddening if you don’t look at it in exactly the right way. Fortunately, there is a pretty simple workaround, and it’s one you might want to consider using even if you weren’t aware that a problem existed. But first, allow me to lay some foundations. Assuming no other author styles beyond the ones shown, consider the following: span {font-family: monospace;} This is a ‘p’ with a ’span’ inside. All right, what should be the computed font-size of the span element? Remember, there are no other author styles being applied. … Read the rest here

Rounding Off