STYLE SWITCHER

Wordcount.js – Calculate File Newlines, Word and Byte Counts with JavaScript

Wordcount.js – Calculate File Newlines, Word and Byte Counts with JavaScript

WordCount.js is a client-side JS library that counts bytes, words, lines chars, and calculates the longest line of a file. This library utilized the HTML5 File API.
Website
More
FlipClock.js – jQuery Plugin to Add Counter, Timer, Clock with Flip Effect

FlipClock.js – jQuery Plugin to Add Counter, Timer, Clock with Flip Effect

FlipClock.js is a jQuery plugin with CSS3 animations to add counter, timer and clock with smooth flip effect.

Features

  • Use as a clock
  • Use as a timer
  • Use as a countdown
  • Themeable using pure CSS
  • Clean & Dry Syntax
  • Abstract everything into reusable objects
  • Full-Featured Developer API to create custom “Clock Faces”
Website
More
Smart WooCommerce Search

Smart WooCommerce Search

To truly step up the search function of your WordPress site, you should better look into Smart Ajax Product Search plugin. By now you know that you could use something extra to offer your visitors to find exactly what they are after in a more efficient way. Smart Ajax Product Search is a powerful and convenient search plugin for WordPress with a solid stability and compatibility. Speaking of which, it smoothly integrates into the default search function, as well as WooCommerce and even other custom widgets you sport on your site.

Installation

  • Unzip the downloaded .zip file.
  • Upload the plugin folder into the wp-content/plugins/ directory of your WordPress site. Activate the plugin through the ‘Plugins’ screen in WordPress
  • Use the Smart Search screen (/wp-admin/admin.php?page=smart-search) to configure the plugin
Website
More
Flexible Grid

Flexible Grid

For users who can embrace the newest of technology, Flexiblegrid comes with an flex based grid. It’s the same grid you know and love, but with even better source ordering and alignment options.

Features

  • Responsive
  • Mobile First
  • Semantic
  • Readable
  • RTL Feature
  • Rails Friendly

Introduction

Get started with Flexible Grid. Quickly manage the layout, alignment, and sizing of grid columns, navigation, components, and more with a full suite of responsive flexgrid utilities. For more complex implementations, custom CSS may be necessary.

Website
More
CSS Filter

CSS Filter

CSS Filters are a powerful tool that authors can use to achieve varying visual effects (sort of like Photoshop filters for the browser). The CSS filter property provides access to effects like blur or color shifting on an element’s rendering before the element is displayed. Filters are commonly used to adjust the rendering of an image, a background, or a border.

CSS

filter: <filter-function> [<filter-function>]* | none

Where is one of:

  • blur()
  • brightness()
  • contrast()
  • drop-shadow()
  • grayscale()
  • hue-rotate()
  • invert()
  • opacity()
  • saturate()
  • sepia()
  • url() - for applying SVG filters
  • custom() - "coming soon"
Website
More