@makeEbook | SPARK Join the waitlist neilmcardle.com/spark
Joined July 2023
- Tweets 601
- Following 8
- Followers 59
- Likes 599
195 Photos and videos
Jun 5
Just published Tessera The Triangle Game on the @AppStore
No in-app tracking, purchases, ads or sign in.
Just free to play because my kids wanted it, now you can enjoy it too!
apps.apple.com/gb/app/tesser…
25
May 28
SPARK learning #10
Fluid typography
Use clamp() rather than multiple media queries to scale typography smoothly.
Another norm worth knowing is tighten large text with letterSpacing -0.02em to -0.04em and loosen small uppercase text with 0.05em to 0.15em
24
May 21
DoodleWire
A doodle to wireframe tool, now on your iPhone/iPad.
100% Offline | No account creation, no tracking, no analytics.
Download here on the @AppStore
apps.apple.com/us/app/doodle…
61
May 21
SPARK learning #9
An SVG's path syntax is a tiny embedded language of single-letter commands:
M m = Move (pen lifts, moves)
L l = Line to
H h = Horizontal line
V v = Vertical line
C c = Cubic bezier curve
Q q = Quadratic bezier curve
A a = Arc
Z z = Close path (back to start)
1
53
May 21
A course that takes designers to full-stack engineer. Built for designers, by a designer, so they can build for themselves.
Join the waitlist:
neilmcardle.com/spark
13
May 15
Get a great editor and your first book cover designed by me :)
May 15
Now makeebook.ink Lifetime purchases get their first book cover designed by me
@BetterNeil
Free - $0
Pro Monthly - $9
Pro Yearly - $79
Lifetime - $149 first book cover designed.
makeebook.ink/start
ALT https://makeebook.ink/start Free - $0 Pro Monthly - $9 Pro Yearly - $79 Lifetime - $149 first book cover designed.
1
45
Neil McArdle retweeted
May 12
How to Create an Ebook Cover: Complete Guide for Self-Publishers
makeebook.ink/make-ebook/blo…
1
1
34
May 11
SPARK learning #8
An SVG always has 2 sizes:
1. Render size (width/height or CSS), ie. 'how big it appears on the page'
2. Internal biewBox coordinate system, that's the canvas the shapes are drawn into.
1
39
May 11
SPARK learning #7
SVG is its own language, not part of HTML.
It's a separate XML-based language with its own elements (<path>, <circle>, <rect>, <line>, <polygon>, <g>, and so on), its own attribute set, and its own grammar.
42
May 9
SPARK learning #6
The 2 distinct categories of colon-prefixed Tailwind modifiers can stack, e.g: Responsive variants (eg. lg:) and State variants (eg. hover:).
The colon syntax is the same, the categories of what they trigger are different.
29
May 9
SPARK learning #5
There's 2 distinct categories of colon-prefixed Tailwind modifier.
1. Responsive variants: sm:, md:, lg:, xl:, 2xl:
2. State variants: hover:, focus:, active:, disabled:, group-hover:, dark:
20
May 7
SPARK learning #4
'lg:' in Tailwind CSS is a breakpoint prefix.
The colon means 'apply this only at the lg screen size and above.'
Tailwind's syntax for breakpoints from small to 2x-extra large are:
sm:640px
md:768px
lg:1024px
xl:1280px
2xl:1536px
32
May 7
SPARK learning #3
With Tailwind CSS:
1 unit = 0.25rem (4px)
(assuming browser default font size remains 16px)
Unit
1 = 0.25rem (4px)
2 = 0.5rem (8px)
4 = 1rem (16px)
8 = 2rem (32px)
78
May 6
My kids want to learn to type.
Claude produced a working prototype, I tweaked it a little (see first image) try it here: neilmcardle.com/touchtype
Second image is diffui.ai explorations afterwards.
Next step?
34
May 6
SPARK learning #2
The rounded '()' bracket in JavaScript is a grouping parenthesis used so JSX expressions can span multiple lines without breaking.
One-liner expressions without () are valid.
2
1
32
May 6
return (
<div>I am a longer sentence in an expression that spans multiple lines.</div>
);
and
return <div>Hello</div>;
are both valid JSX file expressions.
1
20
May 5
I added this to the waitlist page. How to do it will now be part of the course.
Building the thing, the learn the thing, to teach the thing to others, who'll build the thing, to learn the thing...
1
22