WISHPRO

Static Site Generators

A Static Site Generator is a program, that generates an HTML website as an output. ThisHTML website is then served through your web server, just like the old’n’days. This is usually achieved using template languages and code that separates out the layout of the website from its content and styles.

Advantages of a Static Site Generator?

• Security – There’s no database layer, or rails/pylons layer of code so security excellent.
• Performance – Under load, less memory / cpu usage to serve your website, so your website stays up longer
• Have a copy of your content separate from your server
• Easily move your website to another host – Copy and paste the HTML and re-route the domain name should you have one.

WISHPRO

Backend Development

• node.js
  • Installation paths: use one of these techniques to install node and npm without having to sudo.
  • Node.js HOWTO: Install Node+NPM as user (not root) under Unix OSes
  • Felix's Node.js Guide
  • Creating a REST API using Node.js, Express, and MongoDB
  • Node Cellar Sample Application with Backbone.js, Twitter Bootstrap, Node.js, Express, and MongoDB
  • JavaScript Event Loop
• Node.js for PHP programmers

WISHPRO

Landing Pages

• What is a Landing Page
• Call To Action Copy
• Design Two Buttons, then Stop.
• How to Hook New Customers with Your Explainer Video
• Landing Page Success
• The anatomy of a perfect Landing Page
• 5 Tested Conversion Design Tactics You Should Put to Work. Right Now.
• The Most Dangerous Landing Page Mistakes & How You Can Fix Them

WISHPRO

Vizualisation

• Photon
• CSS3 shapes
• Morris.js
• Cube
• Cubism.js
• D3.js
  • Introduction to D3
• Interactive D3 Tutorial

WISHPRO

• On-Page Optimization
  • Category on the Moz Blog
  • A Visual Guide to Keyword Targeting and On-Page Optimization
  • On-Page Factors
  • Squirrly is a WordPress Plugin which helps optimize Articles for Search Engines.
  • Anchor Text Over Optimization Tool: Worried about Google's Penguin algorithm hitting you for over-optimized anchor text? Simply type in your URL for a full report of which links might raise flags.
  • Domain Hunter: Broken Links Checker
  • Find Broken Links, Redirects & Site Crawl Tool
• Google Page Speed Insights: Page speed is correlated with better r

WISHPRO

Docker

• Resource Collections
  • Valuable Docker Links
  • awesome-docker
• Tutorials
  • Easily Deploy Redis Backed Web Apps With Docker
  • Production Quality MongoDB Setup with Docker
  • Creating a MySQL Docker Container
• Opinions

WISHPRO

Vagrant

• GUI
  • VagrantX: the Vagrant GUI client for Mac OS X
  • Vagrant Manager for OS X
  • smurfy / vagrantGui: Written with QT currently working and tested on: Windows, Linux, MacOsx
• Docker Host
  • Unsuck your vagrant: Developing in one VM with Vagrant and Docker
  • Docker-friendly Vagrant base boxes
• Images

WISHPRO

Frontend Development

Attention: the list was moved to

https://github.com/dypsilon/frontend-dev-bookmarks

This page is not maintained anymore, please update your bookmarks.

---

WISHPRO

#!/usr/bin/env bash

# ~/.macos — https://mths.be/macos

# Ask for the administrator password upfront
sudo -v

# Keep-alive: update existing `sudo` time stamp until `.macos` has finished
while true; do sudo -n true; sleep 60; kill -0 "$$" || exit; done 2>/dev/null &

WISHPRO

Install web development tools to Mavericks (OS X 10.9)

Strongly opinionated set of guides to quickly setup OS X Mavericks for web development. By default OS X hides stuff that normal people don't need to see. These settings are better defaults for developers.

I don't want: any sounds, annoying confirmation dialogs, hidden extensions, superflous animations, unnecessary things running like Dashboard, Notification center or Dock(Alfred/spotlight works better for me).

These are my opinions. Read this document through and pick up the good parts to your preferences.

System preferences