LateButEarly LateButEarly

Resources for Web Developers and Designers

This is an incomplete list of resources including courses and individuals who publish content that has helped me grow as a web developer and designer. Many of these resources are WordPress-specific as that is my current area of specialization. This list will grow over time. If you've got something to add, send me a link @kevinwhoffman and I'll check it out!

Course Providers

Important Notice for WordPress Plugins Using PHP 4 Style Constructors

The ability to use PHP 4 style constructors is getting removed from PHP. Without an update, many plugins will eventually no longer work (this is PHP breaking this backwards compatibility, not WordPress)

One of the more common uses of the PHP 4 style constructor (as opposed to PHP 5 style __construct() ) are plugins with widgets calling WP_Widget::WP_Widget() and/or parent::WP_Widget() and/or {object}->WP_Widget()

Note: Starting in WordPress 4.3, regardless of the PHP version in use on a server, WordPress will throw a deprecated notice when one of the PHP 4 style constructors is called specifically for widgets.

Basically instead of doing these:

CSS Layout Debugger

A tweet-sized debugger for visualizing your CSS layouts. Outlines every DOM element on your page a random (valid) CSS hex color.

One-line version to paste in your DevTools

Use $$ if your browser aliases it:

~ 108 byte version

Git Submodules basic explanation

Why submodules?

In Git you can add a submodule to a repository. This is basically a repository embedded in your main repository. This can be very useful. A couple of usecases of submodules:

Separate big codebases into multiple repositories.

Installation

This procedure is tested on Mac OS X 10.8 with Developpers tools installed (xCode).

PHP 5.4 installed with Homebrew.

Update: I wrote a blog post about this.

Preparation

Download the following files from Oracle website (yes, you need to create an account and accept terms):

	I followed these two blogs to install server
	1. http://koo.fi/blog/2015/03/19/openstreetmap-nominatim-server-for-geocoding/#Compile_Nominatim
	This explains ( and is the main blog which I followed) various steps
	2. https://www.linuxbabe.com/linux-server/openstreetmap-tile-server-ubuntu-16-04
	This explains how to setup swap files and install tiles if needed.

	I will use Ubuntu 14.04 LTS as the platform. Just a basic install with ssh server. We will install Apache to serve http requests. Make sure you have enough disk space and RAM to hold the data and serve it efficiently. I used the Finland extract, which was about a 200 MB download. The resulting database was 26 GB after importing, indexing and adding Wikipedia data. The Wikipedia data probably actually took more disk space than the OSM data. My server has 4 GB RAM, which seems to be enough for this small data set.

	1. Sofware requirements

	{
	{I have\|I've} been {surfing\|browsing} online more than {three\|3\|2\|4} hours today, yet I never found any interesting article like yours. {It's\|It
	is} pretty worth enough for me. {In my opinion\|Personally\|In my view}, if all {webmasters\|site owners\|website owners\|web owners} and bloggers made good content as
	you did, the {internet\|net\|web} will be {much more\|a lot more}
	useful than ever before.\|
	I {couldn't\|could not} {resist\|refrain from} commenting. {Very well\|Perfectly\|Well\|Exceptionally well} written!\|
	{I will\|I'll} {right away\|immediately} {take hold of\|grab\|clutch\|grasp\|seize\|snatch}
	your {rss\|rss feed} as I {can not\|can't} {in finding\|find\|to find} your {email\|e-mail} subscription {link\|hyperlink} or {newsletter\|e-newsletter} service. Do {you have\|you've} any?
	{Please\|Kindly} {allow\|permit\|let} me {realize\|recognize\|understand\|recognise\|know} {so that\|in order that} I {may just\|may\|could} subscribe.
	Thanks.\|

	/**********************************************************
	* jQuery-less version of Chris Coyier's
	* Value Bubbles for Range Inputs
	* http://css-tricks.com/value-bubbles-for-range-inputs/
	**********************************************************/

	function modifyOffset() {
	var el, newPoint, newPlace, offset, siblings, k;
	width = this.offsetWidth;
	newPoint = (this.value - this.getAttribute("min")) / (this.getAttribute("max") - this.getAttribute("min"));

	/* The API controller
	Exports 3 methods:
	* post - Creates a new thread
	* list - Returns a list of threads
	* show - Displays a thread and its posts
	*/


	var Thread = require('../models/thread.js');
	var Post = require('../models/post.js');