Making It Your Web

Vertically Split Coloured Text

by Alex Hall (on 4th Jun 2014 @ 08:59:42)

  • 0 paragraph notes

Please note: This example currently only works in Chrome

That's a hard title to think of. To explain a little further: have you ever required text on the page that needs to be half one colour and half another, vertically? It's not something I've ever had to think about before but when I did the obvious thing that spread to mind was gradients. That makes sense, and sounds quite easy. But then a spanner in the works: "without using gradients" was spoken.

Thinking caps on.

As with most CSS problems I come across, the first thought that came to mind was pseudo-elements. :before and :after are two of the most handy things to come to CSS3. They can be used to make stuff appear that isn't actually there! CSS3 arrows are probably the most widely used of these, but you can also use them to create page curls. In fact just read this post to see what amazing things they bring to web page designs.

read post

How To Get Anti-Aliased Fonts From Google Fonts

by Alex Hall (on 2nd Jun 2014 @ 14:46:42)

  • 0 paragraph notes

I've been a little annoyed with the font rendering in  Google Chrome recently because it just hasn't been a crisp as in other modern browsers such as Firefox (see here, and here, and here). It seems that Chrome 37 has now  fixed this issue released in May (so get your browser updated!) meaning that locally hosted web fonts that use SVG formats for Chrome users now look very polished.

However, there's still a slight issue in Chrome when you use fonts from their hosted  fonts. When you include the link to the web font in the head of your page it detects the browser being used and serves the correct font type for that browser (speeding things up and keeping the filesize as small as possible). But this method does not return an SVG for Chrome users, it returns a .woff file. Chrome can't cope with these so the anti-aliasing will be very much non-existent.

read post

Find The Distance Between Two Addresses - The Chrome Extension

by Alex Hall (on 25th Apr 2014 @ 09:28:21)

  • 0 paragraph notes


It seemed like the next logical step. I have written a very well used tool to  get the distance between two addresses and I am very much into and thoroughly enjoying Chrome Extension development (check out the extensions I've created here and here). So, why not combine the two and write a Chrome Extension that can get the distance between two addresses right from your browser toolbar!

Give it an install and leave a rating if you like it, or feedback if you have any problems or want any more features adding.


read post

Chrome Extension Development

by Alex Hall (on 2nd Apr 2014 @ 08:54:18)

  • 0 paragraph notes

I have recently become quite a Chrome Extension developer enthusiast and in the past few weeks have written five extensions for the  Chrome Webstore that I'm going to talk about here. If you haven't tried Chrome by Google, or don't use it, I highly recommend giving it a download and a try. It's fast, packed with features, and makes the lives of us developers a lot easier! Plus there are a plethora of great extensions that anyone will find useful and I hope some of those below fit into this category.

Link Alert


read post