Posts Tagged “css”

  • Web Excursions for May 23, 2014
  • A collection of Custom Styles for Marked

    I finally realized I was probably never going to find the time to build a whole community platform for sharing Marked styles, and I don't know how many people would participate anyway. So I started a Github repository for it.…

  • Web Excursions for October 03, 2013
  • Web Excursions for August 24, 2013
  • Bash image tools for web designers

    Here are a couple of my Bash functions for people who work with images in CSS or HTML. Nothing elaborate, just things that supplement my typical workflow.…

  • Sidecar 1.2

    It turns out I like Sidecar (my new jacket for Simplify) enough to keep playing with it a little. I present version 1.2 for your review.…

  • Who loves music and 27-inch monitors?

    I had a little fun this morning making a very large theme for the Simplify music controller. I wanted something that made use of the background screen real estate on my Thunderbolt display. "Sidecar" is what I came up with... keep in mind it was pretty early in the morning. Naming things before 6am is not my strong point.…

  • 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.…

  • 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.…

  • Video Evidence: Lion search bar in CSS/JS

    I did a little hacking on Marked today and thought I'd share the results. I haven't been able to get an official incremental find working in Webkit it only wants to work on editable text and forcing the find API yields very unsatisfactory results (as you can see in the current version of Marked by hitting F, searching and then using G to jump to the first result). Out of frustration, I decided to build the damn thing in CSS and JavaScript. It worked.…

  • 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.…

  • Stained: Simplify Jacket

    This one was just for fun. I'm sharing it mostly as a starting point for anyone who wants to dig in and make their own theme for Simplify ($2.99 on the Mac App Store), a music controller for Spotify Desktop and iTunes.…

  • Prefixr OS X Service

    Just for giggles, and because Jeffrey Way was kind enough to provide a simple API for Prefixr, here's a System Service that will turn your standard CSS3 properties into cross-browser, vendor-prefixed versions.…

  • 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.…

  • PromptDown for iOS: Mobile Markdown Teleprompter

    I recently wrote a tiny web app called PromptDown to let me drop in some Markdown (or plain text) and use it as a teleprompter for screencast voiceovers. I wasn't going to put any more time into it, as it did what I needed. Then it started to bug me that it didn't work on my iPad, which could actually be really handy. So my lunch break fine, and an extra half an hour went to making it work a little more smoothly as an iPhone/iPad app. It's also ready to install as a web app, so you can go full-…

  • A little HootSuite userstyling

    I keep trying out the social stream web app, HootSuite (I made a new icon for the Fluid app a while back), both in Safari 5 and in a Fluid browser. I like it, and given that I end up in it pretty often, I thought I'd polish up some edges that were bugging me. These changes may or may not be your cup of tea.…

  • Fixing Gleebox

    If you haven't tried it, gleeBox is an amazing extension. I have it installed in my Firefox and Chrome setups, and I'm more than thrilled that it's finally available for Safari. It lets you do a lot of crazy (and useful) things with keyboard commands on any website. There's a great writeup over at PimpMySafari.com, so I won't go into depth on the wonderful parts. I'll concentrate on the one thing that bugs me about gleeBox: the highlight colors on found and selected elements. They are, in my…

  • 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.…

  • TextMate drag command for Base64 encoding images

    Just a quick hit on this one... when hacking away at the styles of things one probably shouldn't be hacking away at, embedding images right in the CSS is a handy trick. It's done by Base64 encoding the image, removing line breaks from the resulting string, and using it to set the background property for the CSS rule.…

  • Safari Reader Antique hack

    I was thrilled when it was first announced that someone had located the HTML/CSS for the new Safari Reader functionality in Safari 5, which happened the day it was released. I've been toying around with some ideas in the days since, and this hack is the result of a little too much effort. Click the screenshot thumbnail to see a full version.…