All posts by “Sani Halid”

pagination
July 23, 2014   |   Less than a minute reading time
comment 0

Pagination: Drag and Type User-Friendly Pagination

Pagination is often used in blogs where there are many content to display, yet you have to limit number of content per page to prevent long page load. Pagination also allows user can navigate to next, previous or any page they want. Simon Goellner has created an improved, responsive and accessible pagination experiment where user can now drag or use arrow key to get to their desired page. It’s really cool, so have a look!

View Demo

css loader
July 23, 2014   |   Less than a minute reading time
comment 0

Fancy a Pac-Man CSS Loader?

A loader is used to show progression of website when loading data from web server. Usually loader comes in the shape of a spinning animation. But this time for something different, learn how to make a Pac-Man CSS loader in this tutorial by Damien Erambert.

View Demo

Filed under: CSS

 

google polymer checkbox
July 15, 2014   |   Less than a minute reading time
comment 0

Create Google Polymer-style checkbox using CSS3

Google Polymer, the new framework by Google, is a library for creating Web Components, a set of W3C standards and upcoming browser APIs for defining your own custom HTML elements. Polymer is used as the framework for the new Google Material Design, with UI interactions that will definitely appeal to interface designers. If CSS3 is more your flavour, Chris Sevilleja from scotch.io can show you how to create Polymer-style checkbox using CSS3.

View More   View Demo

background video
July 11, 2014   |   Less than a minute reading time
comment 0

Create Fullscreen HTML5 Page Background Video

Are you now bored with just a static background for your website? How about changing it to a video based background? Background videos usually will be set on auto play and auto repeat without sound, hence just creating some slight movement at the background to entice visitors to stay longer.

While we can’t yet set a video for the background or background-image CSS properties – they can only take bitmaps, SVG images, colors and gradients as values – it is possible to fake the appearance of a background video by forcing it behind other HTML elements. Learn more about the tips and limitations in this article by Dudley Storey.

View More   View Demo