Posts Tagged “webdesign”

  • What's wrong with the web forms these days?

    Filling out forms on the web is an inconsistent and often infuriating experience. What follows are some of my major complaints. I'm not a UX professional, though as a front-end developer it's definitely been part of my job. This post is written from a user standpoint, though. A frustrated, annoyed customer of e-commerce websites, a user who regularly signs up for services, and one who even occasionally fills out a contact form.…

  • Easy retina image serving with Apache rewrites

    The trick uses Apache rewrites and allows every image filename to be inserted in the HTML with "@2x" appended, falling back to the base filename if that file doesn't exist. I also occasionally customize an additional format for social sharing, appending "\lg" instead of "@2x", and the rules cascade such that if "\lg" doesn't exist, it looks for "@2x", and barring that, just uses the base filename.…

  • Easy embedding of Google web fonts

    I'm working on a new splash/intro section to embed in Marked 2. It's coming along nicely, and in addition to offering a "Getting started" series of slides, it can set groups of configuration options with a single button. Now that Marked has attempted to satisfy so many different writing workflows, it's become overloaded with options (i.e. "bloated"). This simplifies things greatly (details:).…

  • Antetype giveaway!

    If you design for the web, you've probably used an array of tools for wireframing and prototyping. If you haven't tried the latest version of Antetype, though, you should take it for a spin.…

  • Web Excursions for May 05, 2014
  • Web Excursions for April 14, 2014
  • Cupcake, a color tool for web and app designers

    I've been beta testing an app called Cupcake for what seems like forever. A while ago it didn't look like it was going to make it to the App Store. It just did, though, and I think it's of interest to anybody who's ever had to code a color.…

  • A Jekyll CDN with CloudFront

    I recently added a CloudFront CDN for all static assets on this site. Adding a CDN to Jekyll isn't terribly difficult, but there are a few steps. I found this post, which was very helpful. It's primarily for Rails sites, so I'm posting some more detail for Jekyll sites here.…

  • TL;DR, a jQuery plugin for bloggers

    I made a jQuery plugin called "TL DR" live on GitHub last night. It's designed for bloggers who write long posts: it adds a block with summaries and skip links automatically. It was inspired in part by QuikScan, which was pointed out to me by Christopher Allen.…

  • Web Excursions for October 11, 2013
  • A guided tour of brettterpstra.com

    I tend to spend a couple hours every weekend hacking new features into this website. A lot of them are convenience features on the back end that really have no visible effect on the user experience, but some of them do. I think a lot of them fly under the radar. In order to make myself feel a little better about the time invested, as well as helping me to remember what all I've done, I thought I'd point out a few of the prominent, front-facing "tricks."…

  • Site versioning with Jekyll/Octopress

    When you're editing the design and scripts on a static site that has good caching implemented, seeing your changes can be tricky. The easiest way around it is to add a "cachebuster" version string to the file includes.…

  • jQuery Fiddler for LaunchBar

    I'm tossing an early-morning project out there for anyone who might find it useful. It was inspired by a quick tip via OneThingWell. It lets you pop up LaunchBar, type in a Sparkup format string and create a temporary playground (with jQuery loaded) in Chrome. You can then use the inspector to modify elements and test out jQuery.…

  • An easy visual alert for your staging site

    I've had a lot of fun with Jekyll lately. There are little things popping up on this blog that seem insignificant but took way too much time. I'm not sorry, I had fun doing it. I intend to blog a bit more about my Jekyll hacks, but I threw this one on today and it's simple enough to write about in under five minutes.…

  • A relaunch for 2013

    As you may have noticed, this site has changed. I find it significantly less ugly now, but the changes run much deeper than that.…

  • Emmet for Cheaters

    Ok, first, if you ever work with HTML or CSS and you haven't seen Emmet yet, take a minute and check it out. I'll wait.…

  • Web excursions: October 6, 2012
  • Mac app review: Slicy

    Slicy from Macrabbit. I've mentioned it before (more often back when it was Layercake), but it's worth a more meaningful mention. If you create graphics in Photoshop for web or app UI and you don't use it yet, read on.…

  • iOS-inspired popup box CSS

    I tweeted the other day that I had made some CSS buttons in a sleep-deprived haze that I really dug. The only reason I even remembered they were there was a command-line-generated entry in Day One that linked to the file. This is why I log.…

  • Running a website with VoodooPad

    VoodooPad is a powerful note-collecting, wikifying, productivity machine. With the right scripts, you can make just about anything happen, at least within the realm of text, images and web pages. VoodooPad has a built in web server, and can export your notebook as a full website, with links intact. I like the web export the best, because it gives me a crazy amount of control over the output. To that end, I built a website using nothing but VoodooPad, hopped up on some custom scripts. I can…

  • LiveReload addendum

    I thought a couple of additional discoveries after my LiveReload review yesterday were worth mentioning in a second post. First, Andrey Tarantsov (the developer) stopped by the post and let me know that the planned price is US $9.99 when it gets to the App Store. He's charging almost exactly what I think will value his work but not freak out potentially valuable customers. I'm excited to purchase the final release.…

  • App Review: LiveReload

    I linked LiveReload on Twitter the day I discovered it, but I haven't given it a truly thorough test until tonight. Suffice to say I was impressed enough to take some time out to write it up.…

  • Clippable to Evernote Snow Leopard Service

    Clippable to Evernote will allow you to trigger the Clippable bookmarklet in Safari and copy the result directly to your "Unfiled" notebook in Evernote. This service is Snow Leopard-only. If you need it modified for Leopard and aren't sure how, let me know. If there's some interest, I'll just work one up and post it.…