Developer tutorials / 開発

Hands-on dev tutorials

Practical, tested guides on the web and software stack — refreshed from our long-running engineering log.

JavaScript

Drawing a line chart with Chart.js

From canvas to a clean, responsive line chart in a few lines.

CSS

Triangles with CSS borders

Pure-CSS arrows and tooltip carets, no images.

JavaScript

Getting started with IndexedDB

A real, queryable database in the browser.

jQuery

Drag-and-drop with jQuery UI Sortable

Reorderable lists, and how to persist the order.

Python

Qt Designer + PySide

Load a visual .ui file straight from Python.

Python

Resizable panes with QSplitter

Drag-to-resize layouts with almost no code.

Python

Multi-column combo box

Show a table inside a PySide combo box.

WordPress

Cleaning the WordPress admin

Hide unneeded menu items, the right way.

PHP

Google Drive API in PHP

List and upload files from your server.

PHP

Autoloading with spl_autoload_register

Map classes to files; stop writing require.