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).

Cikonss

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).

Swiper

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.

Screensiz.es

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.).

Converse.js

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/

May 29, 2013 jQuery no responses # , , , ,

jQuery Plugins for Scrolling Effects

For this post, we’ve gathered some jQuery plugins that will help you incorporate this into your next project.

Continue reading

May 29, 2013 CSS3 , Design no responses # , , ,

Pure – A CSS Framework By Yahoo!

Pure is a fresh one that is created by Yahoo!. It uses Normalize.CSS and doesn’t use any JavaScript but only HTML-CSS. It is so good to see new and quality frameworks are being introduced regularly by the web design/development community. 

Pure by Yahoo!

The framework is built with responsive layouts in mind and has styles for typography, grids, forms, buttons, tables and navigation.

Markup used is very simple and the whole framework is pretty lightweight (5.7KB minified and gzipped).

Also, it is modular and styles for each module can be used separately.

Requirements: Normalize.CSS
Compatibility: All Major Browsers

Website: http://purecss.io/
Download: https://github.com/yui/pure/

1 2 3 4 5 6 20

Pin It on Pinterest

Share This