Discover codepo8/new-developer-evangelism-handbook Open Source project

No longer must your rainbow dividers be images slowing down your computer! Make them hardware accelerated!

202

CSS3-Rainbow-Dividers

A template to offer GitHub pages as a PWA with offline functionality

193

github-page-pwa

A JavaScript library delivering various geo tasks like geolocation, reverse geocoding and content analysis

184

YQL-Geo-Library

Create C-64 style logos with Canvas

128

logo-o-matic

A CSS file to give you some cool 3D rollover effects

100

3drollovers.css

More accessible keyboard navigation for grids by allowing for left/right/up/down

gridnav

A no-nonsense explainer for conference organisers about my presenting terms and topics

presenter-terms

An example of a carousel - keeping it simple

simple-carousel

A simple library to create incredibly high-performing jank free app solutions

redact.js

A tool to show and remove EXIF data from images

image-data-cleaner

Load resources on demand with mediaqueries

mediaqueryload.js

JavaScript wrapper to automatically fill form fields with geo information either by IP or Postcode

JavaScript-Geo-Fill

A webcam example using WebRTC - in action here: http://codepo8.github.com/interaction-cam/

interaction-cam

A tinder-like list sorter

tinderesque

Create thumbnails via drag and drop into the browser

canvasthumber

A demo of how to use YQL and the jQuery load() method to get to third party content in Ajax

crossdomain-ajax-with-jquery-and-yql

A simple way to detect adblock

detecting-adblock

A few examples how to use canvas with pixel images based on the work necessary for logo-o-matic

canvas-images-and-pixels

A collection of snippets to use in the browser console

dearconsole

A player to rotate and zoom videos in HTML5

rotatezoomHTML5video

A call out to add prefixes for all browsers to webkit only code on Github

prefix-the-web

Developer-Evangelism-Handbook

The source of the online book

See it at http://makethumbnails.com

simplethumbnails

A responsive and imageless "Fork on GitHub" ribbon

css-fork-on-github-ribbon

hackday-toolbox

A collection of scripts and demos to get developers started on hackdays

Some scripts dealing with geo problems

geotoys

A quick demo on how to build a simple painting game with HTML5 canvas - screencast at https://www.youtube.com/watch?v=9rsDNifGods

pixels-and-colours

Bar charts created purely in CSS

CSScharts

HTML embed for Slideshare presentations by scraping the mobile version

slidesharehtml

Demo of grabbing screenshots from a video in HTML5

videograbber

canvascropper

An image cropper in HTML5 canvas

A small game to paint out letters. Demo for FirefoxOS

letterpaint

Get information about any country in the world with this simple interface for the Event Apart 10KB competition

worldinfo

A checklist for presenters at conferences covering what is necessary and protecting you against possible issues

talk-checklist

irregular-shape-rollover

Creating irregular shape rollovers with Canvas

A quick YQL mashup showing how to search three engines in one HTTP request

GooHooBi

Proof of Concept of a song search engine for a karaoke DJ

songsearch

A full screen slide show for images and videos

slide-show

A quick demo of a bare vanilla JS todo app

simple-to-do

prompter

Interface to the Yahoo GeoPlanet data

geoplanet-explorer

An image colour picker/CSS generator using HTML5 Canvas and Drag+Drop

zoom-and-pick

A game to guess CSS colours!

css-colour-names

Easy interface to turn web content into maps and geo microformats

GeoMaker

An interactive version of Martin Silvertant's excellent Typography cheatsheet. Click the different highlighted sections to get their names

typography-cheatsheet

During our interview process, we should ask our prospective companies hard questions about diversity. Here are some of them.

diversity-helping-questions

firehose-research

A search interface for the Yahoo! Social Firehose

A bookmarklet to tweet the current document, highlight text as the tweet.

tweet-this

A "Indiana Jones" style animation of a video over a map using Google Maps and HTML5 video

HTML5---map-and-video-syncing

A PHP script using YQL that turns any CSV file into a search and filter web interface

csv-to-webservice

A quick demo to show how you can retrieve RSS feeds with YQL

yql-rss-speed-comparison

Fractal trees with Canvas

fractaltree

Using CSS transitions to create click highlights on pages for tutorials

clickhighlight

buildingforrealstandards

Building for real standards - slides and demo code

A demo how to sync a video with page content

Syncing-Video

Back to Basics: Creating a clickable card interface in plain HTML, CSS and JavaScript

full-card-click

Generates a set of icons in different formats from a dropped image

icons-generator

An accessible interface to YouTube

easy-youtube

Quick-edit-bookmarklet

A bookmarklet to make quick edits to any web site

calendar-tutorial

An interface to test out CSS 3D transforms

3D-css-tester

linkshare

An example how to embed YouTube videos in your GitHub Pages

youtube-embed

browsermemory

BrowserID-login-with-PHP

This is the repo of the Developer Advocacy Handbook. It is here to file issues and to contribute.

developer-advocacy-handbook

A 3D cube in CSS - cleaned up to be simple to read

csscube

browserfountain

HTML5 particle system using browser logos

Example code for the 24 ways article for 2009

24-ways-2009

Demo sites to explain non-developer how they can use browser devtools to make the web less annoying.

web-cheatcodes

YQLAutoTagger

A script to automatically generate tags from a text field

HTML slides explaining and showing open web technology - please use and show the world!

opentech

Wrapper to store YQL results in localstorage when the browser supports it

yql-localcache

mozilla-monument-name-finder

Mozilla Monument Name Finder

Modern Web Development (presentation and demo code)

modernwebdevelopment

html5course

A workshop on HTML5 and CSS/JS interaction

3D-photo-rollover

dice-throw-simulator

A quick way to get some dices to play with when you can't find any.

A web component/JavaScript to turn github repo links into cards with links to github pages and show the latest commits

github-include

A simple JavaScript countdown for hack days

countdown

mdnmgm

The MGM lion recreated with a MDN Dino and HTML5/CSS3

mozVibrate-polyfill

A polyfill for the mozVibrate API of Firefox OS

Reading the EXIF Thumbnail from an image

EXIFThumbnail

A simple tool to record the mouse position and get it as a JSON object

mouse-path-recorder

Simple interface to send a Twitter update from several accounts re-tweeting each other if needed

MultiTweet

A book chapter to introduce the why of YQL

Introduction-to-YQL

html5forxp

HTML5 for XP info page

An example to create a "click to show GIF" functionality in pure CSS

click-to-gif-CSS

A quick demo to show how to redirect GitHub Pages

github-redirection-demo

A pixel editor to create seamless tiles - C64 Style

TileEdit

Geoglobes

Add a nice globe image with location data to any HTML document

Can you scroll as many pixels as you say you will?

canyouscroll

time-yourself

A bookmarklet to toggle between Repo and GitHub pages

github-toggle

Codrops demo - fixed for drag and drop

CustomFileInputs

PHP script using Placemaker and Yahoo Maps to turn RSS feeds into maps

rss2map

Placefinder-Explorer

Map interface to the new Yahoo Placefinder API

A very basic button to add a camera capture to your workflow

simplecamshot