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

Design

Design Category

Easy & Simple Personal Pages — The Personal Page

The Personal Page is a simple and easy to use web template for personal pages.

nazhamid Easy & Simple Personal Pages    The Personal Page

While not anything particularly interesting, The Personal Page provides an easy way of creating a good-enough ‘About me’ page.

Setup is as easy as updating the HTML. The project is licensed under the generous MIT and GPL licenses.

Use Unprefixed CSS Anywhere — -prefix-free

-prefix-free is a JavaScript library that allows using unprefixed CSS properties everywhere.

prefixfree Use Unprefixed CSS Anywhere     prefix freeThe plugin adds the needed vendor prefixes depending on the users browser, significantly saving time for any CSS developer.

-prefix-free works by parsing any stylesheet in the <style> attribute and adding a prefix where needed.

However, the plugin only supports IE9+ and newer mobile browsers.

 

An All-in-one Website For Responsive Design Tactics — This Is Responsive

This Is Responsive is a website with patterns, resources and news useful for those willing to create responsive designs.

responsive An All in one Website For Responsive Design Tactics    This Is ResponsiveIt’s true that creating a responsive design is no joke. Although tools (browsers) for creating such designs are becoming more common, it doesn’t necessarily mean that it’s becoming easier to create them.

This Is Responsive features patterns and modules for responsive design, a list of resources to get you started, and responsive design news — as it’s definitely an area of web design that’s changing at a fast pace.

Powerful Plugin For Making Elements of Equal Dimensions — Equalize.js

Equalize.js is a jQuery plugin for equalizing the dimensions of different elements.

equalize Powerful Plugin For Making Elements of Equal Dimensions    Equalize.jsThe plugin accepts any jQuery dimension method, id est, not only height & width but such parameters as inner height and outer width.

While the functions themselves don’t sound like much at first, think of the possibilities Equalize opens for design. For example, by combining this with a responsive grid, you can save rolls of code.

Turn Off The Lights And Enjoy Your Videos — Allofthelights.js

Allofthelights.js is a jQuery plugin for darkening the screen outside a video. 

allofthelights Turn Off The Lights And Enjoy Your Videos    Allofthelights.js

The plugin works responsively and on most modern browsers (IE7+). It also has controls like adjusting the background color and opacity.  FitVids is used for resizing the videos.

What I would like to see is an implementation of full-screen with this plugin, as the desktop doesn’t get darkened.

However, that would probably present quite a number of problems.

Awesome Media Queries In JavaScript — enquire.js

enquire.js is a standalone library for handling CSS media queries.

enquire Awesome Media Queries In JavaScript    enquire.js

enquire makes a designer’s job easier by providing a responsive, mobile-first design framework. If support for older browsers is important for the success of your design, enquire.js assists older browsers with media queries.

By pairing this with Modernizr and a PolyFill, you’ve got a powerful library for controlling media queries here.