design – layout

ACCID – DOM Ladder

all-scribbly javascript design - layout accid
| | all-scribbly, javascript, design - layout, accid
Layer Structure index.html └─ <link> accid-shared/accid-layers-order.css ← FIRST link. The ONLY file that states the order. WEAKEST (loses to everything below it) ┌────┬──────────────┬───────────────────────────────────────────────┬──────────────────────────────┐ │ # │ LAYER │ WHAT FILLS IT │ WRITTEN BY │ ├────┼──────────────┼───────────────────────────────────────────────┼──────────────────────────────┤ │ 0 │ palette │ accid-shared/accid-palette.css │ accid-color-system.html │ │ │ │ c1–c6, -r12…-r70 steps, -aNN, neutrals, │ (generator,

ACCID – DOM Ladder Read More »

WP- DB – Extraction

all-scribbly coding design - layout general accid
| | all-scribbly, coding, design - layout, general, accid
get counts — 1. Master overview: all post types + statuses SELECT post_type, post_status, COUNT(*) AS count FROM wp_posts GROUP BY post_type, post_status ORDER BY post_type, post_status; — 2. Just posts/pages by status SELECT post_type, post_status, COUNT(*) AS count FROM wp_posts WHERE post_type IN ('post', 'page') GROUP BY post_type, post_status ORDER BY post_type, post_status; —

WP- DB – Extraction Read More »

Samba Shares on MAC to Linux Machines

coding design - layout general
| | coding, design - layout, general
Samba Shares on MAC to Linux Machines Perfect! Staging server (XXX.XXX.X.STAGE) now appears in Mac Finder Network with staging (/srv) and www (/var/www/sites) shares—drag-drop /Volumes/www/htmlbuilder.shawns-machine.com etc. like local drives.[1] Prod Quick Copy (XXX.XXX.X.PROD) sudo apt update & sudo apt install samba avahi-daemon smbclient -y sudo mkdir -p /srv/prod-share /var/www/prod-sites # Or your paths sudo chown

Samba Shares on MAC to Linux Machines Read More »

Shortcode Ultimate – Examples / Code

all-scribbly coding design - layout
| | all-scribbly, coding, design - layout
Basic Code Wrapper – Prismatic https://prismjs.com/examples.html <pre><code class=”language-javascript”>CODE </code></pre> pick a language – wrap code in it “language-markup” / “language-html” / “language-mathml” PLUGINS:: Adding tags to page – tags are added to body_class so they style the prism area as well rainbow-braces line-numbers match-braces no-brace-hover <pre><code class=”language-javascript”> var myObject = { property1: “something”, property2: 5,

Shortcode Ultimate – Examples / Code Read More »

New Normal Post

design - layout css coding, ,
| | design - layout, css, coding | , ,
Where does it come from? Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur,

New Normal Post Read More »

CSS Line Height

all-scribbly design - layout
| | all-scribbly, design - layout
ALL DEAD:https://seek-oss.github.io/capsize/https://github.com/seek-oss/capsizeNEW KING – <hr>https://michaeltaranto.github.io/slides-teach-css-to-talk-design/ https://css-tricks.com/how-to-tame-line-height-in-css/ In CSS, line-height is probably one of the most misunderstood, yet commonly-used attributes. As designers and developers, when we think about line-height, we might think about the concept of leading from print design — a term, interestingly enough, that comes from literally putting pieces of lead between lines of type.

CSS Line Height Read More »