Group items tagged and - Tools for web developers

I Need Computer Technical Help Now - 0 views

"I have no time to wait". That is what I muttered when my computer suddenly went on a blue screen. I had a project and I needed to pass it on time. But with my computer on trouble, I would not make...

Computer Technical Help

started by Hachan A on 12 May 11 no follow-up yet

CSS Tools: Reset CSS - 0 views

meyerweb.com/...reset

front-end prototyping webdesign CSS

shared by Vernon Fowler on 06 Feb 19 - No Cached

Vernon Fowler on 06 Feb 19

"The goal of a reset stylesheet is to reduce browser inconsistencies in things like default line heights, margins and font sizes of headings, and so on."

<div class="cArrow"> </div><div class="cContentInner">"The goal of a reset stylesheet is to reduce browser inconsistencies in things like default line heights, margins and font sizes of headings, and so on."</div>

...

Cancel

TinyPNG - Compress PNG images while preserving transparency - 0 views

tinypng.com

net303 bandwidth

shared by Vernon Fowler on 02 Nov 16 - No Cached

use less bandwidth and load faster
...

Cancel
files produced by TinyPNG are displayed perfectly on all modern browsers including mobile devices
...

Cancel
frustrated with the load times
...

Cancel

Vernon Fowler on 02 Nov 16

"In 2014 we added intelligent compression for JPEG images and in 2016 we added support for animated PNG."

<div class="cArrow"> </div><div class="cContentInner">"In 2014 we added intelligent compression for JPEG images and in 2016 we added support for animated PNG."</div>

...

Cancel

The Ultimate Guide to Golden Ratio Typography - 0 views

www.pearsonified.com/...golden-ratio-typography.php

typography design golden ratio webdesign fonts typefaces webfonts font web tools

shared by Vernon Fowler on 12 Oct 12 - No Cached

The mathematical proportions of your typography are vitally important to how readers perceive both your site and your content.
...

Cancel
Font size and line height are proportionally related.
...

Cancel
For any font size, the line height must increase as the line width increases.
...

Cancel
...1 more annotation...
For a font size of 16px, the perfect line height is achieved when h equals the golden ratio. This yields a value of 25.88854px for the optimal line height. Using this value, you can then determine that the associated optimal line width is 670.21670px.
...

Cancel

META SEO inspector v1.8.3 - 0 views

www.omiod.com/meta-inspector.php

metadata LIM225 meta seo inspector chrome extensions html microformats canonical tools

shared by Vernon Fowler on 24 Mar 13 - No Cached

Vernon Fowler on 24 Mar 13

A Google Chrome extension useful to inspect the meta data found inside web pages, usually not visible while browsing. Meta data is not just the usual HTML meta tags, but the XFN tags, various microformats, the recently introduced canonical attribute, the no-follow links and so on.

<div class="cArrow"> </div><div class="cContentInner">A Google Chrome extension useful to inspect the meta data found inside web pages, usually not visible while browsing. Meta data is not just the usual HTML meta tags, but the XFN tags, various microformats, the recently introduced canonical attribute, the no-follow links and so on.</div>

...

Cancel

Sea Quail SQL Writing Library - Home - 0 views

seaquail.codeplex.com

LIM225 sql database diagram tool chrome HTML5 generator schema design mysql data

shared by Vernon Fowler on 24 Mar 13 - No Cached

Vernon Fowler on 24 Mar 13

Check out the database diagram tool written for Chrome and the HTML 5 canvas. It generates scripts for a database schema based on the diagrams you set up. It's only a proof of concept, but it's fun to play with. http://diagrams.seaquail.net/

<div class="cArrow"> </div><div class="cContentInner">Check out the database diagram tool written for Chrome and the HTML 5 canvas. It generates scripts for a database schema based on the diagrams you set up. It's only a proof of concept, but it's fun to play with. <a href="http://diagrams.seaquail.net/" rel="nofollow" target="_blank">http://diagrams.seaquail.net/</a></div>

...

Cancel

geuis/helium-css · GitHub - 0 views

github.com/helium-css

css javascript webdesign web tools

shared by Vernon Fowler on 16 Apr 13 - No Cached

Vernon Fowler on 16 Apr 13

"Helium is a tool for discovering unused CSS across many pages on a web site. The tool is javascript-based and runs from the browser. "

<div class="cArrow"> </div><div class="cContentInner">"Helium is a tool for discovering unused CSS across many pages on a web site. The tool is javascript-based and runs from the browser. "</div>

...

Cancel

The Most Excellent Bookkeeping Services - 1 views

started by Justin Pierce on 14 Feb 13 no follow-up yet

Outbound Links - Analytics Help - 0 views

support.google.com/...answer.py

outbound analytics tracking links javascript

shared by Vernon Fowler on 15 Jan 13 - No Cached

Because links that lead away from your site are not automatically tracked by Google Analytics, you will need to manually tag all outbound links you want to track. To do this, you will add some custom JavaScript that uses the _trackEvent method to record these links and then modify the links you want to track.  These instructions assume you already have either the traditional (ga.js) or the asynchronous tracking code in your pages, that you have some familiarity with JavaScript, and that you can edit your website pages to include this JavaScript.
...

Cancel

Amazing Customer Service - 1 views

I would like to thank Onward Process Solutions for greatly helping me with my need for assistance in a Customer service outsourcing project. They provided me with 24/7 phone/ email answering serv...

started by Felipp Crawly on 31 Oct 12 no follow-up yet

Tested And Trusted Bookkeeping Service - 1 views

When I opened my mini grocery last year, I immediately asked Bookkeepers On Call to do the bookkeeping services for me because I know it from my sister that they provide the most trusted bookkeeper...

started by Justin Pierce on 29 Oct 12 no follow-up yet

Get Started with Font Awesome - 0 views

fontawesome.io/get-started

icons bootstrap font responsive accessible accessibility webdesign

shared by Vernon Fowler on 11 Aug 16 - No Cached

Super-simple upgrades Since each site gets a unique embed code, you can easily upgrade to the latest version of Font Awesome, all without pushing any code. Easy peasy.
...

Cancel

Vernon Fowler on 11 Aug 16

Setting up Font Awesome can be as simple as adding two lines of code to your website, or you can be a pro and customize the LESS yourself! Font Awesome even plays nicely with Bootstrap 3!

<div class="cArrow"> </div><div class="cContentInner">Setting up Font Awesome can be as simple as adding two lines of code to your website, or you can be a pro and customize the LESS yourself! Font Awesome even plays nicely with Bootstrap 3!</div>

...

Cancel

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

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

WordPress › WordPress Plugins - 0 views

wordpress.org/...faq

plugins image SVN Subversion FAQ WordPress

shared by Vernon Fowler on 06 Feb 12 - Cached

Start by creating an "assets" directory in the root of your SVN checkout. This will be on the same level as /tags and /trunk, for example. Inside that assets directory, you can make a file named "banner-772x250.png" or "banner-772x250.jpg". The image must be exactly 772 pixels wide and 250 pixels tall.
...

Cancel

How to install and get started with SVN (Subversion) on Windows | WPCandy - 0 views

wpcandy.com/...ted-with-subversion-on-windows

Windows SVN Subversion WordPress

shared by Vernon Fowler on 06 Feb 12 - No Cached

Vernon Fowler on 06 Feb 12

@vfowler http://t.co/n5XXaUPN & http://t.co/Xq6P09eQ

<div class="cArrow"> </div><div class="cContentInner">@vfowler <a href="http://t.co/n5XXaUPN" rel="nofollow" target="_blank">http://t.co/n5XXaUPN</a> & <a href="http://t.co/Xq6P09eQ" rel="nofollow" target="_blank">http://t.co/Xq6P09eQ</a></div>

...

Cancel

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

phildionne/golden-bootstrap · GitHub - 0 views

github.com/...golden-bootstrap

typography CSS less sass bootstrap

shared by Vernon Fowler on 21 Mar 14 - No Cached

Vernon Fowler on 21 Mar 14

Golden Bootstrap is a tiny add-on for Bootstrap giving you the divine power of using golden ratio sized columns. Available both for Less and Sass CSS preprocessors.

<div class="cArrow"> </div><div class="cContentInner">Golden Bootstrap is a tiny add-on for Bootstrap giving you the divine power of using golden ratio sized columns. Available both for Less and Sass CSS preprocessors.</div>

...

Cancel

Bourbon - A Sass Mixin Library - 0 views

bourbon.io

css bourbon webdesign sass

shared by Sarah HL on 16 Apr 14 - No Cached

Sarah HL on 16 Apr 14

A simple and lightweight mixin library for Sass.

<div class="cArrow"> </div><div class="cContentInner">A simple and lightweight mixin library for Sass.</div>

...

Cancel

Group items tagged