WordPress Resources & Templates:


Select or Die

  • Posted By: Jason Taetsch
  • ...

The design is in the details. Unfortunately designers are often forced to hand over the reigns to the native browser presets for “select” and “option” elements. The Select or Die plugin is a highly configurable jQuery-based option for taking the stylistic reigns back from the clunky browser style rules. Select or Die attaches custom CSS attributes to easily roll your own style rules as you would any other HTML5 element. Additional features make it easy to configure placeholders for the select elements, apply unique styles to different elements and even treat the various options in the drop-down menu as external links to other pages. If you are looking for more control of your design, Select or Die is a great place to start.

selectordie

 

Responsive and Touch-Friendly Audio Player

  • Posted By: Jason Taetsch
  • ...

Thanks to improvements in HTML standards and JavaScript libraries websites no longer have to rely on embeddable elements to host audio files on a page. Unfortunately these type of elements are not easily stylized using common CSS practices. The team at Tympanus developed this that is both stylish and functional. The plugin uses a combination of JavaScript events and HTML to apply styles to audio elements and is tested to work on smartphones, tablets and monitors.

Theme-Check

  • Posted By: Jason Taetsch
  • ...

The WordPress platform is constantly evolving to keep up with developing web standards and the latest web languages. Make sure your custom built theme is compatible with the latest version of the WordPress specifications with the Theme-Check Plugin. The tool can be especially useful for theme authors that plan on creating a premium theme or submitting a theme to the WordPress theme repository.  Theme-Check runs a theme’s files through the same testing tools that WordPress.org uses, to gives theme developers a preview of whether their project will pass the latest WordPress.org theme standards and practices.

Viewport Resizer

  • Posted By: Jason Taetsch
  • ...

Testing and debugging for different screen sizes can be a tedious task, optimize the process with the View Port Resizer from Malte Wassermann. The Viewport Resizer is a bookmarklet added to your web browser that lets users adjust the viewing options to account for different browsers and different digital platforms. The tool is ideal for responsive design testing and allows users to see how their project would appear on a smartphone, on a tablet or on a traditional display and allows for live customizations to existing code.

 

Mosaiq Image Viewer

  • Posted By: Jason Taetsch
  • ...

Mosaiqy is a jQuery plugin designed by Fabrizio Calderan that displays a number of photos in a grid format. The plugin allows viewers to zoom in on a specific image in the plugin window and rearranges the images on the grid to fit the enlarged photos. To save processing requirements, the plugin relies on CSS transitions to handle the tasks of animating and zooming in on the images. The plugin is compatible for Opera 9+, Firefox 3.6+, Safari 3.2+, Chrome and IE7+ browsers and can integrate with popular photo sharing services such as Flickr, Instagram and others.

Mosaiqy Image Viewer