Fork me on GitHub
Post Format

Thursday Roundup # 27

Modern UI Style Design by Microsoft


Modern UI is a new design language created and made popular by Microsoft with the introduction of Windows 8, however the interface was used for the first time with Windows 7 portable devices. Partially we’ve seen this interfaces style since MSN 2.0 or Encarta 95, but not entirely as they are today. The Modern UI design focuses on beautiful typography and less on graphics, while putting the content in the center.

The new style design finally takes Microsoft on the path of creating beautiful interfaces, and brings them a step closer to Apple’s operating systems and their interfaces. Click here to read more.

Inspiritas – A Free Bootstrap Theme (Admin Template)


Inspiritas is a free theme (admin template) built on Twitter Bootstrap.

  • All the goodness of Bootstrap 2
  • A hand-crafted, completely new visual theme
  • Easy to customize
  • Free and maintained
  • Uses overrides to make future updates to Bootstrap easy to get
  • Photoshop file included with the entire design
  • BONUS: Includes styling for Highcharts charting library

Free Clean And Usable UI PSD Kit


Free UI psd kits are always useful to save designing time and cost. Here goes two beautitul PSD UI kits perfect to use for your next project. These kits comes with useful UI elements including check boxes, radio button, search options and message alert.

Optimizing Typography in Responsive Web Design


Each time a discussion pops up about responsive design, the common terminology and concepts that get the maximum attention include grids and images, and obviously the settings like fluid or flexible. Typography, though essentially always deemed important, is rarely given the weightage it deserves when it comes to responsive web design.
In this article, we will be discussing typography vis a vis responsive web design. Our focus will be on typography strictly in relation to responsive web design only.

Calculate Time Between 2 Dates with JavaScript – Countdown.js


A simple JavaScript API for producing an accurate, intuitive description of the timespan between two Date instances.

Countdown.js emphasizes producing intuitively correct description of timespans which are consistent as time goes on. To do this, Countdown.js uses the concept of “today’s date next month” to mean “a month from now”. As the days go by, Countdown.js produces consecutively increasing or decreasing counts without inconsistent jumps. The range of accuracy is only limited by the underlying system clock.

Responsive Business Portfolio: Folio

Folio is a responsive html business portfolio template.The template is exclusively designed/developed for by Sarfraz Shaukat. Its intuitive text/image slider gives you a good showcase to project your Business Portfolio, Projects,Products etc. Its simple and clean design makes it more attractive and eye catching for users.

jQuery Text Highlighter and Filter Plugin


A jQuery plugin which filters and highlights the text entered. When someone types anything in an input field then a set area on your page becomes responsive and only displays part of that area which contains the word or string typed by the user.

A jQuery Plugin to Add Gravity to Your Site: jGravity


jGravity adds gravity to either all or specified elements within a page. Using the plugin is as easy as $(‘body’).jGravity(); which will use default settings to apply the gravity effect, which I think you will find quite similar to how Google presented ‘Google Gravity’ in an earlier Google easter egg.

Free Social Icons WordPress Plugin & PSD: Mav Icons


Mav Icons is a free social WordPress plugin allow to link to your social profiles with a beautiful set of icons. It comes with a set of 48 icons in 32px, drag & drop feature and it’s compatible with any theme.

The Complete Guide To Custom Post Types


WordPress has been gaining a foothold in the general content management system (CMS) game for a few years now, but the real breakthrough was the custom post type mechanism which allows for the creation of a wide variety of content. This article explains how this came to be and all the options that this great functionality offers.

Flexible Responsive CSS Grid System: rwdgrid


rwdgrid is a flexible responsive grid system based on the popular The naming convention of this grid system is similar to the – underscore has been replaced by a hyphen (improving readability). The system has been made for 1200px+ displays, 960px+ displays, 720px+ displays and mobile screens.

Related Posts

  1. Thursday Roundup # 17
  2. Thursday Roundup # 2
  3. Thursday Roundup # 20
  4. Thursday Roundup # 23
  5. Thursday Roundup # 18

Leave a Reply

Required fields are marked *.

+ six = 14