10/3/2018 - 6:11 PM

Useful bookmarks.

Useful bookmarks.

- MODX Addons/Extras
- PHP Libraries + Classes
- jQuery Plugins
- Web Services
- Bootstrap Resources
- Web Tools - Online
- Web Resources
- Javascript Resources, Plugins + Libraries
- Graphic Resources
- Fonts
- PHP / MySQL Resources
- OpenCart Extensions
- Content Management Systems
- Photography
- Other
- Stuff to check out
- Software - web
- Software - desktop

=======[ MODX Addons/Extras ]=======

:: Mod More Premium Extras ::
Premium extras by Mark Hamstra

This component allows the provisioning of a revolution installation from another remote installation. Resources, elements, files and users can be imported with this release. Packages present in the remote installation but not locally are also listed.

:: Statcache ::
The statcache extra is made up of a Plugin for MODX Revolution that writes out static representations of fully cacheable MODX Resources to a configurable location on the filesystem. You can then use your web server's rewrite engine (or equivalent) to serve the static files first, if they exist. This has the advantage of bypassing MODX (and PHP) entirely, allowing you to serve potentially thousands of more requests per second. It has the disadvantage of not allowing any dynamic content to be served however.

:: phpthumbsup ::
Includes option for Responsive Breakpoints.
phpThumbsUp is a MODX addon that manipulates source images to create thumbnails. You can use phpThumbsUp to create thumbnai images for galleries, automatically size user-uploaded images for mobile devices, or automatically add complex image filters to photos. It's based on the popular phpThumbOf package, but with more options and better performance.

:: pThumb ::
pThumb is compatible with phpThumbOf, significantly faster and eliminates some potential problems caused by phpThumbOf bugs

:: imageSlim ::
imageSlim scans an HTML fragment for img tags, compares each image's natural size to its desired size and if needed calls phpThumbOf to size it down.  If you've looked at AutoFixImageSize or DirectResize but ran into their limitations, give imageSlim a try today.

::RefreshCache (Bob Ray)::
RefreshCache is a snippet for MODX Revolution that refreshes all cacheable resources and the chunks and snippets they contain -- whether they need it or not. It is slow and inelegant.

:: ContextRouter 1.1.0-pl2 | Author: MarkH  ::
ContextRouter is a simple plug-and-play plugin allowing you to use different contexts, and, based on the http_host context settings you need to set anyway, it routes your front-end requests as required.

:: VersionX ::
VersionX is a utility tool for MODX Revolution that will help you version your content in Resources, Templates, Chunks, Snippets and Plugins. Every save is recorded and can easily be looked back, compared and restored through the component or the "Versions" tabs that get added to the update screens.

::  MetaX ::
Automatically generates Meta tags for your pages

:: FirstChildRedirect ::
Redirect users to the first document in a folder.

:: getCache ::
A generic caching snippet for caching the output of any MODx Element using a configurable cache handler.  Official documentation at Issues

Note: !getCache? - GetCache itself is always called uncached because it must determine, on every page request, if the element it's wrapping needs to be processed or not.

::  fastField  ::
This plugin adds new tag [[#resource_id.field]] for MODX Revolution 2.2+.It is a simple replacement of getResourceField.
It supports grabbing:

[[#1.pagetitle]] resource fields
[[]] resource TVs (processed)
[[]] resource properties
[[]] value of $_POST['name'] (and other global arrays as with snippet getReqParam)

::  ShowTv  :: by bobray
This snippet for MODX Revolution allows you to display the value of any TV on any page, chunk, or template, even if the the TV is not connected to the current Resource and/or the current Template.

See the tutorial at:

::  FileDownload R  ::
This snippet lists the given directory paths or filenames to be downloaded and counted.The file path is encrypted with a hashed method so no one will know your real path.

=======[ PHP Libraries + Classes ]=======

::  PHPMailer ::
A full-featured email creation and transfer class for PHP

:: PHP PDO Wrapper Class ::
A minimal extension for PHP's PDO class designed to make running SQL statements easier

Additional instructions at:

=======[ jQuery Plugins ]=======

:: lazyload images :: Need to set src to holding image, then plugin replaces with actual image when user scrolls near:
<img data-original=“img/example.jpg” src=“img/grey.gif”>

:: Parallax Demo  ::
New, improved version: responsive sliders with 40x options -

::  Responsive Image Maps ::

:: Bootstrap Navbar Dropdown on Hover - v2 and v3 ::

:: tablecloth.js ::
tablecloth.js is a jQuery plugin that helps you easily style HTML tables along with some simple customizations.
tablecloth builds off the [Twitter Bootstrap]( It also includes popular jQuery table manipulation plugins like [tablesorter](

=======[ Web Services ]=======

:: CloudFlare CDN ::
Pretty much every library written.

:: - Responsive / adaptive images ::
ReSRC delivers responsive images on-demand, direct from the cloud. Link your images to our simple service and let us take care of everything.

:: Verify Email :: This email verification tool actually connects to the mail server and checks whether the mailbox exists or not.

:: :: Hosted Status Pages for Your Company

:: Skrivr :: Write, save and publish to Dropbox

::  CodeGuard::
Backup, monitor, and undo changes on your website.

::  Cloudfare CDNjs ::
Hundereds of popular javascript libraries and plugins hosted on Cloudflare CDN

:: BugHerd ::
Visual bug tracker.

:: Quirk Tools ::
Online tools for web creatives.  Includes Screenfly for esponsive screen testing on monitors, tablets, smart phones, and more.

:: Define Responsive - Fine Citizens ::
Example of responsive:
Example of non-responsive:

:: Built With Technology ::
Find out the technology behind websites, web server, libraries etc.

=======[ Bootstrap Resources ]=======

:: Bootstrap 3 Vector UI Kit::
This UI Kit contains all Twitter Bootstrap 3 UI controls in vector format.

:: Modal Image Gallery by Blue Imp ::

:: Bootstrap Magic ::
-Generate your own bootstrap theme quickly and easily.
-:: Font Awesome :: The iconic font designed for Bootstrap
-:: Bootsnipp :: Design elements, playground and code snippets for Bootstrap HTML/CSS/JS framework
-:: Start Bootstrap ::
-Free HTML Starter Templates for Bootstrap.  Built to help you get started on your next Bootstrap project.
-:: Bootstraptor :: Bootstrap 3.0 Templates KIT & themes pack
-:: Bootstrap Select/Dropdown :: Style a standard select dropdown list with Bootstrap styles
-::  Bootstrap 2 > 3 Migration Guide ::
-Guidance intended to help 2.x developers transition to 3.

:: WebConfs ::
SEO Tools

=======[ Web Tools - Online ]=======

:: Pixlr ::  Online photo editor and mobile apps.

:: Convert images to Base64 ::

Useful info re Data URI usage:

Also, this one produces <img> tag to copy/paste eg. 1px transparent gif

:: Color HEXa :: Free color tool providing information about any color inc. related shades.

:: Iconifier ::
ree Online Icon Generator for Apple and Favicon Icons

:: IcoMoon ::
Custom built icon fonts.

:: Text to ASCII Art Generator  ::

:: Frontify ::
Frontify is a specification engine for web workers, it's the key to outstanding user experience projects.

:: Web Browser Compatibility ::
Compatibility tables showing support for front-end technologies in web browsers

:: SpritePad ::
With SpritePad you can create your CSS sprites within seconds. Simply drag & drop your images and have them immediately available as one PNG sprite + CSS code. No fiddling in Photoshop, no manual assignment of CSS styles.

:: Annotate Images ::
Upload and annotate images for comment.

We made it fast and productive to get feedback from your colleagues and clients. Test ideas, seek perspective, and get approval.

:: CSS Garbage ::
Strip unused CSS from site.

:: Compress PNG Online

:: Placeholder Image Services :: - plain images with a few config options - plain images with a few config options, includes source code - includes photographs

=======[ Moqups ]=======
Moqups is a nifty HTML5 App used to create wireframes, mockups or UI concepts, prototypes depending on how you like to call them.

=======[ Wireframe ]=======
A super simple way to generate wireframes for free.

=======[ Web Resources ]=======

:: Closest Google Font :: What's the closest Google Web Font?

:: Blokk Font ::
Prototyping and wireframing placeholder font.

:: JavaScript Garden::
JavaScript Garden is a growing collection of documentation about the most quirky parts of the JavaScript programming language. It gives advice to avoid common mistakes and subtle bugs, as well as performance issues and bad practices, that non-expert JavaScript programmers may encounter on their endeavours into the depths of the language.

:: Dev Docs ::
DevDocs combines multiple API documentations in a fast, organized, and searchable interface.

::  Google SEO Guide ::
Search Engine Optimization Starter Guide - originally for internal use at Google

:: Feed the Bot ::
Google guidelines and Page Speed

:: Refresh Browser Cache ::
How to refresh your browser's cache.

:: Usability Checklist ::
Catch common usability problems before user testing.

:: Mobile Web Best Practices ::
This site will help you ask the right questions and help solve problems so you can start creating future-friendly web experiences.

:: Colours ::

:: Will It Work::
If you create a page using nothing special 100.00% of mobile users can use it

=======[ Javascript Resources, Plugins + Libraries ]=======

:: Keypress :: A robust Javascript library for capturing keyboard input

:: JS The Right Way::
This is a JavaScript guide intended to introduce new developers and help experienced ones to the JavaScript's best practices.

:: Unison.js ::
Syncing named breakpoints across CSS, JS, and HTML.

=======[ Graphic Resources ]=======

:: Silhouettes :: of people and objects

:: Free Vector Icons ::
The largest database of free vector icons

:: Free Vector Maps ::
Free Vector Maps is a growing library of highly detailed free* and premium royalty-free vector maps.

:: GlyphSearch ::
Search for icons from Font Awesome, Glyphicons, IcoMoon, and Ionicons.

:: Noise Texture Generator ::
CSS Base64 encoded noise texture.

::  Color Palette Tools + Generators ::
Color Scheme Desginer

Pictaculous by MailChimp
Free service generates a color swatch from an image.

Adobe Kuler

Color Hunter
Can create palette from image

Color Template - How do you choose the right colors for your designs?

Color Theif - A script for grabbing the color palette from an image. Uses Javascript and the canvas tag to make it happen.

Colllor - complimentary colours

=======[ Fonts ]=======

:: Revanche  ::
Revanche is a distressed stencil font! It is based on old walls stencils and it has that rebel, subversive and military feel to it.

:: Typewolf ::
Web typography inspiration.

=======[ PHP / MySQL Resources ]=======

:: PHP Database Search + Replace Tool ::
WordPress (and others) Serialized PHP Search Replace Tool

=======[ OpenCart Extensions ]=======

::  Google Analytics Expert - complete ecommerce tracking ::
Google Analytics Expert - Complete E-commerce Analytics Tracking with Goal & Funnel Reporting.
Also Features Event Tracking, Search Tracking, support for Google Adwords, Multi-Store compatibility & EU Cookie Law compliance. The most comprehensive Google Analytics support on opencart!

:: Duet - Project Management (self hosted)  ::
Project management for freelancers and small businesses - beautiful interface with tasks, clients, invoices and reporting.

=======[ Photography ]=======
Create Beautiful Photo Narratives - subscription based but check out the process.

=======[ HDR Tutorial - Trey Ratcliff ]=======
HDR Tutorial – How To Make Beautiful HDR Photos With Ease!

=======[ Content Management Systems ]=======

:: Pico ::
Pico is a flat file CMS, this means there is no administration backend and database to deal with.

:: GetSimple CMS ::
The Fast, Extensible, and Easy Flat File Content Management System

=======[ Other ]=======

:: GitHub Theme for Sublime Text2 ::
Manual install to: \PortableApps\Sublime Text 2.0.2 x64-portable\Data\Packages\[copy-dir-here]

=======[ Stuff to check out ]=======

:: Responsive Design Resource List ::

:: JPEGmini ::
Reduce the size of photos by up to 5x - has desktop to purchase and hosted to rent.

:: 25 Useful PHP Libraries ::

:: Mozilla Appmaker ::
We want to make it possible for anyone to make amazing personal mobile apps.

:: URL List ::
Curate URL Lists, a collection of resources around a topic.

:: Myth CSS Pre Processor ::
CSS the way it was imagined - Myth is a preprocessor that lets you write pure CSS without having to worry about slow browser support, or even slow spec approval.
It's like a CSS polyfill.

:: Outsourcing Services :: - graphic design - freelancers from many fields - services starting at $5

Stock Image Sources
Free even for works that are sold
Nice commercial option
Free except for printed on selling stuff Free except to sell on canvas
Free except for printed on sold items Free for commercial use Free for personal use Free stock images
Free travel photos
Free high resolution?

=======[ Website perfomance checks - untested, #7 Pingdom looks decent ]=======
#1. Free Speed Test
It’s, in fact, the easiest way to test the load time of your website. If your site is encountering performance issues, the free testing tool will help you verify its speed in different geographical locations around the world. Webmasters and site owners use this tool to instantly measure webpage loading times.

#2. Load Impact
Created by Gatorhole AB (a specialist in performance testing), LoadImpact provides webmasters a powerful solution to load-test a website. If you don’t want the world to view your site’s test results, you can quickly register for a free account on LoadImpact. If you want advanced reporting, you can check out the pricing section on their website.

#3. Aptimize
This is yet another free speed testing service that you can use. Established by Ed Robinson and Derek Watson, Aptimize came into existence to help businesses speed up their website on the internet. To accelerate websites, the company has also created a special software program called the Aptimize Website Accelerator (WAX).

#4. Web Page Test
It’s also one of the finest webpage optimization tools that you can use to improve the load time of a website. Apart from providing you really useful diagnostic information on site speed, the free testing tool also gives you some key tips or suggestions for performance improvement. Originally, it was a creation of AOL.

#5. iWebTool
Whether you want to compare the speeds of multiple websites or test the download time of a single website, it’s one of the easiest you can use. If you want to check more than one website, you need to enter each URL on a new line, and then hit the ‘Check’ button.

#6. Website Load Testing
Offered by BrowserMob, this tool tests the speed of your site instantly. By using this free service, you can gain a valuable insight into how your website deals with high traffic. Depending on your specific requirements, you can also choose to buy a basic, an advanced or a pro plan. Don’t forget to check out other free tools that BrowserMob has to offer.

#7. GTmetrix
Free to use, this is one of the most useful tools that you can use to get a performance report of your website in a few seconds. Apart from analyzing the speed of your webpage, the services also provides you with breakdown data on Page Speed, YSlow, Timeline etc.

#8. Show Slow
A valuable open-source tool, it helps webmasters or site owners keep track of key performance issues of websites. While using this testing service, you can either go public with your reports or keep them private. In case you want to keep the results away from the public, you can download it here.

#9. Pingdom Tools
One of the best that you can use, the Pingom tool makes it quite easy to check the download time of a webpage. The free services considers every essential element of a webpage to give you a valuable insight. With the results in hand, you can identify the key problems of a website and improve it for better visibility, Google rankings and conversions.

=======[ Good UI ]=======
A Good User Interface
has high conversion rates and is easy to use. In other words, it's nice to both the business side as well as the people using it. Here is a running idea list, which  we try on projects. is an documentation generator that uses a simple folder structure and Markdown files to create custom documentation on the fly. It helps you create great looking documentation in a developer friendly way.

=================================================[ Software - web ]=================================================

=======[ Daux ]======= is an documentation generator that uses a simple folder structure and Markdown files to create custom documentation on the fly. It helps you create great looking documentation in a developer friendly way.


=================================================[ Software - desktop ]=================================================

=======[ Gallery Wrap plugin for Photoshop ]=======
Alien Skin Blow Up installs a Gallery Wrap plugin that remains when Blow Up is un-installed.