June 12, 2013 Design , Inspiration no responses # , , , ,

Picksum Ipsum – Dummy Text From Hollywood

Picksum Ipsum is another dummy text generator that is pretty original and fun. It has a database of lines from 4 В Hollywood legends: Client Eastwood, Morgan Freeman, Michael Caine and Jim Carrey.

Picksum Ipsum

We can choose the number of paragraphs and if tags are needed or not. Also, a “rumble” option exists for creating a mixed filler text from 2 of the selected artists.

June 11, 2013 Design , JavaScript no responses # , , ,

Hitch – Expressive Power To CSS With JavaScript

Hitch is a lightweight JavaScript library that adds expressive capabilities to CSS files. It has some of the powers of CSS preprocessors like prefixing or variables but also some other stuff.

The library comes with multiple ready-to-use selectors like “anyof, allof, has..” and allows us to define any new ones (called hitches).


These hitches are simple JavaScript functions and can be written easily (once the library has more users, there will probably be many hitches around). Hitch is very well-documented, has examples and it works on all modern browsers..

Compatibility: All Modern Browsers
Website: http://hitchjs.com/
June 11, 2013 Fonts no responses # , , ,

5+ Must-have Fresh Free Fonts

Selecting the correct type for a project is always an important step in the design process. This is why you need to have as many fonts as you can. Here are some free fonts to keep your library filled with great options so you can keep your designs fresh and unique.

Continue reading

June 11, 2013 Design , Icons no responses # ,

Cikonss – Pure CSS & Responsive Icon Set

Cikonss is a one more step further in icon usage as it uses no fonts but the items are created with pure CSS. With icon-fonts, it became clear that, soon, we’ll no longer be using any images for icons.

Currently, there are 40+ items in the set, they are responsive-layouts-friendly and work cross-browser (no CSS3 properties are used).


The set is currently not big enough to be used in web applications but if you need only few of them, than why not.

And, if the set keeps growing, it can become a valuable resource for the web design community.

June 10, 2013 Mobile no responses # , , , , ,

Swiper – Framework-Free Mobile Slider

Swiper is a beautiful content slider that is built for mobile and works pretty fast as it usesВ hardware accelerated transitions. The slider is lightweight, uses no JavaScript frameworks and has support for “touch events” whose interaction ratio can be customized.

It responds to changes in orientation, has support for vertical + horizontal sliding and comes with built-in pagination control (bullets).


Each swipe event brings the next/prev slide but it can be set in free mode as well where the content will be scrolled as much as you swiped. Swiper can present multiple items at once (carousel), loop infinitely and feature any HTML content.

There is an API that allows controlling the pagination and provides callbacks on major events. It also works on desktop browsers (mouse events are accepted) and can be extended with plugins.

Requirements: No Requirements
Compatibility: All Major Browsers

Website: http://www.idangero.us/sliders/swiper/
Demo: http://www.idangero.us/sliders/swiper/demos.php
Download: https://github.com/nolimits4web/Swiper

June 7, 2013 Online Services no responses # , , , , , ,

Screensiz.es – A Place To Find Screen Size Information For Many Popular Devices

Screensiz.es is a website that lists the important data about the screens of widely-used mobile + tablet screens and monitors. When developing mobile (web) apps or responsive layouts, knowing the major screen-sizes and resolutions help a lot on deciding the dimensions for the layout.


It is possible to find the operating system used, physical size, resolution, PPI and pixel-density values. Also, devices can be sorted by popularity which is a good way to decide which resolutions are your target.

June 6, 2013 jQuery no responses # , , ,

Pop Easy – Lightweight Modals For jQuery

Pop Easy is a jQuery plugin for quickly creating completely customizable modals. Regarding the design, the default modal already has a good-looking interface and it can be changed/improved with CSS.

jQuery Modal Box Plugin - Pop Easy

There are options for customizing the animation used when the modal appears, its speed, the opacity, if it’ll be opened onLoad and more. Considering the size, the plugin is very useful. One thing seems to be missing for now is the built-in ability to load remote data (Ajax).

The plugin is lightweight (2kb) and has support for displaying any HTML element, including videos.

Requirements: jQuery
Compatibility: All Major Browsers
Website: http://thomasgrauer.com/popeasy/
June 5, 2013 jQuery no responses # , , , ,

Smint – jQuery Sticky Menu With Smooth Scroll

Smint is a jQuery plugin that can turn any given element into a sticky menu instantly. 

It has 2 main elements, a sticky navigation bar that stays at the top of the page while you scroll down and menu buttons that automatically scroll the page to the section you clicked on.

jQuery Sticky Menu - Smint

The plugin has support for smooth scrolling (which is usually used in one-page websites). The plugin is almost plug ‘n’ play and the only customization provided is “scrolling speed”.

Requirements: jQuery
Compatibility: All Major Browsers
Website: http://www.outyear.co.uk/smint/
June 5, 2013 Responsive no responses # , , , , , ,

Converse.js – Open Source – Facebook-Like Chat Client

Converse.js is an open source chat application that can connect to any XMPP/Jabber server (like Google Talk, Skype, etc.).


It sits in the footer of web pages just like Facebook-chat and has support for one-to-one or multi-user conversations. Contact requests can be accepted/declined, statuses can be set (online, away..) and there are “typing” notifications to inform the “listening” users.

With a little custom coding, single-site login can be accomplished (users logged in to the site will automatically be logged in to the chat). Also, Converse.js doesn’t use any server-side code and it is totally built with JavaScript.

Requirements: No Requirements

Website: http://conversejs.org/
Download: https://github.com/jcbrand/converse.js

June 4, 2013 Design , Icons no responses # , ,

Forecast Font – A Web-Font For Weather Icons

Forecast Font is a lovely web-font for using any weather-related icons on our web pages as fonts. The font is pretty awesome as it consists of items that are multi-layered and this provides a huge margin for customization.

It was created to enable you to have more control over the look and feel of the icons, rather than only having a single colour or style. Flat, single-colour icons might be what your after and thats cool but with Forecast font you have all the flexibility to colour, style or even animate various parts of the icons. Create something a little different from the norm. Even better they are fully scalable for use on all devices, no need to create cumbersome image sprites or use multiple images to create your weather icons.

Forecast Font

They can be mono or multi-colored, can be resized completely and very easy-to-use.

Website: http://forecastfont.iconvau.lt/

1 2 3 4 5 6 20
Stay In Touch