Jay Robinson

Tag: web design

  • New portfolio homepage for jayrobinson.org. 100% hand-coded, plain old semantic HTML, and responsive CSS. Please, do check it.

  • Needed in Photoshop: proportional leading/line height as in CSS

    Needed in Photoshop: proportional leading/line height as in CSSIt’s always bothered me that I cannot effortlessly create proportional line height in Photoshop. The leading widget in the Character panel should use a multiplier of the font size—as in InDesign or CSS. For example, I could set my text to 24px and the leading to a…

  • Quick note on why you should always use Progressive JPEGs if larger than 10KB

    Lately I’ve been doing a ton of reading on decreasing website load time, image optimization techniques, responsive loading for different devices, and every detail I can find in between. One quick takeaway is that I will always tick the “progressive” checkbox in Photoshop’s Save for Web dialog from now on when saving JPEGs larger than…

  • A little insight on how I designed the Sencha Touch 2 product section. I’ve been using Sharpies for wireframes to force myself not to draw in too many details.

  • uxuiuxui: NeXT was acquired by Apple in February of 1997. It took him one year to go from that to this.

  • If you’re going to use advanced CSS3 properties, it only makes sense to use them correctly: write them alphabetically and write as if they’ll be adopted.

  • This virtual party flier, an invitation for an event at SXSW 2010, should keep your Firebug finger busy for a while. The word-art effect, the buildings, the trees, are done entirely in CSS. The only images are avatars and sponsor logos at the bottom. @Font-face fonts provided by Typekit.

  • Speaking of one-stop CSS web apps, Jacob Bijani created his own for generating border-radius rules. Using border-radius can get tricky if all four corners are not the same, as Mozilla is the only browser that breaks the recommended spec. Find this helpful tool at one of four domains: http://border-radius.com/, http://borderradius.com/, http://css-border-radius.com/ or http://cssborderradius.com/.

  • Primer is a useful web app that allows you to paste in HTML and get the appropriate CSS selectors. My workflow looks like this: Design in PhotoShop. Write semantic HTML. Copy and paste HTML into Primer. Get CSS selectors and begin styling. Check out PrimerCSS.com.

  • 2105: A List Apart: Articles: Flash and Standards: The Cold War of the Web Dan Mall continues to probe the debate between web standards, HTML5 apps and Flash. Good article; rad illustration. Go GloomyBear!

  • Those compact discs sound amazing, but they won’t fit in my tape deck. Trent Walton thinks that mandating cross-browser compatability is holding us back from incredible technical achievements and I think he’s right.

  • A conversation I have every month or so

    Dan Wineman: Me: (tries to visit a local restaurant’s website via iPhone)Restaurant website: I require Flash. Fuck off.Me: I just want to know how late you’re open.Website: Nope.Me: But I’m on my phone. Don’t you have a little “HTML Version” link up in the corner or something?Website: I’m ignoring you.Me: What if I’m on my…

  • iTunes 9 and the Future of WebKit

    iTunes 9 and the Future of WebKitAt a Special Media Event on Wednesday morning, Apple unveiled the latest iPods along with a new version of iTunes, version 9. Apple revitalizes their iPods every year, so this was not unexpected. However, what surprised me was what I first attributed to idle commentary: the redesigned iTunes Store…

  • Today I built my own Coda interface on our Fasturtle development server. It still needs a few things: dynamic screenshots script (perhaps webkit2png) dynamic resizing of thumbnails with slider page curl effect?

  • Setting Up Your Mac For Local Development Using Coda, WordPress & MAMP

    Setting Up Your Mac For Local Development Using Coda, WordPress & MAMPWordPress is not just for blogs. WordPress is a highly sophisticated content management system that you can use to develop and manage your client’s professional websites. Best of all, it’s entirely free. To get started it helps to experiment without the hassle of publishing…