Ah, isn’t it cool to see how far we’ve come? While there are still a fair amount of restrictions and browser compatibility, there are some cool things that can be done by combining some CSS with good ol’ jQuery.
Check this jQuery plugin out that allows a simple way to have curved text that’s actual text — and not a graphical representation of text. Love it — as long as it’s used sparingly and appropriately.
How to Curve Your Text Using CSS3 and jQuery – Arctext.js Responsive jQuery Plugin
Friend and co-worker asked me this morning if I knew of a way to make text scale to always fill the width of its parent element. I was pretty sure it couldn’t be done with just CSS, and especially be cross-browser compatible.
Read the rest of this entry »
Columns have always been an issue in post-table designed web pages. I’ve always addressed it with JS to make equal columns. This is a much better (and cleaner) solution.
Responsive Full Height (Equal Height) Columns Using the Faux Columns CSS Technique
Awesome infographic walking developers (and designs with some CSS and HTML chops) through responsive development. The section on media queries and where to choose to cut up the different resolutions is invaluable, and print and post worthy.
10 Developer Tips To Build A Responsive Website
Hat tip, Ben for sharing this one.
Nice article on making it easier to attack responsive design — a process that we’d all like make simpler.
Five Ways to Simplify Responsive Design
Great article I’ve been meaning to post for a week on how responsive web design encompasses more than just a couple screen resolution targets.
Responsive Web Design is So More than Just a Few Breakpoints
With retina displays and so many different devices able to access the web — all with widely varying screen resolutions, responsive sites just make sense. The black sheep of responsive sites: your images. While they all can’t be vector images, using vector graphics when possible is a great addition to your responsive site.
Splash Vector Graphics On Your Responsive Site
Nice article from over at “A List Apart” on chasing higher resolution (retina) displays, and keeping the web beautiful — and not fuzzy:
Mo’ Pixels Mo’ Problems
I’ve been meaning to post this since last week. This project below is basically a bookmark snippet you can utilize to make anything responsive — as long as you can utilize the snippet on your browser/device of choice:
Love this little tutorial on creating a responsive menu for your site that adapts with four dimensions as breakpoints.
Creating a CSS3 Responsive Menu