Posts Tagged “webdev”

  • Fun with intelligent 404 pages

    Up until today, I'd been redirecting 404 errors on my new site to an archive version of the old site. I'm confident enough at this point that all of my previous content (that I'm concerned with) is properly redirecting and search engines are all updated with the new permalink structure. So I turned that off.…

  • Web excursions: November 26, 2012
  • In-place CSS cursor changes

    As part of a feature I'm working on for Marked, I wanted to have the mouse cursor change while the Command key is held down. Using JavaScript to set the CSS for the cursor turned out to be no good as it wouldn't update until the mouse was moved. In this case that wasn't very helpful.…

  • Fixing virtual hosts and web sharing in Mountain Lion

    Mountain Lion moves "web sharing" out of the System Preferences interface (and into Mountain Lion Server), and disables Apache by default. Now that there's no button to click to turn it on, you have to do things yourself. I've seen some of this posted in a few places, but this serves as a note-to-self.…

  • Sparkup System Service, HTML shorthand everywhere

    I'm shocked that this hasn't been done before. I'm sure it has, really, but my searches didn't turn anything up...…

  • App Review: Gradient

    Gradient is a very polished tool for creating CSS3 gradients in a visual way. If you're not familiar with CSS3 syntax, it looks a little like this:…

  • Make CSSEdit use the latest Webkit nightly every time

    If you're a web designer with a Mac, you probably use--or at least know of--CSSEdit. In it's heyday, it was the way to edit CSS. It's fallen a little out of repair it doesn't recognize new selectors and properties (which messes up color coding and completion). Plus, it doesn't play well with nifty frameworks like LESS or SASS, if you're in the habit of using those. My "watcher" script was my solution to the latter. There's a cool trick, though, that allows you to force CSSEdit to use the…

  • Pinboard redesign experiment

    A Pinboard redesign built off of the styles started by Josh Pigford, I'm providing a bare stylesheet which works with StyleBot on Chrome and User CSS on Safari. The Chrome version can be installed straight from Stylebot.me. Stylebot.me also has a userscript version which could be used with Greasemonkey, but my styles don't seem to translate well to Firefox, yet. I'll work on that when I have time.…

  • Watch for file changes and refresh your browser automatically

    After my epic three-part post on Saturday, I spent the rest of the weekend doing more "useful" things. Now it's Sunday night (Monday morning, I think), and I've got some kind of minor food poisoning which is currently keeping me awake. Thus a "hey, cool trick" post.…

  • A mistake

    I put up a dummy replacement for the Winona Chiropractic site yesterday. I didn't expect many people to see it, except hopefully the client. It's gone viral on Twitter in the meantime, and I just wanted to verify that yes, it was real.…

  • Look, I made you a Markdown teleprompter

    Here's my stupid trick of the day: a Markdown teleprompter called PromptDown (I see what you did there...). The idea was to create a teleprompter for recording screencast voiceovers that was cheap, fast and worked on plain text. I wanted to provide a non-WYSIWYG form field for typing or pasting which still preserved paragraph breaks, so Markdown (via Showdown) was an ideal solution. I also included the jQuery "tabby" plugin so you could use tabs in the textarea without jumping out of it, which…

  • Instant placeholder images with TextExpander

    When designing for the web, placeholder images can come in handy during initial layout, and even during wireframing, if you happen to wireframe in markup. I've been using a TextExpander snippet to generate instant placeholder images at any size (almost) and with appropriate titles using Placehold.it. It's a really handy snippet to have in your web design toolkit.…

  • Notes on cleaning up the MediaTemple hack (JohnnyA)

    NOTE: Be sure to read through the comments, there's a lot of additional and very useful information in there. I'll compile the notes as soon as I'm able and add them to the main post.…

  • Visually differentiating your development site

    I have most of the websites I work on set up with separate development (usually local) and production/deployment servers. It's pretty easy to keep straight when I'm first designing a site, but going back later and making changes can cause some confusion with all the refreshing and dealing with caches and all. So I've been using a trick to make it clear which version I'm loading at any given time.…

  • Targeting and filtering IE with relative ease

    I just read a blog post by James Scariati regarding a method to target every version of IE from a single stylesheet. The idea was to add a wrapper div with a specific class using conditional comments, allowing you to target IE6 using CSS specificity rather than separate stylesheets. The commenters took it a bit further, and I decided to test out a slight permutation.…