Group items tagged tools - Tools for web developers

Flow Patterns: Make Site Flows With Fine Visual Detail - UX Movement - 0 views

uxmovement.com/...-flows-with-fine-visual-detail

patterns flowchart task users sitemaps templates tools web communication

shared by Vernon Fowler on 16 Mar 16 - No Cached

User flows show how the user interacts with a specific set of pages to complete a task or meet a goal.
...

Cancel

Vernon Fowler on 16 Mar 16

"Traditional site flows of boxes and arrows aren't detailed enough to paint a clear vision to others. You need visual site flows that show the basics of how a page will look. This gives your team a better idea of what you'll design, so that you can better meet their expectations."

<div class="cArrow"> </div><div class="cContentInner">"Traditional site flows of boxes and arrows aren't detailed enough to paint a clear vision to others. You need visual site flows that show the basics of how a page will look. This gives your team a better idea of what you'll design, so that you can better meet their expectations."</div>

...

Cancel

MOTHER EFFING TEXT-SHADOW - 0 views

mothereffingtextshadow.com

css3 text shadow design text-shadow css webdesign tools

shared by Vernon Fowler on 06 Sep 12 - No Cached

Pearsonified's Golden Ratio Typography Calculator - 0 views

www.pearsonified.com/typography

typography webdesign tools calculator usability

shared by Vernon Fowler on 06 Sep 12 - No Cached

Vernon Fowler on 06 Sep 12

"Discover the perfect typography for your website by entering your current font size and content width"

<div class="cArrow"> </div><div class="cContentInner">"Discover the perfect typography for your website by entering your current font size and content width"</div>

...

Cancel

Create a new Fiddle - jsFiddle - Online Editor for the Web (JavaScript, MooTools, jQuer... - 0 views

jsfiddle.net

jquery prototype yui dojo html testing webdev tools css webdesign javascript

shared by Vernon Fowler on 06 Feb 12 - Cached

CSS3 Generator - 0 views

css3generator.com

css3 webdesign generator css tools web design design

shared by Vernon Fowler on 28 Jul 12 - Cached

If you set it to border-box, the padding and border will render inside the box.
...

Cancel
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
...

Cancel

Web Developer Installed - 0 views

chrispederick.com/...04

developer webdesign javascript development tools web design css

shared by Vernon Fowler on 30 Jul 12 - No Cached

HTML Table Validator - Table Usability - Working examples - Web Experience To... - 0 views

wet-boew.github.io/...validator-htmltable.html

table markup validator html HTML5 accessibility WCAG tool

shared by Vernon Fowler on 15 Jan 14 - No Cached

Vernon Fowler on 15 Jan 14

This validator would help you find any relationship error defined in your complex table.

<div class="cArrow"> </div><div class="cContentInner">This validator would help you find any relationship error defined in your complex table.</div>

...

Cancel

grunt-contrib-less - 0 views

npmjs.org/...grunt-contrib-less

node.js javascript css less automation npm webdev tool

shared by Vernon Fowler on 21 Jan 14 - No Cached

The URLEncode and URLDecode Page - 0 views

www.albionresearch.com/...urlencode.php

url encode tools

shared by Vernon Fowler on 08 Jan 14 - Cached

Vernon Fowler on 08 Jan 14

"%3F"

<div class="cArrow"> </div><div class="cContentInner">"%3F"</div>

...

Cancel

SVG-Optimiser - 0 views

petercollingridge.appspot.com/svg_optimiser

svg optimization tool optimizer images graphics performance vector

shared by Vernon Fowler on 18 Jan 14 - No Cached

Files created in Inkscape or Illustrator are particularly amenable to optimisation.
...

Cancel

Vernon Fowler on 18 Jan 14

A Python program to reduce the file size of uploaded SVGs.

<div class="cArrow"> </div><div class="cContentInner">A Python program to reduce the file size of uploaded SVGs.</div>

...

Cancel

Grunt: The JavaScript Task Runner - 0 views

gruntjs.com

javascript grunt tool development library webdev automation

shared by Vernon Fowler on 20 Jan 14 - No Cached

JavaScript Minifier - 0 views

javascript-minifier.com

javascript tool minify online

shared by Vernon Fowler on 29 Jan 14 - No Cached

Jesse's Bookmarklets Site - 0 views

www.squarefree.com/bookmarklets

bookmarklets tools webdev validation forms

shared by Vernon Fowler on 02 Feb 14 - No Cached

Unicode UTF-8 encoding - EniG. Webmaster Tools - 0 views

www.periodni.com/unicode_utf-8_encoding.html

unicode encoding characters

shared by Vernon Fowler on 12 Feb 14 - No Cached

Vernon Fowler on 12 Feb 14

"ü"

<div class="cArrow"> </div><div class="cContentInner">"ü"</div>

...

Cancel

hCalendar Creator - 0 views

microformats.org/...creator

microformats hcalendar generator tools web webdesign ical

shared by Vernon Fowler on 28 Feb 14 - Cached

Download Windows XP Mode from Official Microsoft Download Center - 0 views

www.microsoft.com/...details.aspx

virtual windows windows xp webdev webdesign testing tool

shared by Vernon Fowler on 27 Feb 14 - No Cached

Type-o-matic - 0 views

type-o-matic.net

typography css webdesign tool

shared by Vernon Fowler on 24 Feb 14 - No Cached

Vernon Fowler on 24 Feb 14

A Firefox extension to analyze typography across a number of web pages to improve consistency and optimise performance of type-related CSS.

<div class="cArrow"> </div><div class="cContentInner">A Firefox extension to analyze typography across a number of web pages to improve consistency and optimise performance of type-related CSS.</div>

...

Cancel

Unsemantic CSS Framework - 0 views

unsemantic.com

css framework responsive grid webdesign fluid layout tools rwd sass

shared by Vernon Fowler on 01 Mar 14 - No Cached

Vernon Fowler on 01 Mar 14

Unsemantic is a fluid grid system that is the successor to the 960 Grid System. It works in a similar way, but instead of being a set number of columns, it's entirely based on percentages. For instance, if you want a 50% wide column, simply use class="grid-50". There are grid classes for multiples of five: 5, 10, 15 … 95, 100. There are also grid classes for dividing a page into thirds: grid-33 and grid-66.

<div class="cArrow"> </div><div class="cContentInner">Unsemantic is a fluid grid system that is the successor to the 960 Grid System. It works in a similar way, but instead of being a set number of columns, it's entirely based on percentages. For instance, if you want a 50% wide column, simply use class="grid-50". There are grid classes for multiples of five: 5, 10, 15 … 95, 100. There are also grid classes for dividing a page into thirds: grid-33 and grid-66.</div>

...

Cancel

WordPress › Support » What for JPG? - 0 views

wordpress.org/...what-for-jpg

images compression performance wordpress plugins tools

shared by Vernon Fowler on 22 Dec 13 - No Cached

I was planing to make a plugin for JPEG images as well. But until I do, You can work your way out with these plugins... CW Image Optimizer - http://wordpress.org/plugins/cw-image-optimizer/ EWWW Image Optimizer - http://wordpress.org/plugins/ewww-image-optimizer/ WP Resized Image Quality - http://wordpress.org/plugins/wp-resized-image-quality/
...

Cancel

Web Browser Identifier - 0 views

id.furud.net/identify.php

browser testing tool

shared by Vernon Fowler on 14 Mar 14 - No Cached

Group items tagged