Connect With WRD
feed via e-mail
feed via e-mail

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.


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.


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.


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.


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

Zepto.js is a lightweight (2kb) JavaScript framework for mobile WebKit browsers, with a jQuery-compatible syntax.

It aims to help overcoming the most drudge work with a nice API so users can concentrate on getting things done.


Besides the most common functions that can be expected from a JS framework, it has support for touch events and detection of the environment.

Zepto.js is currently in early beta but still very promising.

Transformie is a lightweight (~5kb) jQuery plugin that enables you to use CSS transforms in Internet Explorer by mapping the native IE Filter API to CSS transitions as proposed by Webkit.

It supports the functions:

  • rotate
  • scale, scaleX, scaleY
  • skew, skewX, skewY
  • matrix (with the exception of the last two modifiers, tx and ty)

It works in Internet Explorer 6 + 7 and does not apply anything in other browsers.


jQTouch is a jQuery plugin for creating mobile applications with just HTML, CSS & JavaScript.

It comes with native animations, automatic navigation, and themes for mobile WebKit browsers like iPhone, G1, and Pre.

jQuery Webkit Plugin

It can be setup in a few minutes & totally customized with the selector options.

It has 2 ready-to-use themes:

  • default Apple theme
  • jQTouch theme

and new ones can be created with less effort.

The plugin offers page history management and CSS3 page transitions including 3d flip. Also, it easily allows applications to run in fullscreen mode with custom icons and startup screens.

Google just launched their web browser Google Chrome.

Good news is; developers won’t have to test designs in one more browser as it uses the open source WebKit (the engine Safari uses).

Google Chrome

From a developer’s point of view, Chrome shows us how Google sees the future of web applications with faster JavaScript rendering via V8, using WebKit as the rendering engine (serious support for SVG, etc..) & more.

Besides the standard Google Chrome product page, here is the page that is designed specially for web developers.

And, there is Chromium which is the open-source project behind Google Chrome.

  • Tags:
  • Filed under: BSD License, Extras, Tools
  • 1 Comment
  • Uptime Robot