Fandoms
Recent works
Recent bookmarks
-
Tags
Summary
A work skin and tutorial for logic grid puzzles on AO3. This tutorial includes 2 versions of a logic grid puzzle: a basic version (printable!) and an interactive puzzle grid!
See Chapter 1 for an overview of the style with annotations, Chapter 2 for an explanation of how it all works (including a tutorial on making the grid printable, hiding the solution table behind a spoiler block and how to make the grid interactive), Chapter 3 for the full CSS code for easy copy-pasting, Chapters 4 and 5 for an example of an interactive 3x3x3 logic grid with the HTML code, Chapters 6 and 7 for a basic 3x3x3 grid and Chapters 8 and 9 for a 4x4x4 logic puzzle grid.
All the puzzles that appear in this tutorial are solvable and the solutions are included here!
- Language:
- English
- Words:
- 5,516
- Chapters:
- 9/9
- Collections:
- 1
- Comments:
- 11
- Kudos:
- 68
- Bookmarks:
- 50
- Hits:
- 1,440
Bookmarked by a_NPC29
04 Jun 2026
-
Tags
Summary
【首先,译者本人已经完全迷恋于翻译HTML和CSS指南。】
【其次,作者太疯狂了,在代码使用方面简直是一种另类艺术。这是一个好事,糟糕的是这也给我翻译带来了巨量困难,所以这个作品的翻译我也会更加疯狂,指的是完全按照我的心意来做修改甚至不做太多的译者和作者本人的区分(如果像上一个作品那样严格区分整个指南会非常零碎难以阅读)(最主要是表现在代码部分因为作者省略了很多她认为很简单的代码但是对我来说并不)。如果有对翻译的追求很原教旨主义的,不适合阅读这个作品。相信我,我努力了,但是我无法办到。】
【再次麻烦糜象老师把我放出来。】这是一个充满 CSS 和 HTML 实验的“燃烧垃圾桶”。我不会做教学,只是为了我们双方都好而贴出代码和我自己的解释。随意拿去用或者问我问题——我也不知道自己在干嘛。:)
(不过图片都来源于我)
第五章大概就是你想看的内容 ;)
我不会说我接受点子建议,但我总是在寻找灵感。
看来我又把 AO3 弄坏了。我已经无法再往我的作品皮肤里添加更多代码,所以我们进入第二部分吧!
Series
- Part 3 of 沉迷于CSS和HTML😵
Bookmarked by a_NPC29
04 Jun 2026
