Posts Tagged ‘WebKit’

Photon is a JavaScript library which can add simple lighting effects to any element in the 3D space.

In order to create the effect, it uses the WebKitCSSMatrix object (WebKit is the only supported browser engine).

The angle of the light can be defined and changed anytime with the provided functions.

Photon

It is possible to define the objects to be lighted one-by-one or group them at once and we can customize the effect by setting the max black + white usage.

P.S. The effects can be resource intensive if over-used.

CSS3 transitions are great and they allow us to create many stuff that we used to see only in JS.

However, compared to JavaScript alternatives, they are not flexible enough in easing functions and, even cubic-bezier (although it is pretty powerful) has its limitations.

Morf.js, is a Javascript work-around for hardware accelerated CSS3 transitions with custom easing functions including bounce, spring, elastic and much more.

Morf.js

Once an easing function is triggered through JavaScript, it is created using webkit-keyframes.

The library uses Shifty.js for tweening regular CSS properties and it is WebKit only.

ChocolateChip-UI is a mobile web app development framework that targets WebKit engines..

The framework provides fully functional widgets and controls right out of the box which know how to behave so you can focus only on providing the data.

ChocolateChip-UI

A new concept is introduced by the framework: WAML (Web App Markup Language) which is designed for creating mobile web apps and uses special tags + attributes to clearly define all the parts (rather than divs and spans) for a faster development.

ChocolateChip-UI has most of the elements we get used from iOS like the buttons, tab bar, lists, slider and more.

The framework is very well-documented, provides snippets for the basics and definitely a must-bookmark for mobile web app development.

PhantomJS is a command-line tool that acts like a WebKit browser without any interface.

It has a fast and native support for various web standards:DOM handling, CSS selector, JSON, Canvas, and SVG.

PhantomJS

The tool can be totally scripted via JavaScript and is a handy solution for many things like:

  • automated testing of web apps
  • site scraping
  • capturing pages
  • PDF converting
  • and much more..

Also, it can work on Windows, Mac + Linux environments (and, the next version is expected to support CoffeeScript).

We Love Buttons is a project by Pico, a tiny design & development studio, where various designers have created good-looking and imageless CSS3 buttons.

There are ~35 buttons and most of them only works in WebKit browsers which makes the project more an experimental one.

They use CSS3 properties like box-shadow, border-radius or gradients and have a clean code where anyone who is not that familiar with CSS3 can easily learn from.

We Love Buttons