webdev gems

collection of useful resources for web developers

CSS

• emmetio / livestyle-sublime
  Live bi-directional CSS edit of new generation link

• necolas / normalize.css
  customisable CSS file that makes browsers render all elements more consistently and in line with modern standards link

JS (Vanilla)

• UseAllFive / true-visibility
  Checks if a DOM element is truly visible link

JS (jQuery)

• okfocus / okvideo
  Fullscreen background videos for your webpages. link

• buildinternet / supersized
  Full screen background slideshow plugin for jQuery link

• FinelySliced / leanModal.js
  A super simple JQuery plugin for modal windows. link

• tylerpearson / lazyYT
  A jQuery plugin to lazy load those dang Youtube iframe videos. link

• xdan / flipcountdown
  Clock in retro style link

• BeSite / jQuery.dotdotdot
  advanced cross-browser ellipsis for multiple line content. link

• jschr / textillate
  A simple plugin for CSS3 text animations link

• SamWM / jquery.numeric.js
  Allows only valid characters (i.e. numbers) to be typed into a text box link

• malihu / custom-scrollbar-plugin
  Highly customizable custom scrollbar plugin, featuring vertical/horizontal scrollbars, scrolling momentum, mouse-wheel, keyboard and touch support etc. link

• malsup / Jquery Form Plugin
  easily and unobtrusively upgrade HTML forms to use AJAX link

• Winston Wolf / cssmap
  interactive (clickable) and responsive map of forty-seven countries of the European continent link

Joomla modules

• NoNumber
  Author of some of the most useful Joomla extensions: Add to Menu, Advanced Module Manager, Advanced Template Manager, Articles Anywhere, Better Preview, Cache Cleaner, CDN for Joomla!, Components Anywhere, Content Templater, DB Replacer, Dummy Content, Email Protector, IP Login, Modals, Modules Anywhere, NoNumber Extension Manager, ReReplacer, Sliders, Snippets, Sourcerer, Tabs, Tooltips, link

• dj-catalog
  product catalogue and e-commerce like features without the complications of shopping cart/payments functionality link

• acymailing
  most popular newsletter extension on Joomla! link

• BT / contentslider
  slide your articles from Joomla! Content, K2, BT Portfolio or Easyblog component with cool effects link

• Phoca Commander
  dual-pannel file manager link

• Falang
  Your site in multiple languages in the easiest way. link

• Freestyle / Testimonials
  customer testimonials in any module position and on an individual page link

• RSSeo
  tools that will help you improve the overall SEO score of your Joomla! site link

• Images Crawler
  continuous horizontal scroller of one or more images from a specified folder link

• ReDJ
  allows to manage URL redirection link

• ScriptsDown
  moves Javascript files to the bottom and minifies HTML link

deployment

• git-ftp
  Git powered FTP client written as shell script. link

• GruntJS
  Automation, performing repetitive tasks like minification, compilation, unit testing and linting. link

Websites, online tools

• developer.mozilla.org/en/docs/Web/HTML/Element
  HTML reference

• developer.mozilla.org/en-US/docs/Web/CSS/Reference
  CSS reference

• developer.mozilla.org/en-US/docs/Web/JavaScript/Reference
  JS reference

• devdocs.io
  combines multiple API documentations in a fast, organized, and searchable interface

• youmightnotneedjquery.com
  JS and jQuery code comparison

• browsershots.org
  generates screenshots of how websites appear at various resolutions in six commonly used web browsers

• developers.google.com/speed/pagespeed/insights
  check ways of decreasing load time of your website

• google.com/webmasters/tools/mobile-friendly
  check how mobile-friendly is your website

• coveloping.com/tools
  random tools collected in one place

• projects.jga.me/jquery-builder
  custom jQuery builder

• instantsprite.com
  generates CSS sprites from multiple images

• cssdrive.com/imagepalette
  generates color palette from image

• imagesplitter.net
  easy image converting, resizing, cropping and splitting

• codepen.io
  editor for bored creative people

• jsfiddle.net

• sqlfiddle.com

• refiddle.com

• regexper.com
  regular expressions demystifier

• builtwith.com
  lists technologies used by chosen website

• shoptalkshow.com
  "sound effects podcast that also covers web development"

Chrome extensions

• Quick source viewer
  list of website's JS and CSS assets in one click link

• Stylish
  enables attaching custom stylesheets to chosen websites link

• YALIG
  Lorem Ipsum generator link

• IP Whois & Flags Chrome & Websites Rating
  adds Whois icon into URL bar link

Sublime Text extensions

• AllAutocomplete

• BracketHighlighter

• Emmet

• EncodingHelper

• FileBrowser

• JumpAlongIndent

• JSHint Gutter

• Keymaps

• RevertAllFiles

• SideBarEnhancements

• STProjectMaker