update issues
This commit is contained in:
parent
04a346d851
commit
2a68cfbf63
44 changed files with 1201 additions and 318 deletions
|
|
@ -1,48 +1,51 @@
|
|||
%% title = "on digital textures"
|
||||
|
||||
% id = "01HQ8JHZ5NP1K7PHW4MJQS65ND"
|
||||
- this is not about textures in the graphics programming sort of way. this is about textures in the *you can feel it under your fingers* way
|
||||
- this is not about textures in the graphics programming sort of way. this is about textures in the _you can feel it under your fingers_ way
|
||||
|
||||
% id = "01HQ8JHZ5NM6CNJ1PCGCWC6DQV"
|
||||
- I don't know if it's just some weird synaesthesia thing or not, but one interesting observation I've noticed is that various cursors seem to give off different *textures*.
|
||||
- I don't know if it's just some weird synaesthesia thing or not, but one interesting observation I've noticed is that various cursors seem to give off different _textures_.
|
||||
like you hover over something and you can digitally feel it under your fingers
|
||||
|
||||
% id = "01HQ8JHZ5NEHACKDTHJSJNB3QD"
|
||||
- these textures just generally cause different pieces of software to give off different *vibes*;
|
||||
- these textures just generally cause different pieces of software to give off different _vibes_;
|
||||
for example, based on texture alone it is possible to determine whether something runs on web technologies.
|
||||
|
||||
% id = "01HQ8JHZ5N68ZG29CSAKYW3CYE"
|
||||
- you can probably tell this blog is a website just by *feeling* how it behaves.
|
||||
- you can probably tell this blog is a website just by _feeling_ how it behaves.
|
||||
|
||||
% id = "01HQ8JHZ5NZAVMCYFGS94W6Z8N"
|
||||
- the cursors, where <span style="cursor: pointer; text-decoration: dotted underline;">pointer</span> is used for elements that are clickable,
|
||||
- the cursors, where [pointer]{style="cursor: pointer; text-decoration: dotted underline;"} is used for elements that are clickable,
|
||||
and a text cursor is used for text.
|
||||
|
||||
``` =html
|
||||
<style>
|
||||
.digital-textures-pointer-cursor * { cursor: default }
|
||||
</style>
|
||||
```
|
||||
|
||||
% classes.branch = "digital-textures-pointer-cursor"
|
||||
id = "01HQ8JHZ5NYDJD0YKVX55AR3ZQ"
|
||||
- <span style="cursor: default;">
|
||||
when you have an interactive element and it <em>doesn't</em> have a <span style="cursor: pointer; text-decoration: dotted underline;">pointer</span> cursor on it, it feels almost <em>wrong.</em>
|
||||
eerie in a way. out of place.<br>
|
||||
- {style="cursor: default;"}
|
||||
:::
|
||||
when you have an interactive element and it _doesn't_ have a [pointer]{style="cursor: pointer; text-decoration: dotted underline;"} cursor on it, it feels almost _wrong._
|
||||
eerie in a way. out of place.\
|
||||
like have you noticed this branch is kind of really fucking weird with the default cursor?
|
||||
</span>
|
||||
:::
|
||||
|
||||
% id = "01HQ8JHZ5NT1P5R3EM9GEKZ3DK"
|
||||
- <span style="cursor: default; user-select: none;">and this one is *even* weirder, with unselectable text! (sorry for this. I'm trying to make a point.)</span>
|
||||
- [and this one is _even_ weirder, with unselectable text! (sorry for this. I'm trying to make a point.)]{style="cursor: default; user-select: none;"}
|
||||
|
||||
% id = "01HQ8JHZ5N21GM1FWEXAKPWDPA"
|
||||
- the fact you can press <kbd>Ctrl</kbd> + <kbd>A</kbd> and it selects all text also gives off a texture typical of websites.
|
||||
- the fact you can press `<kbd>Ctrl</kbd>`{=html} + `<kbd>A</kbd>`{=html} and it selects all text also gives off a texture typical of websites.
|
||||
|
||||
% id = "01HQ8JHZ5NMA2HT3M075G9AV1A"
|
||||
- the common usage of [hyperlinks][def:word/hyperlink] over buttons is also typical of websites.
|
||||
|
||||
% id = "01HQ8JHZ5N2WA7G6QN7YCE8PN0"
|
||||
- Git for Windows asks whether you want to use stock Windows `cmd.exe` or mintty.
|
||||
for as long as I can remember, mintty always felt *wrong* to me. like the experience was not *Windowsy.*
|
||||
simply because the terminal window is so tiny, the cursor is an I-beam, and the default font used is <span style="font-family: 'Lucida Console', RecVar;">Lucida Console</span> rather than <span style="font-family: 'Consolas', RecVar;">Consolas</span>.
|
||||
for as long as I can remember, mintty always felt _wrong_ to me. like the experience was not _Windowsy._
|
||||
simply because the terminal window is so tiny, the cursor is an I-beam, and the default font used is [Lucida Console]{style="font-family: 'Lucida Console', RecVar;"} rather than [Consolas]{style="font-family: 'Consolas', RecVar;"}.
|
||||
|
||||
% id = "01HQ8JHZ5NHEW18R8JQWQCAB6Y"
|
||||
- synaesthetically, it feels to me as if `cmd.exe` is smooth, and mintty is rough. like with `cmd.exe` you're touching matte plastic, an LCD display, and with mintty you're touching a piece of paper or tree bark.
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
- imagine if this page had a distracting bunch of text to the right of regular content. or even worse, advertisements.
|
||||
|
||||
% id = "01HR9ZTS6P67VGVY6S460Q49HV"
|
||||
- fortunately I'm not cruel enough to do that (*and* also I'm lazy *and* also I'm at work at the moment so I haven't got time to do something wicked like that.)
|
||||
- fortunately I'm not cruel enough to do that (_and_ also I'm lazy _and_ also I'm at work at the moment so I haven't got time to do something wicked like that.)
|
||||
|
||||
% id = "01HR9ZTS6P7AB97D6T177XMNKW"
|
||||
- these are sidebars in a nutshell. distracting, annoying, detracting from what you actually have to say.
|
||||
|
|
@ -26,10 +26,10 @@
|
|||
- If my blog piqued your interest, feel free to also check out these articles:
|
||||
|
||||
% id = "01HR9ZTS6P1JJ2103E4QHATH3G"
|
||||
- [*on digital textures*][page:design/digital-textures], where I explore synaesthetic feelings in user interfaces
|
||||
- [_on digital textures_][page:design/digital-textures], where I explore synaesthetic feelings in user interfaces
|
||||
|
||||
% id = "01HR9ZTS6P73HSTZK6CP1RWQWG"
|
||||
- *[...so on and so forth.]*
|
||||
- _[...so on and so forth.]_
|
||||
|
||||
% id = "01HR9ZTS6PBFR78Y54HGGKXMF6"
|
||||
- note how I haven't even used pictures! I care about what you have to say, not what pretty pictures you managed to snap on your last field trip.
|
||||
|
|
@ -40,16 +40,16 @@
|
|||
|
||||
% id = "01HR9ZTS6PKYGVTFF0F78XVXH2"
|
||||
- (I'm not saying this structure is any better than a conventional blog though.
|
||||
it has its own set of challenges you need to take into account while writing, like *when to split*, and *when to nest*.
|
||||
it has its own set of challenges you need to take into account while writing, like _when to split_, and _when to nest_.
|
||||
arguably, I still haven't learned how to write the treehouse well, but I think I'm getting better at it; compare [about (version 1)][page:about/v1] to this page and you'll see what I mean.)
|
||||
|
||||
% id = "01HR9ZTS6P484GD6Y9QR4TEGWD"
|
||||
- I'm glad most individuals' blogs are foregoing sidebars, but unfortunately I still regularly see them on various news sites and older blogs
|
||||
|
||||
% id = "01HR9ZTS6PCAWGEJNYXETFVDFT"
|
||||
- if you're designing a modern blog, consider structuring your page *vertically* rather than *horizontally*.
|
||||
- if you're designing a modern blog, consider structuring your page _vertically_ rather than _horizontally_.
|
||||
limit distractions you show on the sides of the screen.
|
||||
they *really* are quite annoying when you're just trying to focus on the body.
|
||||
they _really_ are quite annoying when you're just trying to focus on the body.
|
||||
|
||||
% id = "01HR9ZTS6PKZVXQE0VFVTNNQ6F"
|
||||
- not to mention mobile devices, which do not have the horizontal real estate to fit your sidebars!
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue