In the spirit of New Earth USA, here’s some minimalist crop rows in 3D CSS.
Let’s look at how this is built. Continue reading 3D CSS crop rows
In my latest responsive design creation, I wanted to follow Jakob Nielsen’s guidelines and allow mobile users to have easy access to the full desktop site, if desired. This is relatively straightforward to do if you have a CMS, but a static site has to be a bit more creative.
However, if your application tends to hit the same addresses over and over again — say, to plot the location of restaurants near your business address — it’s possible to cache these lookups in a database. You’ll still be using Google to look up new addresses, but any user hitting the same address twice in the same day will use your database instead of Google’s service. Continue reading Caching Google Maps geocoding lookups
Here’s one approach that takes advantage of mobile browsers’ use of the
<meta name="viewport" content="width=device-width"> tag. Continue reading Allowing mobile users to toggle between desktop and mobile versions
Solution: Use a server-side script that will retrieve the same data, requesting it over and over if an OVER_QUERY_LIMIT error occurs.
In an ongoing effort to squeeze the most flexibility out of nested-list navigation menus, I developed this two-line version. Unlike the traditional OS-style dropdown menus, this one sacrifices horizontal space to save on vertical space, which is usually preferable in a small website. The menus can easily be aligned to the left or right instead of to the center.
CSS makes it easy to highlight special links across your entire site. For instance, many of our sites indicate when a link points to a PDF or external website by labeling it with a special icon.
In the bad old days, web developers added “(PDF)” to each and every PDF link in your site by hand. This is doable but tedious, especially if someone else is making changes to the site after you’ve finished building it. This is where CSS generated content comes in handy.
However, sometimes you just want something so simple that even a few KB worth of plugin is more trouble than it’s worth. With that in mind, I’ve written my “world’s easiest slideshow” script — just ten lines of jQuery and ten lines of CSS. I’ve used this three times in the last month alone, and it’s about as simple as I can imagine.