Piccalilli

@piccalil

Level up your front-end skills. Stay for the approachable, friendly content and go away with transferable skills you can use day to day.

175 Folgt5.306 Follower1.303 Posts

YouTube Bluesky

Ist das dein Profil?Übernimm es — dann gehört dir piccalil.dirty.social.Profil übernehmen

Piccalilli@piccalil· 5d

@scott.is is bang on. Personal websites, always. piccalilli.link/md-q-and-a-6

Piccalilli@piccalil· 7d

In this free lesson from JavaScript for Everyone, @wil.to teaches us how to use promises: objects that represent the result of asynchronous operations. piccalilli.link/js4e-free-le...

Piccalilli@piccalil· 12d

@wil.to of JavaScript for Everyone fame here breaking down the secret third option for JavaScript comments.

Piccalilli@piccalil· 12d

As well as Shrek, @scott.is also mentioned something about gaining an understanding of how design can work to meet humanity where it is, and a toolkit of approaches to bla bla something or other… piccalilli.link/md-q-and-a-7

"What do you think people will gain from taking the course?

A new found love and appreciation for Shrek 2 — the greatest film ever made."

Piccalilli@piccalil· 14d

@bell.bz coined the phrase "Be the browser’s mentor, not its micromanager" in 2022 for a talk. He explains exactly what he means by that, and why he lives and dies by it as a CSS programmer, in this free lesson from Complete CSS. piccalilli.link/cc-free-less...

This is the thing about browsers: you can do pretty much whatever the hell you want and rightly so. There’s no stopping you from making your browser whatever size you want. There’s also nothing stopping you from installing whatever extensions you want either. Oh, let’s not forget users can literally write custom styles for websites. All in all, we have little to no control over what the user sees.

Piccalilli@piccalil· 19d

Once more from the rooftops: "personal websites, babeyyy!" piccalilli.link/js4e-q-and-a-5

Piccalilli@piccalil· 21d

@scott.is breaks down the mental cost of distractions and the various ways our brain conserves energy through shortcuts like bias and heuristics, then warns us against taking advantage of this through deceptive patterns in this free lesson. piccalilli.link/md-free-less...

Much like a muscle, our brain has limits to how long it can perform at an optimal level. Glucose is depleted as our brain works, and once its stores are depleted, it kinda goes to shit.

Piccalilli@piccalil· 26d

One of the best things about the Mindful Design course is the way @scott.is didn't leave out the messy and chaotic bits, but shows you how to work through them. piccalilli.link/md-q-and-a-4

"Why did you choose a video course over a written course?

You get to follow along with me. You get to see that this is a fucking messy process and that design isn’t something you just learn facts and theories about, then systematically slap the best rectangles ever together in an interface. It’s a craft, it’s a conversation, and it’s a dance between the ideas in your head and your actual ability to get them out onto a screen."

Piccalilli@piccalil· 28d

Move slowly and methodically to go fast. Careful planning can reduce technical debt, complexity and stress, resulting in your CSS getting out of control. In this free lesson from the Principles module of Complete CSS, @bell.bz breaks that down. piccalilli.link/cc-free-less...

Why am I telling you all of this? I want you to learn from my mistakes. The reason I am teaching the material that I am teaching in this course is because I have experienced a lot of bad, working in this industry. The vast majority of that bad was entirely avoidable by taking just one step back, slowing the process down and making better decisions with a clearer mind.

Piccalilli@piccalil· Jul 9

This is the way 🙂‍↕️ piccalilli.link/js4e-q-and-a-4

Piccalilli@piccalil· Jul 7

In this free lesson from JavaScript for Everyone, @wil.to helps us make sense of one of JavaScript's most linguistically confusing topics: working with iterators, and their relationship to iterables. piccalilli.link/js4e-free-le...

Piccalilli@piccalil· Jul 2

Is the Mindful Design course for developers? 100% yes ✅ piccalilli.link/md-q-and-a-3

"I’m a developer who wants to get better at design. Is this the course for me?

One hundred percent yes. It’s a core audience I wanted to address with this course. This is my background, these are my people! I know that so many developer folks want to learn design, but might be discouraged by gatekeeping or the identity crisis design as a practice seems to be in the midst of right now."

Piccalilli@piccalil· Jun 30

Giving and receiving feedback well is so critical. In this second free lesson from the Principles module from Complete CSS, @bell.bz breaks down how giving and receiving feedback productively can benefit everyone. piccalilli.link/cc-free-less...

By nailing communication you will by proxy, simplify and sanitise design work. This results in simpler code, which is what we should always be aiming for.

Piccalilli@piccalil· Jun 25

Plus, when you write with as much skill and wit as @wil.to, it's a no-brainer piccalilli.link/js4e-q-and-a-3

Piccalilli@piccalil· Jun 23

How do you design for real humans, with all of our messiness, unpredictability and wonderful uniqueness? In the first lesson of Mindful Design, @scott.is gives an intro to what his Mindful Design approach is all about, and what you'll find inside the course.

We’re going to learn how to design for real humans. Real humans are fallible, weird, unpredictable, and above all else, unique.

Piccalilli@piccalil· Jun 18

Boy, do we need more mindful design in the world. Thankful for people like @scott.is helping give us all the tools to push back against the tech industrial complex piccalilli.link/md-q-and-a-2

"What even is mindful design?

Mindful design at its core is responsible and ethical design. It’s an approach to design that makes explicit the implicit responsibility we have to the people who we ask to use the stuff we make. It’s about learning how humans work, and using that knowledge to empower rather than exploit."

Piccalilli@piccalil· Jun 16

In this free lesson from JavaScript for Everyone, @wil.to throws himself upon the sword of "well *technically*..." to explore the relationship between expressions and the values that result from them. piccalilli.link/js4e-free-le...

Piccalilli@piccalil· Jun 11

Thanks for choosing to publish this top class course with us, @wil.to 🙏 💛 piccalilli.link/js4e-q-and-a-2

Piccalilli@piccalil· Jun 9

In the first lesson of the Principles module from Complete CSS, @bell.bz breaks down some async communication principles that will make you infinitely better at your job, guaranteed. The entire module is available to read for free, too! piccalilli.link/cc-free-less...

Keep things short. Don’t ask for too much. Presume people are busy. If a request blocks you, you’re asking too late. Absolutely never make it personal. Be descriptive and don’t presume prior knowledge.

Piccalilli@piccalil· Jun 4

@scott.is here with his Joker origin story piccalilli.link/md-q-and-a-1

"How did you get into design?

I stumbled into it. Like a weary drunkard into the arms of a kebab shop bossman. I was a developer. I guess I continue to be one, in spirit if not in salary. But I got very bored very quickly of my work looking like — and sorry for getting too technical right at the start — absolute shit."

Piccalilli@piccalil· May 19

In this free lesson from JavaScript for Everyone, @wil.to guides us through the intricacies of asynchronous functions, restitching the fabric of time in the process. piccalilli.link/js4e-free-le...

Break the the causal arrow of time across your knee — death to Chronos! Not only have we freed ourselves from the cruel marches of both linear time and the call stack, but they are now ours to weave into and out of at will.

Piccalilli@piccalil· May 14

In this final lesson of the free to read Principles module from Complete CSS, @bell.bz breaks down why progressive enhancement is the foundation of building websites that actually work for everyone and without it, you're already losing piccalilli.link/cc-free-less...

We build for everyone. Not just for ourselves or our peer groups.

Piccalilli@piccalil· May 12

In this free lesson from JavaScript for Everyone, @wil.to shows us to put the (eventual) results represented by one or more promises to use. piccalilli.link/js4e-free-le...

`then()`, `catch()`, and `finally()` can all return either a Promise or a Promise-like object called a **thenable** — an object that implements a `then()` method.

Piccalilli@piccalil· May 5

CSS frameworks are all fun while a project is greenfield, but after that, it's rarely the case. Leaning heavily on his experience as a CSS consultant fixing this exact problem, @bell.bz gives solid advice in this free lesson from Complete CSS. piccalilli.link/cc-free-less...

There is no such thing as a silver bullet in CSS. It’s about finding a system — or a combination of systems — that enable you and your team to author and maintain CSS in the most effective way possible.

Piccalilli@piccalil· Apr 28

In this free lesson from JavaScript for Everyone, @wil.to introduces us to concepts like execution threads, the event loop, and the callback and microtask queues, so we can start putting them to work. piccalilli.link/js4e-free-le...

The event loop continuously polls the status of these queues and the call stack; the former to see if there's anything waiting to be executed, and the latter to see if the stack is empty.

Piccalilli@piccalil· Apr 22

Did you know that all of our courses still have a 20% discount, using the code NEXTLEVEL? Did you also know that you can sample them all for free too? JavaScript for Everyone: piccalil.li/javascript-f... Mindful Design: piccalil.li/mindful-desi... Complete CSS: piccalil.li/complete-css...

Save 20% on all courses. Use code NEXTLEVEL at checkout

Piccalilli@piccalil· Apr 21

@bell.bz co-authored Every Layout with @heydonworks.com back in 2019. It transformed how developers approach layout in CSS and in this free lesson of Complete CSS, Andy gives even more detail in how skeletal layouts are the way to get a solid UI piccalilli.link/cc-free-less...

I did a lot of CSS consultancy for various sized organisations — from huge multinational corporations to smaller startups. What do you think the most common downfall in CSS codebases were across nearly all of these organisations? Framework choices? Sass? Less? CSS-in-JS? No, it’s layout and spacing.

Piccalilli@piccalil· Apr 16

Don't let JavaScript have the last laugh piccalilli.link/js4e-q-and-a-6

"What do you think people will gain from taking the course?

I figure you walk away from this course with a deeper understanding of JavaScript; table stakes, right? I couldn’t ask for much more than that. But if I could ask for more, what I’d really want, in my heart of hearts, is for you to be able to laugh at JavaScript a little. “Ooh, I’m made of computer science; I’m so scaaary” — man, JavaScript, you can’t even do math right. C’mon, we’re not gonna let this thing push us around. We got this."

Piccalilli@piccalil· Apr 14

In this free preview lesson from his Mindful Design course, @scott.is gives some advice on giving yourself the best possible start when tackling a prototype, including a few tips on dealing with Fear Of The Blank Page™. piccalilli.link/md-free-less...

You open Penpot and you see this — the blank canvas, the empty page — the stuff of nightmares. It can be really really difficult to know how to get started. Even for me, with all my years designing, this still makes me a little bit anxious.

Piccalilli@piccalil· Apr 7

If you want truly responsive design that works for each and every weirdly sized viewport, you need to use fluid type and fluid space that responds to that viewport. Here's a free lesson from Complete CSS to explain why. piccalilli.link/cc-free-less...