A few links I found interesting this week. Continue reading
This would be useful on a calendar when selecting a range between two dates.
This might be useful for a list of search results where you want the ability to show more images without the distraction of using a full carousel.
The first in what I hope is a series of simple techniques to get around problems that at first sight might seem impossible. I like to say that everything is possible given a bit of thought*.
This technique is for when you need to place a background-image more than 100% to the right of the page. Continue reading
I was having a problem where adding a basic css opacity on an element wouldn’t work when viewing in iOS. Looked fine on desktop.
Ever seen this when testing a website in IE8… Instead of the usual obfuscation using dots or stars, you see a square/rectangular symbol which usually shows up when the browser doesn’t have the entity available to display. The usual reason is that there is a custom font or webfont in use on the fields. Continue reading
It’s easy to make a perfect square in CSS – set an equal height and width and boom, you’re done. But what if you don’t always know the width of the square? For instance you’ve given the structures percentage widths to fit a fluid container.
I have a results table where each row is a form and the user continues by pressing the submit button for that result. At smaller widths I collapse the table, hide the submit button and add a click event handler to the
tr – it works fine, up to a point.
A filter bar was added that uses AJAX to reorder and add to the results so now the DOM is being generated with JS. Usually you can use
.on(event, selector, handler) to catch any generated elements, but this won’t work on iPhone or iPad*. Continue reading
Responsive web development is a relatively new technique and one that I’ve been implementing for the last 9 months or so professionally. Many articles have been written about how you should create a responsive site and wanted to get mine out there too. Continue reading
Note: I’m not American, but it feels weird writing ‘centre’ if you code in CSS all day.
I’ve come across a problem I need solving and Google is not being my friend. I need to center a button on the page without specifying its width, because the text inside is of various lengths. The following works how I want in Firefox, Safari, Opera and even IE6, 7 . Continue reading
For the first time in ages I was asked to code up some buttons that at first looked as though they could only be generated by using images. The buttons needed to allow for varying text lengths so my mind first went to the Sliding doors of CSS that I used to use regularly. Continue reading
In this series of articles I have described how to remove the deprecated attributes in HTML and replicate the styles using CSS. The first part looked at hspace and vspace, type and border. Part two described how to replicate link, alink and vlink, size, noshade and clear. In this final part I will be mopping up width, height, bgcolor and align. Continue reading
In Part 1 of CSS for Deprecated HTML Attributes, I described how to replace HTML’s deprecated attributes with CSS, which is more flexible and inline with web standards in use today. If you want to convert an existing site that is using out of date practices or want to understand how to bring your own development up to scratch, then these articles are for you.
Let’s get straight into it with link, alink and vlink. I’ll also cover clear, size and noshade. Continue reading