clubmate.fi

A good[ish] website

Web development blog, loads of UI and JavaScript topics

How to use: Easy-WordPress-Custom-Post-Types PHP class

An easy way to make: custom post types, custom taxonomies, and custom meta boxes in WordPress by using the helper class Easy-WordPress…

Setting and reading cookies with JavaScript

Here's two different methods to read and write cookies using JavaScript and/or jQuery. Pure JavaScript Here’s a set of functions that create…

Give each excerpt a unique class in WordPress

Giving an excerpt an unique class may come handy when writing CSS in BEM style. Here's a small function to do that. This goes into your…

How to make form element label clickable

It’s good accessibility have a large click area on form elements. The label and field can be "linked" with by adding a for attribute to…

100% height columns & fixed width sidebar: pure CSS solutions to common fluid layout problems

Here’s a selection of pure CSS solution to some common layout issues. All of these work in IE 8. When flexbox is supported more widely, it…

Sass mixin to make a button element look like a normal link

If you’ve designed a button that looks like a link, but you still want to be semantic, then this mixin may come handy. It looks like this…

CSS beveled corners, take 2: a Sass Mixin

I refined the beveled corners method I posted about earlier. This includes a bunch os Sass mixins that do all the dirty work for you…

Example .gitignore file for a JavaScript project

Here’s an example .gitignore file for reference, which contains most of the things that need ignoring in a normal JavaScript project. The…

CSS trapezoid shapes drawn in pure CSS (and triangles)

Here’s some trapezoids shapes drawn in pure CSS. They’re very similar to CSS triangles, they’re basically elongated triangles... with more…

Base64 encoded 1px gifs, black, gray and transparent

These can be stretched as large as you need. Black Gray Transparent

  • © 2022 Antti Hiljá
  • About
  • All rights reserved yadda yadda.
  • I can put just about anything here, no one reads the footer anyways.
  • I love u!