Skip to main content

Home/ Tools for web developers/ Group items tagged icons

Rss Feed Group items tagged

Filter: All | Bookmarks | Topics Simple Middle
Vernon Fowler

iConvert Icons: Convert png, ico, and icns icons online for free - 0 views

iconverticons.com/online

icons icon converter image web tools favicon

shared by Vernon Fowler on 28 Dec 13 - No Cached
  • Vernon Fowler on 28 Dec 13
     
    "Have you ever discovered the perfect icon set, only to find it wasn't available for your particular platform? iConvert solves the problem: With this free online icon converter, you can convert any icon or image into an icon specifically for your platform. iConvert allows you to easily convert PNG to ICO, Windows ico to Mac OS X icns, SVG icons to Windows icons, PNG icons to Mac OS X icons, JPG to ICO, and much more. Simply upload a file in one of the supported formats, and iConvert will do the rest!"
Vernon Fowler

Grumpicon. A Web app for the Grunticon workflow. - 0 views

www.grumpicon.com

svg generator png tools image icons css icon font vector webdesign tool

shared by Vernon Fowler on 17 Jan 14 - No Cached
  • To start, export SVG files for each of your images, drop those files onto the grumpy animal above, then click the 'Downlode it!" button to grab the files.
  • Once downloaded, check out preview.html to see a preview of your icons and their class names. To integrate in your site, you can drop the exported files into a folder on your site and paste the contents of grunticon.loader.txt into the head section of your HTML templates. Note: Be sure to replace the 4 [YOUR PATH HERE] parts of that text with the path to your own grunticon files (a root-relative path often works best across a whole site).
  • Vernon Fowler on 17 Jan 14
     
    Grunticon makes it easy to use HD-ready (retina) vector illustrations, icons, and background images in your web project without the hassles of spotty browser compatibility. The tool processes a set of SVG files, generates PNG fallback images for legacy browsers, and exports a demo page showing how to use the final icons.
  • Vernon Fowler on 17 Jan 14
     
    Grunticon makes it easy to use HD-ready (retina) vector illustrations, icons, and background images in your web project without the hassles of spotty browser compatibility. The tool processes a set of SVG files, generates PNG fallback images for legacy browsers, and exports a demo page showing how to use the final icons.
Vernon Fowler

Font Awesome CDN - 0 views

cdn.fontawesome.com/help

accessibility icons

shared by Vernon Fowler on 11 Aug 16 - No Cached
  • ways to help technology that supports impairments, like screen readers, either ignore or better understand the Font Awesome icons you're using
  • For icons that have semantic or interactive meaning, this means you'll need to provide a proper text alternative to be used.
  • title="Submit My Tax Return"
  • ...5 more annotations...
  • For icons that have semantic or interative meaning
  • <span class="sr-only">Submit My Tax Return</span>
  • What do you mean by Auto Accessibility?
  • Make sure the CDN Embed code is the only way you're using Font Awesome.
  • For icons that are decorative Font Awesome CDN's auto accessibility feature will make sure it is ignored by assistive technology. There's nothing extra you need to on top of how you would usually reference an icon.
Vernon Fowler

Daring Fireball: How to Create Retina-Caliber Favicons - 0 views

daringfireball.net/...retina_favicons

retina Icons tools tool design webdesign

shared by Vernon Fowler on 07 Oct 13 - No Cached
  • I found no other tool that suited my needs.
    • Vernon Fowler
      Vernon Fowler on 07 Oct 13
       
      IcoFX may be an alternative.
    • Vernon Fowler
      Vernon Fowler on 07 Oct 13
  • iConvertIcons doesn’t do multi-resource ICOs. Neither does Image2Icon.
  • Old (non-retina) favicons are 16 × 16 px; a retina favicon is thus 32 × 32 px.
  • ...1 more annotation...
  • X-Icon Editor is a free web app recommended by Thomas Fuchs in his otherwise excellent Retinafy Your Website flowchart, but the problem I found with it (other than the inherent clunkiness of a web app in general) is that it did awful things to colors
Sarah HL

Icon for the group - 4 views

If someone here wants make a beautiful icon : feel free to do it !

started by Sarah HL on 13 Feb 09 no follow-up yet
Vernon Fowler

Welcome To The 404 Checker - 0 views

404checker.com

checker 404 testing http protocol header status code tools tool web

shared by Vernon Fowler on 22 Apr 13 - No Cached
  • Check the HTTP Status code being returned by a partcular webpage, image or document. Useful for checking that your custom error pages are returning the correct codes.
  • View the full header returned from a HTTP request. Useful for debugging, optimisation and for general interest. Click the icon next to each header directive for more information about that item.
  • The link checker will fetch all links on a page and check each in turn for their status. Useful for location broken links on a page.
  • Vernon Fowler on 22 Apr 13
     
    "404 Checker is a website full of webmaster tools and information about your website, internet connections and protocols. Please consult the list below for information about the tools available. The information section (accessable from the menu on the left) contains information about HTTP Status Codes, and also instructions about how you can customise your servers response to these codes. The references section contains information about where to get more information."
Vernon Fowler

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.
  • 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!
1 - 7 of 7
Showing 20▼ items per page