Skip to content

rweber.net

trying to be a mile wide AND a mile deep

  • About
  • Contact
  • Tech
  • Craft
  • Blog

Category: CSS

Playing odd-browser-out

Posted on 2017/10/162017/12/15 by Rebecca
Photo of five waterfowl by Luzap on Pixabay

Different browsers act differently with regards to both CSS and JS, but sometimes most are in agreement and one sticks out. Here are a few examples I’ve come across that stood out.

Posted in CSS. Tagged animation, website layout. Read More

Improving Embedded Google Maps

Posted on 2016/08/082017/12/15 by Rebecca
vintage map collage via ArtsyBee on Pixabay

A simple addition to an embedded Google map greatly enhances the user-friendliness: a transparent overlay that disappears with a click.

Posted in CSS, JavaScript. Tagged cross-site interaction, UX. Read More

Side by Side Divs

Posted on 2016/01/182017/12/15 by Rebecca
illustration of hanging lamps

How many ways are there to position a sidebar next to the main content of the page?

Posted in CSS. Tagged website layout. Read More

As responsive as iframes get

Posted on 2015/12/212017/12/15 by Rebecca
Wooden Picture Frames photo by Michael Moeller

Making iframed content adapt to various width displays while maintaining its aspect ratio is more complicated than one might like. However, it’s not hard, and this post shows you how to do it.

Posted in CSS. Tagged cross-site interaction, website layout. Read More

Mysterious Extraneous Whitespace

Posted on 2015/12/142017/12/15 by Rebecca
Mind the Gap

Assorted notes on recent experiences I’ve had with large amounts of blank space in websites. For smaller amounts you can check out my much earlier post on eliminating white space.

Posted in CSS. Tagged website layout. Read More

Parallax without Plugins

Posted on 2015/11/162017/12/15 by Rebecca
photo of runners waiting to race down their lanes

We’ve done some simple parallax on a couple of websites recently, using jQuery but no additional JavaScript libraries. It takes some hand-tweaking – and you have to know your items in advance – but is also much lighter weight than a plugin. Here’s how.

Posted in CSS, JavaScript. Tagged jQuery, portfolio. Read More

Posts navigation

Older posts

Main Categories

  • JavaScript
  • CSS
  • Developer Toolbox
  • Analytics
  • Projects

Posts aimed at non-developers, in full or in part, are in the Help Desk category.

You may also wish to view posts tagged portfolio or in the Toys and Games category (my own and other people’s).

Disclaimer

Opinions and advice on this site are my own, and are not endorsed by my employer, King Arthur Baking Company.

Proudly powered by WordPress | Theme: amalgamation by Rebecca Weber.
Return to Top