ibes ibes

I've been deceiving you all. I had you believe that Svelte was a UI framework — unlike React and Vue etc, because it shifts work out of the client and into the compiler, but a framework nonetheless.

But that's not exactly accurate. In my defense, I didn't realise it myself until very recently. But with Svelte 3 around the corner, it's time to come clean about what Svelte really is.

Svelte is a language.

Specifically, Svelte is an attempt to answer a question that many people have asked, and a few have answered: what would it look like if we had a language for describing reactive user interfaces?

A few projects that have answered this question:

WP Geo Query

Quick and easy class created to modify the WP_Query on specific calls and pull in all posts within a radius from a given latitude and longitude.

Notes and Resources for Responsive Images in WordPress 4.4

Following the addition of responsive images support in WordPress 4.4, there has been a lot of confusion over what WordPress does "automatically" and what is left up to the developer. I've gathered the following notes from chatting with members of the core team and also my own investigation of the 4.4 source. Here's what I've discovered:

Following the 4.4 update, WordPress automatically serves the following images responsively:
- Content images added via the main content editor will now be served with srcset markup. This is accomplished by filtering the_content() prior to display, which means it applies to existing posts and new posts going forward.
- Featured images called by the_post_thumbnail() also get srcset markup without any additional steps required.
Images that are referenced from custom fields will not be served responsively unless the theme calls the image via wp_get_attachment_image() OR constructst the responsive m

Curated list of useful gulp plugins for awesome and easy frontend web development.

Other lists

https://rrrepo.co/repo/GulpJS

Tutorials

How-to setup a simple git push deployment

These are my notes basically. At first i created this gist just as a reminder for myself. But feel free to use this for your project as a starting point. If you have questions you can find me on twitter @thomasf https://twitter.com/thomasf This is how i used it on a Debian Wheezy testing (https://www.debian.org/releases/testing/)

Discuss, ask questions, etc. here https://news.ycombinator.com/item?id=7445545

	<?php

	/**
	* This class handles downloading a remote image file and inserting it
	* into the WP Media Library.
	*
	* Usage:
	* $download_remote_image = new KM_Download_Remote_Image( $url );
	* $attachment_id = $download_remote_image->download();
	*

	# Install brew
	/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

	# Install composer
	brew install homebrew/php/composer

	### PHPCS
	composer global require "squizlabs/php_codesniffer=*"

	# Add to your .bash_profile

	{
	"name": "project-name",
	"description": "Template for static sites",
	"version": "1.0.0",
	"homepage": "http://www.project-name.com",
	"author": {
	"name": "Adam Reis",
	"url": "http://adam.reis.nz"
	},
	"license": "UNLICENSED",

	<?php
	class FacebookDebugger
	{
	/*
	* https://developers.facebook.com/docs/opengraph/using-objects
	*
	* Updating Objects
	*
	* When an action is published, or a Like button pointing to the object clicked,
	* Facebook will 'scrape' the HTML page of the object and read the meta tags.

	/*
	* Takes provided URL passed as argument and make screenshots of this page with several viewport sizes.
	* These viewport sizes are arbitrary, taken from iPhone & iPad specs, modify the array as needed
	*
	* Usage:
	* $ casperjs screenshots.js http://example.com
	*/

	var casper = require("casper").create();