Every web developer creates tests and demo’s to learn about new technologies. These tests, unfortunately, are rarely published which is a pity. Take a look at some tests I recently made below, I hope they inspire and motivate you.
iPhone CSS3 Reflection test
This is a demo I made for the iPhone, but should also work in Safari. If you hover any of the pictures it should become semi-transparant. When testing the reflection capabilities of the webkit-engine it supprised me that I didn’t find any bugs. However, I can’t say the same thing about border-radius. In the following test you will see how reflection mimics the original perfectly, it even reflects the bugs of border-radius very nice
Read more » CSS3 reflection and border radius
iPhone Carousel test
Read more » 3d CSS3 carousel
Cross browser custom TinyMCE implementation
For Speurdersindekrant.nl I implemented a customized version of TinyMCE. With this Rich Text Editor (WYSIWYG) customers can make their own advertisements from scratch. No need for a design studio, it’s fully self service. With a subset of HTML and CSS send from the client to the server, the backend generates a PDF and a preview-jpg. You can view the demo here (dutch only).
JSON Lazy loading