Numbered header using flexbox with fallback

One of the designs I recently had to work on needed a narrow width header in a sidebar with a large number on the left side of it and the header text vertically centered to the right.

If you've worked with CSS for awhile you've probably ran into the same issue as everyone else. Vertical alignment with universally supported css is not easy. There are multiple techniques you can use to make something vertically aligned but there are drawbacks to…

Tags:
  • programming
  • css
  • browser
  • css3
  • code
READ MORE

<input type="number"> and iOS' numeric keypad

You probably already know about HTML5's <input type="number">. Which if supported by a browser displays a form input optimized for inputting numbers. Whether that means an up/down spinner or an optimized keyboard.

However iOS' standard behavior for the number input isn't that ideal. By default iOS will display a standard keyboard slightly modified with a row of numbers at the top. This isn't ideal as you don't need the alphabetic keys…

READ MORE

CC-0 Code snippets

Recently I re-looked over licenses and license related posts for a project at work. And after reading an old blog post on being sure to pick any license I thought about my blog posts. I've included code snippets in them sometimes for others to use and never declared any permissions for them.

Now the copyright of these simple functional snippets is relatively debatable and any license at all (even the tiny MIT license) is really too much for snippets. Frankly…

READ MORE

Website Rewrite

I've completely rewritten the back and front ends of my website.

My old website theme was based off of one of the first desktop themes that I used. I didn't have any other idea to base a website design for myself off of. And there is no way I'd ever use a stock website template. Unfortunately since it was based off a desktop theme it wasn't the best design for people to read posts from. Even after I dropped the…

READ MORE
All Posts