Fork me on GitHub
Post Format

Thursday Roundup # 15

Free Premium HTML Admin/Backend Template For Web Applications: BlueWhale Admin

BlueWhale is a Free Premium HTML Admin/Backend Template for Web Applications based on 960 Grid CSS it has an elegant fluid layout which adjusts automatically as you change the screen size.

  • Light Weight and Valid HTML
  • Minimal Graphics for Fast Loading
  • Integrated WYSIWYG Editor
  • CSS3 Plain and Iconic Buttons
  • Cross Browser Compatible
  • DataTables
  • Two Image Galleries

The Bricks – Free User Interface Components


The Bricks is a Free set of User Interface components designed to facilitate the creation of design or prototype for the future website. This package will help you save your time in the process of development of components, and will become an excellent basis for creating website from design to code. Don’t waste your time drawing numerous shapes, when they are already included in this package. Just drag the component, change its style and use it. It is simple, fast and beautiful. Each component of The Bricks pack can be configured. When opening the folder containing the component, you can see different variations of visual execution of this component, you can configure corner radius, choose the style you like or provide hover and click states for this component.

A Blank And Responsive Boilerplate For WordPress: WP-Flex


WP-Flex is a blank and responsive boilerplate for developers submitting themes to the theme repository. Includes lots of best practices for theme building requirements and coding standards as suggested by the WordPress Codex.

How To Customize WordPress Admin Area


Unless you have been living under a rock for the past nine years, you will know that WordPress is a very powerful Content Management System (CMS), enabling you to offer your clients the ability to edit and create new content with relative ease. While WordPress’ admin area works well, if you’re using it on a client’s website, you may want to customize it to give a more personalised feel by styling it using either yours or your client’s branding. In this tutorial, we will explore how to do just that.

30 Beautifully Crafted Modern Vector Glyphs


A set of free modern vector glyphs, composed of vector shapes, the glyphs are scalable to any size – which means you can have them as big or as small as you want. No blurry edges, no fuzzy pixels. The open forms and minimal styling make the modern minimal glyphs well suited for a variety of tasks. On the web, mobile applications, and even in print, the modern minimal family will always look sharp.

High Quality Free Vector Icon Set in PSD Format

Almost every designer gets inspiration from the art work they observe each day. Even the most experienced designer constantly updates his toolbox for new design items e.g. icons, templates. Sometimes, new designs are built on top of these items.

A set of High Quality Vector Icons set along with the PSD files. Designers always love the PSD files, since they make it extremely easy to alter the original design according to your needs.

100 Free Vector Filetype Icons


A free set of scalable vector icons, included are 100 of the most popular file extensions provided as individual .pngs and in Photoshop, Fireworks, Illustrator and other vector formats.

5 CSS Methods for SEO


Development teams and design strategists spend countless man-hours converting the ideas for a website into a crucial tool for business development. They build database tables, track user navigation paths and create stunning graphics to bring a company’s products to life on the screen. While the fruits of these efforts are often both visually stunning and technically proficient, they can all count for nothing if no one can find the site in their search results.

Search engine optimization (SEO) is the practice of optimizing a site’s design so that it will appear at or near the top of a search engine results page when a user searches for they keywords related to that site’s products. Major search engines, including Google and Yahoo, have algorithms that determine how they rank keyword query results. Although some external factors, such as inbound links, contribute to a page’s ranking, several design facets can also increase a page’s status in search results.

Create Optimized Client Side Scripts: DownloadBuilder.js


DownloadBuilder.js is a JavaScript library that uses the HTML5 Filesystem API to create concatenated single file custom builds for front-end projects.

The library currently supports concatenating local files (supported in all major browsers) and/or files from Github (not supported in IE unless you use a window.atob polyfill). The library also uses Session Storage to provide an option to cache ajax/jsonp requests. If you are using a browser that does not support the HTML5 Filesystem, the text of the concatenated file will still be available to provide users with the custom build code, just not a separate file link to it.

Simple MarkDown HTML WYSIWYG Editor: MDMagick


MDMagick is a simple MarkDown HTML WYSIWYG Editor. A special control buttons will be added on top of the selected input field with commands like: Bold, Italic, List, Title etc… And a preview div will be added on the bottom of the selected input field with a MarkDown previsualization of the selected input field content.

Add On-demand Word Definitions To Your Site: Wordsmith


Wordsmith is a jQuery plug-in that adds on-demand word definitions to your site. Wordsmith is easily added to your existing web page by including jQuery, the Wordsmith JavaScript file and then by simply calling the Wordsmith plug-in with the selector(s) you wish to attach Wordsmith to.

Flyout Simple Image Slider Using jQuery & CSS3


This simple image slider is a stack of some images and works by flying out the selected image to the front of images stack. It uses CSS3 transition, animation and transform for this animation and jQuery for helping maintain click event, CSS transition and animation.

jQuery Notification Bar Plugin: jBar


jBar is a simple and lightweight jQuery notification banner I’ve created which is similar to the Notify, Notify sounds to have more options though.

It allows you to create a simple call to action and bring it forward for the user to see at the top of your website. The user can then toggle the visibility of the bar by clicking the ribbon.

How To Create A Responsive Navigation Menu


One of the trickiest parts to be responsified on a website is “the Navigation”, this part is really important for the website accessibility, as this is one of the ways visitors jump over the web pages.

There are actually many ways to create responsive web site navigation and even some jQuery plugins are available to work for you.

This tutorial is going to walk you through on how to build a simple responsive navigation menu from the ground and using the CSS3 media queries and a little jQuery to display it in a small screen size like the smartphones properly.

The Best Responsive Image Slider: FlexSlider 2

The Best Responsive Image Slider FlexSlider2

FlexSlider 2 is an awesome, fully responsive jQuery image slider plugin with simple, semantic markup and beautiful horizontal/vertical slide and fade animations.

It supports multiple sliders on one page and offers a callback API with hardware accelerated touch swipe support.

Free Responsive WordPress Theme: Grid


Grid is a free responsive WordPress theme with minimal and modern style, Designed specially for illustrators, photographers and graphic designers to showcase their portfolio.

Related Posts

  1. Thursday Roundup # 4
  2. Thursday Roundup # 7
  3. Thursday Roundup # 9
  4. Thursday Roundup # 12
  5. Thursday Roundup # 2

Leave a Reply

Required fields are marked *.

− 5 = two