The act of converting content from its original format into a format capable of being displayed on the web
Manage Multiple WordPress Sites

WTFPL

WTFPL Category

Flexible & Device Agnostic Navigation — FlexNav

FlexNav is a mobile-first approach to creating site menus.flexnav Flexible & Device Agnostic Navigation    FlexNavFlexNav supports touch screens and adapts to smaller screen sizes without a second thought.

FlexNav supports modern browsers and IE versions from 7 and up. Besides touch events it supports keyboard tab navigation and hover reveal for desktop. It even works with JavaScript disabled.

Create Cool Canvas Loaders (Spinners) With Ease — Sonic

Sonic is a neat little JS library that creates looping thingies (loaders).

sonic Create Cool Canvas Loaders (Spinners) With Ease    SonicSonic works by drawing a shape at tiny intervals along a preset path. It’s fairly simple to use and, with a bit of experimentation, you can create highly original spinners.

It’s pretty fast, and for older browsers there’s also SonicGIF which turns your precious spinners into GIF images.

 

A Light, Mobile-first Boilerplate For Websites — Kraken

Kraken is a lightweight boilerplate for mobile website front-ends.

kraken A Light, Mobile first Boilerplate For Websites    KrakenKraken uses Origami, a fluid six-column grid, and along that sports the following features:

  • Cross-browser CSS compatibility.
  • A responsive, mobile-first grid.
  • A well-designed, fluid typographic scale.
  • CSS3 buttons.
  • Basic form styling.

Kraken also features a number of useful add-ons; it’s also available for WordPress, which is pretty cool.

SVG Path Animation With jQuery — Lazy Line Painter

Lazy Line Painter is a jQuery/Raphael plugin for converting SVG pictures to neat animations.

lazyline SVG Path Animation With jQuery    Lazy Line PainterLazy Line Painter works by converting every single line into an animation. The idea, then, is not to have any lines that are too big.

The end result is a .js file with the animation; you can use the converter in the plugin’s website as well.

 

A Lively & Responsive Grid Fluid And Fixed Layouts — Profound Grid

Profound Grid is a SCSS-powered CSS3 grid with an emphasis on flexibility.

profoundgrid A Lively & Responsive Grid Fluid And Fixed Layouts    Profound GridThe grid integrates SCSS’s mixins, variables and selector inheritance into a flexible grid system.

It’s responsive and can be used for most devices including tablets, etc. Profound Grid ships with a number of pre-made layouts which you can customize or outright copy to use on your website.

 

WordPress Theme for Developers — Bones

Bones is a WordPress theme built around the famous HTML5 Boilerplate.

bones WordPress Theme for Developers    BonesInstead of aspiring to be a framework, Bones provides a per-project template just like the Boilerplate.

Among notable features of Bones are: mobile-centric and responsive approach; LESS/Sass for CSS; custom post types and dashboard functions come preloaded; etc.

Overall, Bones seems like a strong foundation for any WordPress project — it seems worth a try at the very least.