huijing / slides

:movie_camera: Slides for talks and stuff

Slide decks (for talks and stuff)

1. Using responsive images (now) [📹 video]

2. Why you should be excited about CSS shapes [📹 video]

3. Let's ⚡ talk about CSS triggers [📹 video]

4. Web development: breaking it down

5. Coding for beginners: HTML & CSS

6. The epic git 💣 [📹 video]

7. Code in one day: HTML & CSS crash course

8. So your designer wants a masthead...

9. Life lessons from Basketball

10. TechLadies Pre-Bootcamp Workshop #2 [📹 video]

11. A Chinese typography experiment [📹 video]

12. How I learn to CSS [📹 video]

13. CSS writing-mode + grid = 🎉 [📹 video]

14. TechLadies in KL 🇲🇾

15. Deciphering the CSS property syntax [📹 video]

16. What the web means to me [📹 video]

17. Web typography: East meets West

18. Chinese typography on the web [📹 video]

19. CSS fonts trivia [📹 video]

20. So no to cookie cutter web layouts

21. Be like water: applying Bruce Lee's philosophy to web design [📹 video]

22. So no to cookie cutter web layouts expanded

23. When East meets West: web typography and how it can inspire modern layouts [📹 video]

24. 2017: The year of CSS Grid

25. Love the web for what it is [📹 video]

26. Between East and West: web typography and how it can inspire modern layouts [📹 video]

27. Grid is the new black [📹 video]

28. Modern layouts with CSS grid [📹 video]

29. Why CSS Grid is a game-changer for web design [📹 video]

30. Vertical writing on the web: inadvertent layout inspiration from a search for cultural identity [📹 video]

31. East Asian web typography: crossing cultural boundaries for web layout inspiration [📹 video]

32. The web is not just left-to-right [📹 video]

33. Box Alignment [📹 video]

34. Why performance?

35. TechLadies in Penang 🇲🇾

36. TechLadies Pre-Bootcamp Workshop #1

37. Not in Kansas anymore: a new frontier for web design

38. Layout the web with CSS grid

39. East Asian typography on the web [📹 video]

40. The case for modern CSS [📹 video]

41. Rich dynamic design with modern CSS

42. Typesetting East Asian languages on the web [📹 video]

43. Be like water: applying Bruce Lee's philosophy to web design [📹 video]

44. Layout the web with CSS grid (and friends)

45. Box Alignment [📹 video]

46. Building layouts with modern CSS

47. 四面八方 – Directions of the web [📹 video]

48. CSS wizarding world

49. State Of The Web In Singapore [📹 video]

50. Using Firefox DevTools to understand modern layout techniques

51. Creating art with CSS [📹 video]

52. The value of sharing our perspectives [📹 video]

53. 新时代 CSS 布局 [📹 video]

54. 网络的四面八方

55. Web typography: a non-English perspective [📹 video]

56. A deep dive into images on the web [📹 video]

57. Typesetting for a global web [📹 video]

58. Using DevTools to understand modern CSS layouts [📹 video]

59. Using DevTools to understand modern CSS layouts [📹 video]

60. Can your site work on IE3? [📹 video]

61. Frontend Crash Course: CSS

62. Interesting things I learnt about layout

63. Understanding modern CSS layouts with Firefox DevTools [📹 video]

64. Creating art with CSS [📹 video]

65. Using DevTools to understand modern CSS layouts

66. Using DevTools to understand modern CSS layouts [📹 video]

67. Why I love data files in Jekyll [📹 video]

68. Using DevTools to understand modern layouts

69. Demystify modern CSS layouts with DevTools [📹 video]

70. Neither here nor there

71. A deep dive into images on the web [📹 video]

72. You mean you don't resize your browser 1000 times a day? [📹 video]

73. Talk colours to your browser

74. Making CSS from good to great: the power of Subgrid [📹 video (Singapore), video (Seoul), video (Taiwan)]

75. How CSS evolves, a look back at 2 years of CSS grid

76. Making CSS from good to great: the power of Subgrid

77. DevTools, the CSS advocate in your browser

78. Women in Tech, anecdotes from Singapore [📹 video]

79. Talk.CSS, 4 years and counting [📹 video]

80. What is this? Why must bind? [📹 video]

81. East Asian typography on the modern web [📹 video]

82. DevTools, more than just a debugger [📹 video]

83. DevTools, the CSS advocate in your browser [📹 video]

84. CSS for i18n

85. Colours in CSS

86. The prismatic world of CSS colours [📹 video]

87. Demystify Modern CSS Layouts with DevTools [📹 video]

88. Accessibility With(out) Priorities

89. Demystify Modern CSS Layouts with DevTools

90. Demystify Modern CSS Layouts with DevTools [📹 video]

91. CSS for i18n

92. CSS can do that too! [📹 video]

93. Wait, CSS can do that now? [📹 video]

94. Our Stylish Future

95. Revisiting styling techniques in 2021

96. A deep dive into Flexbox and Grid

97. Building layouts the way the web intended [📹 video]

98. Architecting CSS grid in a design system

99. Many Flavours of Enterprise CSS Grid [📹 video]

100. Overcoming Grid Reluctance

101. CSS variables for work and play [📹 video]

102. CSS for internationalisation [📹 video]

103. Do your regional websites talk funny? [📹 video]

104. Working with CSS doesn’t have to make you cry [📹 video]

105. Do your regional websites talk funny? [📹 video]

106. The State of the Web Platform

107. The State of CSS

slides's Issues

Slides on your github

Hi Chen, very interesting talk I am watching about Modern CSS Layout at
https://www.sitepoint.com/premium/tech-talks/pixel-pioneers/using-devtools-to-understand-modern-css-layouts.
I visited your github, in Firefox when I click on slides, slides are very nice but they display only in Firefox. What tool you create for making those nice slides available in the browser?
Thanks