• Gaussian Blur and CSS3/SVG

    29

    Edited: 07 January 2014 – Updated article to reflect current browser support.
    Gaussian blur is something I use a lot when it comes to Photoshop. It would be very handy to have that kind of ‘filter’ power within a browser environment.

  • My Journey to the Perfect Text-Editor

    26

    This article is about why I feel Sublime Text 2 is the best text editor ever and how/why I ended up using it. I’ve decided to write this because I seem to talk about this topic quite often and it would be easier for me to reference someone to an article rather than explaining my rationale over and over again.

  • Bulletproof full page background images don’t exist

    7

    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 always give the ‘perfect’ full page background-image across multiple viewports regardless of which image you are using.
    Note: I understand ‘perfect’ is a very subjective term.

  • Use :pseudo-elements as list-style-image alternatives

    8

    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 of is list-style: none;. I’ve tried on more than one occasion to use list-style-image but it’s given me nothing but trouble when attempting to position it. A popular alternative is to use the image as a background-image of the list item.

  • How to make the input placeholder more user friendly

    28

    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 function that enabled the desired functionality, but now it magically comes pre-built into HTML5. Incase you’re wondering, placeholder text is the text within an input field that disappears once you click on it. It’s often used in place of a label.

  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  6. 6
  7. 7