Web Design

Resources for building and designing a web site:

  • W3C Quality Assurance Tools – checks compliance of HTML, CSS and more; checks for dead links
  • Dirty Markup – cleans up pasted-in HTML, CSS, JavaScript
  • TE-XT – perform various tasks with pasted-in text (case change, remove lines, colour code conversion, lorem ipsum generator, etc.)
  • Dead Link Checker – scans a URL for dead links
  • Can I Use… – details browser support for front-end web design techniques
  • mydevice.io – lists pixel screen widths for various devices
  • Browsershots – checks browser compatibility across multiple browsers (for multiple operation systems)
  • evolt.org Browser Archive – download old versions of Web browsers, for testing (or just to go retro!)
  • Email on Acid – test email in multiple email clients (including for mobile); paid service – pay-as-you-go or monthly subscription
  • ColorSchemer – suggests colour schemes once you input one colour
  • COLOURlovers – community of user generated colour combinations; advanced search facility
  • UIPalette.net – various colour tools all in one site
  • EnjoyCSS – CSS code generator for buttons, form fields, and more
  • CSSFlow – CSS code snippets for buttons, forms, pricing tables, and more
  • Hover.css – hover effects via CSS
  • FontReach – Calculates the popularity of fonts used in web design
  • DevDocs – searchable documentation for various APIs, including HTML and CSS
  • Google Analytics – free, detailed analytics for Web sites
  • WordPress – advanced blogging tool with a huge collection of plugins and themes; free download for your servers or use WordPress hosting
  • BuiltWith – view what technology is used for any URL – servers, coding languages, analytics packages, ad servers, etc.
  • WordPress Theme Detector – provides information on what WordPress theme and plugins are being used for a specific web site
  • SiteUptime – get notified when/if your website goes down (and when it becomes live again); Free for 1 monitor and minimum 30 minute interval checking
  • Peek – free user testing feedback (from one person)
  • Mobile SEO – analyzes ‘mobile-friendliness’ of a web site
  • Google Developers Mobile Friendly Test – Input a URL and it will analyze the mobile-friendliness
  • SmallPDF – compresses PDF size; and other PDF edits/conversions
  • Imgur: Video to GIF – paste video URL and convert select sections to animated GIF
  • Open Foundry – open source, downloadable web fonts (top 30); resize in view
  • HungryFEED – simple plugin to add RSS feed content to a WordPress page/post; customization possible
  • Corporate Ipsum – ‘corporate speak’ placeholder text generator
  • Material Design icons – open source icons from Google
  • Let’s Enhance – improves the resolution of images
  • Adobe Photoshop Express – make minor edits to images (cropping, touch ups, background removal, etc.) – online