I viewed reputable websites purely in Comic Sans. The results were striking. A couple of weeks ago, I started setting my browser to display all the text content of reputable websites in Comic Sans MS, the most hated font in the world. The results were striking, like if you could watch C-SPAN with a “dress […]
In general, there’s no especially good time to explain why Internet Explorer is bad. It’s been bad for years, it’s still bad, and all signs point to it being bad forever—so, in some sense, it’s not news. So here are a few reasons why I chose now to tackle the topic: Back in April, the […]
Sass lets you code CSS stylesheets the way you would write other software. I just got done with a huge client project that relied heavily on Syntactically Awesome Stylesheets (Sass), the CSS preprocessor. Sass, which we’ve written about a few times, lets you code CSS stylesheets the way you would write other software, using functions, variables, inheritance, and […]
This is a third post exploring applications for Syntactically Awesome Stylesheets (Sass), the CSS preprocessor that can really turbocharge how you create and modify CSS. Today we’ll be exploring a function called ensureTextContrast() that lets you rest assured that, across two arbitrary font and background color combinations, the font will be light or dark enough […]
This is a second post exploring applications for Syntactically Awesome Stylesheets (Sass), the CSS preprocessor that can really turbocharge how you create and modify CSS. Here we’ll be looking at a very simple Sass functions I’ve written called rUp, which I think is a generally-better alternative to CSS’s default em specification. The code @function rUp($multiple: […]
Probably the easiest way to sell things online is using PayPal purchase buttons. PayPal buttons can be a good fit in cases when a complicated and full-featured e-commerce solution might be overkill—for example, if you have a very simple single product, like an e-book. One thing you may not have realized is just how customizable […]
This week’s post is pretty technical—it’s only for users of Syntactically Awesome Stylesheets (Sass). I’m leaving. Before I go, what is Sass? Sass is a CSS preprocessor—a way to write your CSS stylesheets as if you were programming them, with variables, reusable mixins, and a lot else. I can’t recommend Sass highly enough—it literally made […]
The goal: Dynamic, equal heights Sometimes you’d like to have several elements that will all be the same height, no matter what content they have inside them. In other words: This is devilishly hard with straight CSS (if you’re not using tables, which you generally shouldn’t be for layout). But it’s pretty easy with JavaScript/jQuery. […]
This is a follow-up to last week’s post about the CSS default box model. It’s a more in-depth technical discussion of the problem, and it describes the awesome alternative: box-sizing: border-box. What the CSS Box Model Is The CSS box model is the set of rules that decides how a CSS element’s sizes are computed […]
SCENE: A housing development. –Thanks for coming over. Are you the foreman for Constructing Stylish Sanctuaries, LLC? –Our name’s a mouthful. Just call us “CSS” for short. –Great. Well, as you can see, I’ve just bought this brand-new plot of land. It’s just green grass now, but soon it’ll contain my home, garage, and a […]
If you’re a self-employed developer, managing client communication is your job, and your skill at it will impact your project’s success just as dramatically as the quality of your code. One great way to make yourself valuable is to be “a technical person who can talk to people.” Deep technical knowledge is an absolute requirement […]
A simple idea… If you’re a designer, it’s pretty natural to want a bunch of squares to line up next to each other. And if you’re a designer who’s up on responsive design best practices (which we strongly recommend), it’s very natural to want these squares to dynamically resize themselves for different screen widths. In […]
