⮜ Back ⮝ Program rus Forward ⮞

Web and Interactive Design

Lessons

HTML and CSS

HTML basics: tags, attributes, styles. Basic page layout.
Cascading Style Sheets (CSS): selectors, specificity, inheritance, combinators, pseudo-classes, custom properties (variables). CSS <length> units, absolute and relative units. Box model: padding, margin, border, and outline. Element positioning: display and position properties, flexbox and grid layouts, inset shorthand.

Embedded Raster and Vector Graphics

Raster graphics (<canvas>). Vector graphics (inline <svg>), <path> tag and Bézier spline syntax, presentation (CSS) attributes, <filter> tags. Structuring SVG with <g>, <def>, and <use>.
CSS animation (transitions and @keyframes), SVG animation (<set> and <animate>).

JavaScript

HTML domain object model (DOM), accessing objects with JavaScript. Basic interface elements: buttons, sliders, checkboxes, dropdowns. Interactivity: onclick attribute, event listeners, setTimeout and setInterval methods.
Rendering LaTeX expressions (MathJax library).

Examples

Lagrange System



Interactive "PDF"




Screenmate emulator


    References

  1. Neko (original software)
  2. Google Chrome extension (GitHub repo)