Этот материал находится в платной подписке. Оформи премиум подписку и смотри или слушай Experimental Typography for the Web, а также все другие курсы, прямо сейчас!
Купить сейчас
  • Урок 1. 00:00:46
    Welcome to the course!
  • Урок 2. 00:02:43
    Playground and the SuperHi Editor
  • Урок 3. 00:04:40
    Setting up our HTML
  • Урок 4. 00:08:06
    Styling our page with CSS
  • Урок 5. 00:04:20
    Basic web typographic styling
  • Урок 6. 00:05:00
    Adding a Google Font typeface to our project
  • Урок 7. 00:07:17
    Adding your own self-hosted typeface
  • Урок 8. 00:04:29
    Adding hover states
  • Урок 9. 00:03:45
    Stretching the typeface
  • Урок 10. 00:05:40
    Adding a CSS animation
  • Урок 11. 00:06:27
    Adding variable type to our project
  • Урок 12. 00:02:41
    Welcome to Caroline Wade
  • Урок 13. 00:11:05
    Creating our page
  • Урок 14. 00:07:23
    Adding in our variable font
  • Урок 15. 00:11:58
    Creating our first Javascript file
  • Урок 16. 00:07:56
    Adding variable type to Javascript
  • Урок 17. 00:05:19
    Welcome to 01 01
  • Урок 18. 00:04:04
    Setting up our P5.js script
  • Урок 19. 00:06:56
    Drawing text with P5
  • Урок 20. 00:04:25
    Preloading a font to use
  • Урок 21. 00:08:26
    createGraphics and copy
  • Урок 22. 00:04:31
    Adding a sprinkle of math to our movement
  • Урок 23. 00:01:48
    Welcome to aaaaaaaaa
  • Урок 24. 00:09:02
    Drawing text with P5
  • Урок 25. 00:05:21
    Styling our text
  • Урок 26. 00:08:05
    Adding a for loop
  • Урок 27. 00:04:20
    Adding a y-direction with a double for loop
  • Урок 28. 00:02:54
    Speed improvements with image
  • Урок 29. 00:05:01
    Recreating the original text
  • Урок 30. 00:05:25
    Adding global distortion and movement
  • Урок 31. 00:03:55
    Adding in local distortion
  • Урок 32. 00:00:46
    Homework
  • Урок 33. 00:01:32
    Homework solution
  • Урок 34. 00:00:54
    Good morning to Good Morning
  • Урок 35. 00:07:50
    Setting up our script
  • Урок 36. 00:02:59
    Cut and paste with createGraphics
  • Урок 37. 00:05:35
    Gridding up our graphics
  • Урок 38. 00:06:12
    Distortion in two directions
  • Урок 39. 00:06:27
    Adding a wave slider
  • Урок 40. 00:10:15
    Adding text field updates
  • Урок 41. 00:00:33
    Homework
  • Урок 42. 00:02:13
    Homework solution
  • Урок 43. 00:01:28
    Welcome to Out of Office
  • Урок 44. 00:08:40
    Setting up our stamp
  • Урок 45. 00:07:03
    Cloning twelve times
  • Урок 46. 00:08:50
    Changing our sample position
  • Урок 47. 00:03:14
    Timeline scrubbing with mouse position
  • Урок 48. 00:04:53
    Adding easing to our scrubbing
  • Урок 49. 00:06:43
    Adding in an animated loop
  • Урок 50. 00:01:30
    Welcome to Brutalust
  • Урок 51. 00:11:09
    Setting up our site
  • Урок 52. 00:04:31
    Adding typography to our site
  • Урок 53. 00:07:30
    Adding in our first Javascript content change
  • Урок 54. 00:03:14
    Cleaning up our script with a function
  • Урок 55. 00:05:12
    Substringing our content
  • Урок 56. 00:03:25
    Adding in an interval
  • Урок 57. 00:02:56
    Stopping intervals with clearInterval
  • Урок 58. 00:06:53
    Adding in random dots
  • Урок 59. 00:04:47
    Adding in random characters
  • Урок 60. 00:06:58
    The IntersectionObserver
  • Урок 61. 00:03:12
    Saving the original content with dataset
  • Урок 62. 00:04:27
    Adding in scroll snapping
  • Урок 63. 00:01:17
    Welcome to Dani Lewis
  • Урок 64. 00:04:57
    Setting up our project
  • Урок 65. 00:10:16
    Using P5's textToPoints
  • Урок 66. 00:04:40
    Drawing shapes with the points
  • Урок 67. 00:04:07
    Adding p5 vectors
  • Урок 68. 00:05:32
    Adding a distance to distortion
  • Урок 69. 00:04:40
    Adding noise levels
  • Урок 70. 00:00:34
    Thank you for joining our course!