Miguel Costa
@mikejolz.bsky.social
๐ค 58
๐ฅ 67
๐ 20
Designing the way you interact with code at
@nordcraft.com
๐ฒ๐ป
reposted by
Miguel Costa
Nordcraft
7 days ago
Happy Halloween! ๐๐ป๐ธ๏ธ๐ท๏ธ๐งโโ๏ธ๐ง Watch Nordcraft Product Designer
@mikejolz.bsky.social
explain how he made a Halloween themed version of our new CSS coloring book! ๐งโโ๏ธ๐ฆ๐ฉธ๐ฏ๏ธ๐ฌ๐ญ๐๐น
loading . . .
CSS Coloring Book โ Halloween Edition
YouTube video by Nordcraft
https://youtu.be/4FMG2x6RESo
2
10
3
reposted by
Miguel Costa
Nordcraft
4 months ago
We are excited to join in on
@supabase.com
#launchweek
and announce Supabase connect, a brand new Nordcraft package that makes it trivial to handle Auth, Realtime and file uploads with Nordcraft and Supabase.
youtu.be/jtMMgQ8zwnI?...
loading . . .
The fastest way to build with Supabase (auth, realtime and file uploads)
YouTube video by Nordcraft
https://youtu.be/jtMMgQ8zwnI?si=V6emRfpI-kNvD932
2
10
4
I introduced you โLennart the Password Birdโ ๐ฆ Funny interaction built with
@nordcraft.com
new animation panel. Go check the video ๐บ๐
5 months ago
1
9
2
reposted by
Miguel Costa
Nordcraft
5 months ago
Lennart the Password Bird is looking as you are typing you username but closes his eyes politely when you enter your password! ๐ฆ Watch here:
youtu.be/lkrzHmKM6Yg
@mikejolz.bsky.social
from Nordcraft explains how to set up an animation that "listens" to user interactions.
loading . . .
Animate a Password Bird in CSS
YouTube video by Nordcraft
https://youtu.be/lkrzHmKM6Yg
0
4
2
reposted by
Miguel Costa
Nordcraft
6 months ago
Create a simple expand/collapse menu in Nordcraft! Try it here:
toast_animation.toddle.site
Nordcraft Designer
@mikejolz.bsky.social
shows you how to build this lovely animation in just a few clicks.
loading . . .
0
8
4
reposted by
Miguel Costa
โญ salma
6 months ago
also please star this repo so I don't get fired
loading . . .
GitHub - nordcraftengine/nordcraft: Packages that are used internally by the Nordcraft engine
Packages that are used internally by the Nordcraft engine - nordcraftengine/nordcraft
https://github.com/nordcraftengine/nordcraft
1
7
1
Our new style panel is live, go check it out ๐
add a skeleton here at some point
6 months ago
0
3
0
A glimpse of the future ๐ฎ
add a skeleton here at some point
6 months ago
0
4
0
Introducing
@nordcraft.com
โ The Web Development Engine ๐ฒ๐ป
add a skeleton here at some point
7 months ago
0
3
0
reposted by
Miguel Costa
โญ salma
7 months ago
BIG NEWS!
@andreasmoller.dk
and I have launched the new
@toddle.dev
podcast: Pixels with Purpose. The first episode features ME, my approach to developer education, and why I chose toddle. Listen on your favourite podcast app of choice, or here on the World Wide Web!
pxwithpurpose.com
3
21
3
Some thoughts about AI ๐ค
add a skeleton here at some point
7 months ago
0
2
0
reposted by
Miguel Costa
โญ salma
8 months ago
As I get to grips with
@toddle.dev
, I'm also finding and fixing bugs! I found a bug on stream last week, and made a video about the fix for your viewing pleasure. It's a short one and a quick fix, but highlights the importance of understanding event bubbling in the DOM.
loading . . .
I FOUND A BUG?! How to prevent event bubbling on HTML elements
YouTube video by toddle
https://youtu.be/14R6EaIHmNs
3
30
5
reposted by
Miguel Costa
Nordcraft
8 months ago
More Lighthouse Festival! ๐ฅณ Watch Jacob, Senior Engineer at toddle, explain toddle's powerful Issues System. Watch here:
youtu.be/ulZJTV3ouHs
Learn how to identify and fix common problems like: โ Unused variables โ Missing image dimensions โ Unused components Etc.
loading . . .
Find and fix web app issues
YouTube video by toddle
https://youtu.be/ulZJTV3ouHs
2
13
6
reposted by
Miguel Costa
Nordcraft
8 months ago
Itโs time for yet another Lighthouse Festival act! โ๏ธ๐ This time itโs our very own Designer and Co-Founder
@svenning.io
๐ Heโll be styling a couple of components from the impressive UI library Spark One live-on-tape!
loading . . .
Styling the UI Library Spark One โ Part 1
YouTube video by toddle
https://youtu.be/d0nKJlGnql0
1
9
3
reposted by
Miguel Costa
Nordcraft
8 months ago
Today's first Lighthouse Festival act feature the UI libraries Spark Core and Spark One ๐ฅณ
@andreasmoller.dk
, CEO of toddle, interviews Max from Spark Agency, about their impressive UI libraries, which draw heavy inspiration from
@radix-ui.com
UI and Shadcn. โจ Try Spark One:
one.spark-pro.dev
loading . . .
Interview with the Spark UI Libraries Creator Max
YouTube video by toddle
https://youtu.be/N5ak8sRdL34
3
15
7
reposted by
Miguel Costa
Nordcraft
8 months ago
Pack your bagsโitโs time for Lighthouse Festival 2025! ๐ฅณ Starting tomorrow, you get the chance to experience some of the biggest names on the current web app scene! We got them all lined up! ๐ See you tomorrow!
0
9
3
The toddle Lighthouse Festival is on ๐ฅณ
add a skeleton here at some point
8 months ago
0
1
0
What an amazing way to start the week ๐ค Welcome to the team
@whitep4nth3r.com
๐ช
add a skeleton here at some point
8 months ago
0
2
0
reposted by
Miguel Costa
Nordcraft
9 months ago
How do you best implement pagination? ๐ค
@andreasmoller.dk
from toddle demonstrates how to set up pagination using
@supabase.com
and
@toddle.dev
โ๏ธ Loading only a small portion of a large dataset at a time, improves website performance and user experience massively ๐
loading . . .
How to add pagination to your web app
YouTube video by toddle
https://youtu.be/8_QN70M8keU
1
11
3
reposted by
Miguel Costa
Nordcraft
9 months ago
It can be tempting to take the easy route, but your customers can tell the difference. If your product is going to stand out, make sure it stands out on quality! You are THAT good. Weโve seen what you can do. Get the results you deserve. Try
toddle.dev
โ Web Apps for Designers and Developers โ๏ธ
0
14
6
reposted by
Miguel Costa
svenning๐ฒ
10 months ago
So, why is your app so slow? ๐ Using the "Network" tab in DevTools,
toddle.dev
CEO
@andreasmoller.dk
shows you how to uncover what's causing the sluggishness โ๏ธ
loading . . .
Why your app is slowโdebug with DevTools
YouTube video by toddle
https://youtu.be/7NimvsrOtVE?si=RefN7IM1-gR6fSzX
0
9
3
reposted by
Miguel Costa
Nordcraft
10 months ago
We've heard the same question over and over again... It keeps surfacing all the time... "Hey toddle, what's the best toddle package?" ๐คทโโ๏ธ Previously, we weren't able to answer that question. Until now! ๐คฏ Introducing the "Vince McMahon package" ๐ฅณ Try it: vince_mcahon_provider.toddle.site
loading . . .
0
9
2
Best way to start 2025 ๐ช
add a skeleton here at some point
10 months ago
0
4
0
reposted by
Miguel Costa
Nordcraft
11 months ago
We have a winner! ๐ฅณ Winner of Bad UI World Cup: Canada! ๐จ๐ฆ Test the top 3 entries here: ๐ฅ
fun_return_experience.toddle.site
๐จ๐ฆ ๐ฅ
primazon_cancellation.toddle.site
๐บ๐ธ ๐ฅ
apexcharts384798264.toddle.site
๐จ๐ด And all the other finalists:
toddle.dev/badui
Rewatch the finals:
youtube.com/live/XlUwRyt...
2
11
7
Can a web app built in a visual web framework load faster than Google? ๐ค It surely can, and here is how ๐
add a skeleton here at some point
11 months ago
0
2
0
And the winner is ๐ฅ๐ฅ๐ฅ
add a skeleton here at some point
11 months ago
0
3
0
reposted by
Miguel Costa
Nordcraft
11 months ago
AI Assistant builder made in toddle! ๐คฏ
boostle.toddle.site
๐ช Our "Build an AI app" competition has come to an end and we've found the winner! ๐ฅ Congratulations
@chrislaupama.com
with your Boostle app! ๐ฅณ Thanks a lot for a fun competition
@langbase.com
and
@nocodebackend.bsky.social
๐ค
3
12
4
The reason why we don't use staging environment ๐งโ๐ป
add a skeleton here at some point
11 months ago
0
0
0
reposted by
Miguel Costa
svenning๐ฒ
11 months ago
The new reCAPTCHA is amazing! ๐คฏ It's designed to beat AIs through a game of tic tac toe โโญโ Watch
@toddle.dev
's CEO
@andreasmoller.dk
build this new amazing security feature ๐ช
loading . . .
reCAPTCHA tic tac toe
YouTube video by toddle
https://youtu.be/-EET-LVMJ4g
1
7
4
Coming up with Bad UI is more complicated than you think, but luckily,
@toddle.dev
makes it a breeze to build. Here is a โstep-by-step video on how to become a worst designer.โ ๐ Still a couple of days left of the
#baduiworldcup
! ๐๐๐คฉ Join now for the chance of winning $3,700:
toddle.dev/badui
๐คฏ
add a skeleton here at some point
11 months ago
0
2
1
reposted by
Miguel Costa
svenning๐ฒ
11 months ago
Working with
@supabase.com
in
toddle.dev
โ๏ธ๐ Selecting endpoint and setting query parameters. Easy peasy ๐
loading . . .
0
10
2
I know itโs wrong but it feels so satisfying!!! ๐ We are running a Bad UI competition at
@toddle.dev
, and this is my best attempt to get the worst result ๐ If you have any ideas, give them a try as well. I promise itโs "rewarding" ๐๏ธ Bad UI competition:
toddle.dev/badui
11 months ago
1
5
1
If sometimes it is so difficult to get a design rightโฆ for sure, it must be way easier to get it wrong. Right?! ๐ค
add a skeleton here at some point
11 months ago
0
0
0
This is so nostalgic ๐
add a skeleton here at some point
11 months ago
1
4
0
you reached the end!!
feeds!
log in