Don't Watch Me

CSS reflections are just one of the many cool things that css3 has brought to us.  The benefits include:

1) Not having to load photoshop

2) Less time spent “messing aroung”

3) smaller image files and less bloat on your page

Design Shack has a great writeup on how to take advantage of this cool technique.

The box-reflect property is just one of many awesome new CSS3 effects that Webkit brings to the table. Unfortunately, it’s not the easiest to use. There’s a lot of syntax that can be confusing and today we’re going to sift through it and explain it in detail so you can get the hang of it.

It’s important to note that, at this point, box-reflect is only supported by Webkit browsers. It’s a superfluous visual effect so you can use it as long as you accept that it’s not going to render in anything but Chrome and Safari.

Im not sure where I first hear of Justdropped.com but I have been a long time subscriber to their newsletter and have even purchases a domain or two off of them.  Every week Dan sends out a list of recently “dropped” domains.  Of course he is reselling them for a profit BUT there are some real gems out there.  If your motivation is to make quick money this is not for you, this is for long term branding and also for those that can take advantage of niche markets.  Take a look at his site and sign up for the newsletter, if anything its just a neat way to brainstorm on ideas for future sites.

Boombox.js is a new and easy framework to build your own HTML5 audio player.  This library takes advantage of the new <audio> element and could not be easier to use.

Overview

HTML5 introduces the <audio> element which offers a way to play audio natively in the browser. However the native controls are a little lacking in style. Thankfully HTML5 also brings a full api to interact with which allows us to skin an Audio object however we want.

Once  you’ve followed their instructions on how to include the script, build your buttons and style them however you want, you can then start adding .mp3 files to your heart’s content.

 <script>
          $(document).ready(function() {
            $("#boombox").boombox({
              'All is Illusion': '../music/allisillusion',
              'Grace': '../music/grace'
            });
          });
          </script>

Fantastic Micro-Frameworks and
Micro-Libraries for Fun and Profit!

How much library code do you really need — 50K? 100K? 150K? More? How much of that do you really use?

Sure, we all love our favorite monolithic frameworks, and sometimes we even use them fully. But how often do we reach for the ride-on John Deere tractor with air conditioning and six-speaker sound system, when a judiciously applied pocketknife would do the trick better, faster, slicker?

Micro-frameworks are definitely the pocketknives of the JavaScript library world: short, sweet, to the point. And at 5k and under, micro-frameworks are very very portable. A micro-framework does one thing and one thing only — and does it well. No cruft, no featuritis, no feature creep, no excess anywhere.

Microjs.com helps you discover the most compact-but-powerful microframeworks, and makes it easy for you to pick one that’ll work for you.

Want to add your own? Fork this site on GitHub, add your framework to data.js and submit a pull request.

PintPay looks like a nice new service that allows you to add reaccuring payment options very easily to your website.

https://www.pintpay.com/