Understanding The UTF-8 Encoding Algorithm in Rust
Strings in Rust are UTF-8 encoded using the UTF-8 Encoding Algorithm, so understanding that algorithm is key to understanding how and work…
CSS-Plus RSS Feed
Rooted in CSS, since branched out
Latest posts
Using agenix on a non-NixOS Linux Home Manager Nix Flake
Adding encryption to your Nix flake is important. I used to use a private Git repository to keep my secrets, but I was looking for something…
Develop on a case sensitive file-system
Encountering case sensitivity issues, particularly in the context of version control, might not be a daily occurrence for most developers…
My Journey to the Perfect Text-Editor - Part 2
I wrote the article My Journey to the Perfect Text-Editor in 2012. I want to talk about my progession in text-editors since then. This…
Permissions issue with Intellij-Idea on Linux
I didn't find anything mentioning this specific issue online so I thought I'd make a short article to help anyone in the same position. This…
How to merge two MySQL WordPress databases
Recently I've had to do this and I was unable to find something that could solve my problem online. I wanted to merge a WooCommerce…
How to install Sass and Compass
This is a simple article that covers how to install Sass and Compass for terminal/command prompt usage, not how to use it. If you're looking…
Create your own jQuery Image Slider
I originally posted this article on 15 September 2010. This is an updated version. This tutorial is for beginners. The method for creating…
inline-block: The complete story
inline-block is something I hadn't used until a couple of months ago. I was comfortable with block and inline elements so I didn't feel the…
CSS Animation: How it works from transitions to animations
CSS animation is definitely the next big step in CSS. Absolutely amazing things can be done with this. It is literally up to your…
How to horizontally center elements of a dynamic width
A couple of months ago I wrote an article titled "How to horizontally center anything with CSS". The featured method of the article was to…
A border-image Investigation
is a really great property that can and should be used right now. There are some decent fallbacks which gets covered later on in the article…
Gaussian Blur and CSS3/SVG
Edited: 07 January 2014 - Updated article to reflect current browser support. Gaussian blur is something I use a lot when it comes to…
My Journey to the Perfect Text-Editor
This article is about why I feel SublimeText 2 is the best text editor ever and how/why I ended up using it. I've decided to write this…
Bulletproof full page background images don't exist
They don't and can't exist. Before I continue, let me explain what a 'bulletproof full page background' is. This is a solution that will…
Use :pseudo-elements as list-style-image alternatives
Styling lists with CSS can be a bit of a pain from time to time. If I require an kind of customized bullet, the first CSS property I think…
How to make the input placeholder more user friendly
I've always loved placeholder text for input fields. Not too long ago the only way to achieve this would be to create a special javascript…
Master the jQuery for each loop
The above example is selecting all elements and looping over them. It is then adding a class of 'item-' with its index value appended…
Create Accordions with CSS3, HTML5 and jQuery
First thing is first, let me clarify what I mean by Create an Accordion with CSS3, HTML5 and jQuery. I am talking about creating 3 different…
jQuery if / else statements
There is no such thing as a jQuery if / else statement. Shocking, isn't it? You might be thinking something like: "There must be! In fact, I…
Behold the CSS Lightsaber
Note: Check out the demo before reading. I've been working on CSS lightsabers lately. I remember seeing one a while back and liking the…
CSS-Plus V2
If you haven't noticed the new design, you're either new to CSS-Plus or you have hit ctrl / cmd + r in a while. I've been talking about a…
Prevent :last-child from slowing you down
:first-child is a CSS selector that has been around since the CSS 2.1 spec. It is extremely useful and can be used effectively in various…
PlusAnchor jQuery Plugin
PlusAnchor is a jQuery plugin I've just created. At the moment it solves a simple and specific problem: Anchor links cause the browser…
IE and rounded corners
Note: The original post was published March 19 2010. The original article's CSS3 emulator of choice was CurvyCorners When someone uses the…
May is Maintenance Month 2011
Last year Chris Coyier posted an article titled "May is Maintenance Month". Chris' idea was to rewrite older articles to keep the resource…
Create a lightbox with CSS3
The days of using javascript lightboxes are over! Just kidding,javascript lightboxes remain a much more efficient and cross-browser friendly…
Fancy testimonials page with CSS3
All too often images are given borders, drop-shadows, rotated slightly, etc via photoshop or some image editing program. This is not only…
PlusSlider 1.0
I've been working on PlusSlider and I've finally finished Version 1 as promised. The two features I'm most proud of: The ability to swap…
See you in early January
I think the title says it all, I'm taking a short and much needed break, but first a quick recap... P.S. You can still catch my one liners…
How to Create a Fancy CSS3 Menu
It's good to know and keep up with the latest CSS tricks, especially with all the latest browsers on the verge of coming out. In this…
Create a scrolling anchor link with jQuery
I've been meaning to do this tutorial for a while now and it seems as if I'm finally getting around to it! Very simply put, this will…
PlusSlider Beta
I've been creating and working with sliders a lot lately and there have been a few things that have bugged me about them, the main ones are…
How to horizontally centre anything with CSS
There two kinds of display elements we work with most of the time, and they are inline-level elements and block-level elements. By default…
4 Useful jQuery selectors
I've created quite a few jQuery components before, and I continue to do so every day. This forces me to find best practices and short-cuts…
Solid mobile HTML development
Before I even get started, the word "Solid" in the title implies that the HTML should work on pretty much all mobile phones. So no fancy…
The Best of CSS-Plus
What is 'The Best of CSS-Plus'? It's the beginning of a possible series about some of my CSS tips and tricks. I wouldn't say I have many CSS…
Create a simple jQuery looped timer
Timers are useful things to have in your javascript toolbox of tricks. Common examples of looped timers are carousel plugins. These normally…
Tweaking CSS-Plus
You might notice that one or two things look a bit out of place – This is probably because they are! I’m going to be adding new features to…
Basic CSS Selectors you're missing out on
This article isn't about CSS selectors that you should be using and you don't know it yet... It's about CSS selectors you might not know…
Save time - Define a function
Functions save you time - And if you didn't know that, you should probably get on the function band wagon. Functions are shortcuts. They…
Create an infinite polaroid image viewer with jQuery
The name of the tutorial might be a bit confusing, so I'll start by clearing it up. Infinite - Refers to the fact that if you click the…
Forms, jQuery and CSS3
Everyone needs to create a form at one point or another and I've got a few rules I generally stick to when designing and developing forms in…
How to make a jQuery Drop-Down Menu with a CSS fall-back
The biggest problem with javascript is that we can't completely rely on it. It can easily be disabled, and once this happens, websites…
Create a Search Form with CSS3 and jQuery
Most websites nowadays have a search form somewhere. I'm pretty sure I don't need to explain why it's a good idea to have a 'search…
Implementing fonts with @font-face
This is probably one of the coolest CSS3 features, along with box-shadow and border-radius. @font-face was introduced in CSS2 by IE and it…
How to create an image caption with jQuery
I've been meaning to create an image caption for a while now and instead of putting it off I just decided to do it. This image caption is…
How to add a Gaussian Blur effect to elements within firefox
I have been trying to find an easy, efficient way of applying a Gaussian blur effect to images and elements. I would usually achieve this by…
Adding user options to your jQuery plugin
Recently I created a tutorial named How to write a simple jQuery plugin. It is necessary to go through that tutorial if you have no idea how…
Why you should download IE9 Platform Preview
IE is a pretty bad browser. It used to be the go-to browser, but now it would be an extreme understatement to say "it is no longer the go-to…