The code and thoughts of Jesse Schoberg Co-Founder of DropInBlog
Replace checkbox inputs with “mobile style” toggle switches using jquery and css
So as the world gets more and more mobile people are getting used to seeing the toggle switches seen on iPhone/iOS and Android user interfaces. They are very intuitive and downright fun, and much easier to use than checkboxes. I’m working on a project that has a user interface that calls for this so I […]
Easy css3 transitions
You can do a lot with css3 transitions and I’m not going to get into that here. But I am going to show you a simple line of css you can start using now to add a nice smooth animation to your :hover effects.
PHP Shorthand Conditional Statement
Here’s another quick hit from my php snippets. You can see a review of a lot of ways to do this on David Walsh’s post on the subject. However, I wanted to write it as short as possible to be used within pages. I use this a lot to add css classes into tags.
Facebook “Fan Us” fixed position side tab button
Recently I’ve been seeing these “feedback” tabs fixed to the left or right side of websites that open up customer feedback forms by companies like UserVoice. While browsing websites that use this product, these buttons have really gotten my attention. So I thought.. why not make one to promote a website’s Facebook Fan Page, so […]
Custom Image Bullets for Unordered Lists using CSS
Unordered lists <ul> have become quite a staple in the modern web developer’s tool box. We’ve taken them quite far with fancy menus and the like. However, we seem to forget about styling good ‘ol lists! While we often put basic lists onto our sites, they do sometimes get a bit bland and it would […]
Ultimate Image Replacement
What is image replacement? If you are a web developer who cares about standards you have surely come across CSS image replacement techniques. If not, you can do a bit of research on the available methods of image replacement and the original Fahrner Image Replacement (FIR). The basic idea here is to use standard html […]