• Bulletproof full page background images don’t exist

    0

    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

    6

    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

    5

    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.

  • Master the jQuery for each loop

    2

    The jQuery for each loop can be very powerful. It is used just like any other jQuery function such as .click(), .hover(), etc. and it accepts a callback. As you know, or have probably guessed, the jQuery for each function loops over selected items and does whatever you’d like to targetted items.

  • Create Accordions with CSS3, HTML5 and jQuery

    2

    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 accordions, one which relies heavily on CSS3, one with jQuery and one with HTML5.

    If you haven’t already had to create some sort of accordion by now, I’m sure you will run into it sooner or later. It’s actually a very simple concept that requires very little script to create a fully functional accordion.

  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  6. 6
  7. 7
  8. 8
  9. 9
  10. 10
  11. 11