Tag Archives: javascript

Moment.js
Parse, validate, manipulate, and display dates and times in JavaScript. Moment.js docs moment().format('MMMM Do YYYY, h:mm:ss a'); // January 25th 2018, [...]
Web Accessibility
Testing guidelines Tab through the content to see if :focus is added Focus order is correct Add role if element is not semantic eg. div for button Add [...]
Udacity: Website Performance Optimization
Udacity Project https://github.com/udacity/frontend-nanodegree-mobile-portfolio Analysis tools https://developers.google.com/speed/pagespeed/insights/ [...]
Udacity: Browser Rendering Optimization
60 frames per second – approx 10-16 ms per frame Making a frame HTTP GET request Server sends HTML Browser parses HTML into DOM – PARSE HTML [...]
simplehttpserver
simplehttpserver on npm Instalation npm install simplehttpserver -g Run the server simplehttpserver [directory] simplehttpserver . # current directory View [...]
ScrollMagic
perf-tooling.today
JankFree
GSAP
GSAP – JavaScript HTML5 animation
Official Page Cheat Sheet for GSAP Examples Simple Tween Repeat button Draggable objects Convert shape into path Morphing Paths
ACF Pro and JavaScript
Saving data to ACF Repeater Field with JavaScript – Tutorial
In this tutorial we will create a Custom post Type named Terms, use Advanced Custom Fields PRO (with ACF Repeater Field) to make a beautiful admin [...]
Vue.js
Vue.js – Beginners Guide
I am sure you have already heard about React, Angular and maybe Vue.js. Today you will get a glimpse into Vue.js and it’s amazing features. [...]
Simple web scraping in the browser
I am sure you have seen people (or even yourself) copying and pasting some data from the web, however with a little bit of “hacker” skills you [...]
Don’t start a project without Gulp!
Resources Gulp Gulp Recepies Create a project Make a new folder and run the following code mkdir sample-project cd sample-project sudo npm init This will [...]
WordPress: export JS from php
Prepare the data in functions.php // functions.php wp_localize_script( 'main_js', // name of script name 'theData', // name of the object we want to output [...]
WordPress REST API with Read and Post Examples
Main Resources WP REST API REST API Handbook Nonce Nonce tips and tricks The WordPress REST API provides API endpoints for WordPress data types that allow [...]
JavaScript Promises
Promises sound nice, right (at least better than AJAX which always reminds me of cleaning)? And almost like in real life, JavaScript promises have three [...]
Download all episodes of JavaScript Jabber Podcast
Podcast: JavaScript Jabber https://devchat.tv/js-jabber Extract all mp3 links on https://feeds.feedwrench.com/JavaScriptJabber.rss var mp3 = []; [...]
Testing JavaScript performance
/* https://benchmarkjs.com/ INITIALIZE ============== sudo npm i -g npm // update npm sudo npm update -g // update packages npm init // initiate project [...]
Best Practices in JavaScript Library Design
Video Writing Solid API Orthagonal code Perfom Universal Action CRUD your methods add/remove/delete/modify Fuel has the following on ecery object .all, [...]
JavaScript & jQuery snippets
Patterns Module Patterns Explained (source) Anonymous Closures (function () { // ... all vars and functions are in this scope only // still maintains [...]
QUnit
Quick overview Assertions ok(state, message) equal(actual, expected, message) notEqual deepEqual notDeepEqual strictEqual // most useful === notStrictEqual [...]
JavaScript Bookmarklet in Firefox
Load jQuery to the page [...]
D3.js basics – Element selection
D3 is a superb JavaScript library for data vizualization. Here are some basics that will get you started. Selection of elements You can use CSS selectors [...]
Install Node.js on Ubuntu
curl -sL https://deb.nodesource.com/setup_7.x | sudo -E bash - sudo apt install -y nodejs # or curl -sL https://deb.nodesource.com/setup_6.x | sudo -E bash [...]
Fast charlist
FAST_CHARLIST = ' etaonisrhldcupfmwybgvkqxjzETAONISRHLDCUPFMWYBGVKQXJZ,.!'