Archiwum kategorii: Web Tools

jQuery Flat Shadow – Long Shadows Made Easy

Post pobrano z: jQuery Flat Shadow – Long Shadows Made Easy


Long shadow effects are widely used to create a depth for any element in flat design.

There are several ways to create this effect easily (like this Photoshop file) and, as expected, there is a jQuery way too.

jQuery Flat Shadow

jQuery Flat Shadow is a plugin which can add this fading shadow to everything targeted.

It is possible to define the shadow color, angle and enable/disable the fading.Advertisements:
ioDeck, a self-hosted and awesome PHP form generator.
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Responsive Web CSS – Web-Based Responsive Layout Creator

Post pobrano z: Responsive Web CSS – Web-Based Responsive Layout Creator


If you are already using a CSS or front-end framework, creating responsive layouts shouldn’t be hard.

However, if you are new to such layouts, Responsive Web CSS can help you get started quickly.

It is a web-based tool that enables anyone to create a responsive layout skeleton with drag ‘n’ drops.

Responsive Web CSS

You can simply add any number of pages, divs and define the widths in percentages.

There is support for nested grids and it is possible to select the targeted devices. After all, the HTML-CSS is created automatically and will be ready-for-download.Advertisements:
ioDeck, a self-hosted and awesome PHP form generator.
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Analyze The Performance Of JavaScript-Heavy Apps With Web Tracing Framework

Post pobrano z: Analyze The Performance Of JavaScript-Heavy Apps With Web Tracing Framework


Web Tracing Framework, by Google, is a set of tools and scripts for analyzing the performance of any JavaScript-related code.

It is mostly ideal for JavaScript-heavy apps and may not be necessary for standard web pages where JavaScript is only used for simple interactions.

There is a manual embedding option and a Chrome extension for getting internal browser data and command line tools (or Nodejs support) for processing this data.

Web Tracing Framework

The framework allows us to choose which methods/events to track and visualizes them in a friendly interface.

A “heap tracking” feature helps finding “how the memory is used by every function” to optimize when necessary.

It works on most modern browsers (in Chrome with all the features) and can be extended.Advertisements:
ioDeck, a self-hosted and awesome PHP form generator.
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Free, Beautiful & High-Res Photos – Unsplash

Post pobrano z: Free, Beautiful & High-Res Photos – Unsplash


High-quality images help a lot when creating good-looking and attractive projects.

There are lots of them in stock-photo companies and it is hard to find any free ones.

Unsplash is a very simple website that regularly adds 10 new hi-res photos each 10 days to its list.

Photos are totally free to use personally or commercially and, a newsletter exists to notify once new images are added.

UnsplashAdvertisements:
ioDeck, a self-hosted and awesome PHP form generator.
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
SSLmatic – Cheap SSL Certificates (from $19.99/year)

An Elegant Font – Nexa Slab (Discount At MightyDeals)

Post pobrano z: An Elegant Font – Nexa Slab (Discount At MightyDeals)


A designer never stops hunting for new fonts as a different/fresh font can easily beautify any design project.

MightyDeals is running another exciting font deal for typography fans: Nexa Slab.

The font is very slick and based on classic slab serif fonts like Lubalin Graph, Rockwell and Memphis.

Nexa Slab Font

It is available in 24 variations ( 3 basic forms -italics, obliques and uprights- and 8 weights).

Nexa Slab supports most Latin-based scripts and offered with 90;% off the standard price ($9 rather than $99).Advertisements:
ioDeck, a self-hosted and awesome PHP form generator.
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Free iOS7 Wireframing Kit For Illustrator

Post pobrano z: Free iOS7 Wireframing Kit For Illustrator


When planning the layout of a web or mobile project, wireframing helps a lot to see and discuss the thoughts visually.

For anyone who is about to develop a mobile app for iOS7, the free wireframing kit that Blake Perdue created will be a huge time-saver.

The kit is for Adobe Illustrator and includes most of the common UI elements for the operating system.

iOS7 Wireframe KitAdvertisements:
ioDeck, a self-hosted and awesome PHP form generator.
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
SSLmatic – Cheap SSL Certificates (from $19.99/year)

A Lightweight Front-End Framework: UIkit

Post pobrano z: A Lightweight Front-End Framework: UIkit


UIkit is a front-end framework, built by YOOtheme, for creating cross-browser and responsive layouts faster.

It is lightweight, has a modular structure and uses LESS for styles + jQuery for the JavaScript.

UIkit

The components included cover pretty much everything: buttons, tables, tabs, forms, modals, tooltips and much more.

Everything is very-well documented with examples and a web-based customizer exists for creating new themes (there are already 3 ready-to-choose themes).Advertisements:
ioDeck, a self-hosted and awesome PHP form generator.
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Pingendo – An IDE With Built-in Support For Front-End Frameworks

Post pobrano z: Pingendo – An IDE With Built-in Support For Front-End Frameworks


Pingendo is a fresh IDE that is currently in beta status and available for Win + Mac.

It is currently free (can become paid after the beta – no info on that) and focuses on easing web authoring.

There is a DOM-tree editor which we can quickly view the tree and edit their styles and/or properties.

Pingendo

Pingendo has built-in support for Bootstrap + Foundation frameworks an Font Awesome (more such stuff will be added).

Also, CSS rules can be edited visually, including CSS3 ones like gradients or transformations.Advertisements:
ioDeck, a self-hosted and awesome PHP form generator.
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
SSLmatic – Cheap SSL Certificates (from $19.99/year)

A Huge Bundle For Web Designers By BundleHunt (For Only $7)

Post pobrano z: A Huge Bundle For Web Designers By BundleHunt (For Only $7)


Many of us purchase design/dev resources like templates, icons or various services regularly. When these are on a discount, that can be very nice.

BundleHunt, the website that offers creative bundles for very low prices, has announced their new/exciting bundle which I think is a great deal and wanted to share.

The bundle consists of 14 different web/graphic design-related items including:

  • a set of Smashing Magazine’s best selling e-books
  • premium WordPress themes by Themify and Dessign
  • annual and commercial membership to GraphStock’s image database
  • several high quality icon sets
  • free hosting, Photoshop actions, PSD templates and more.

BundleHunt

It is priced only $7 (which would normally value $467) and would worth the price only if one of the items in the bundle is something we are in need of.Advertisements:
ioDeck, a self-hosted and awesome PHP form generator.
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
SSLmatic – Cheap SSL Certificates (from $19.99/year)

A jQuery Plugin For Good-Looking Clocks And Countdowns – FlipClock.js

Post pobrano z: A jQuery Plugin For Good-Looking Clocks And Countdowns – FlipClock.js


The flipping elements in information boards (like the ones in airports) are usually loved by many.

FlipClock.js is a jQuery plugin which replicates this effect to present anything related to time.

It has support for working as a clock, countdown or timer and can be customized completely with CSS.

jQuery FlipClock.js

There is an option for auto-start, multiple methods exist for controlling it (start, stop, getTime, setTime..) with their callbacks.

Also, it has a full-featured API for extending the functionality further.Advertisements:
ioDeck, a self-hosted and awesome PHP form generator.
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
SSLmatic – Cheap SSL Certificates (from $19.99/year)