CS50 007
Started with lecture 1 – C
New language, new adventure. But really glad to be back in a familiar environment aka @code.
Also, the Ctrl + L shortcut to clear the console was new to me, no more typing the word itself ^^
Show thread (2 posts)
CS50 006
Problem set 0 done – glad that I got this Scratch project over the finish line.
Scratch is a great tool for learning, but if you have some coding experience, you'll get frustrated with its limitations.
Looking forward to the next lecture with C ✌️
This video is such a gem for discovering these not-so-obvious Raycast features!
Plus the trick with searching a specific code snippet on Github is really clever, never thought of doing that globally before. https://xcancel.com/raycastapp/status/1702688280205267043
Good news for anyone planning on building something with @framer this weekend.
We've just updated all prices for the code components & overrides on @CanvasSupply!
Link & limited discount code below👇
Show thread (3 posts)
Very good take! The longer I use GPT-4 as a coding assistant, the more i see this point as well.
Copilot is great for completing the current line and making actually writing the code faster, but standalone GPT can only be used for a boilerplate that you then customize yourself. https://xcancel.com/iamgingertrash/status/1702038134790439277
Show thread (2 posts)
Quick CSS flexbox tip:
Use margin: auto to position a single child at the end of the parent (e.g. when using justify-content: flex-start, like below) 👇
CS50 005
Made some progress on problem set 0, the Scratch game – had some real middle-school flashbacks when working on it.
Still looking forward to working with a real programming language in the next lecture though 🙈
Bun is one of these projects that is a beautiful piece of engineering but also has a very cute mascot that almost overshadows it (which is totally reasonable, I mean look at this 🥹).
That turnaround time 🤯
Awesome news! https://xcancel.com/vercel/status/1701378595623415934
If you didn't know already, in the Chrome dev console, you can reference the currently selected DOM-element with $0 like below 👇
Currently building a little @framer override for @cedric_design's upcoming template.
It automatically sets an active variant for the current nav item and thus eliminates the need for manually creating variants for each nav state.
Anyone interested in using this too? 👀
You can say what you want about Youtube's algorithm, but it's really good at recommending videos that one would have never searched for but are really interesting to watch.
I see how this can become problematic, but in it's core, it's just a magical piece of software.
Show thread (2 posts)
CS50 004
Idea for the game 👾
The plan is to build a little F1 game called “React & Race”, where the player has to quickly react to flashing emojis and press the right key in order to move forward.
Stay tuned for “"The Fastest Game on the Emojiway!” 😉
CS50 003
Finished lecture 0.
Learned more about how to use the basic building blocks of code inside Scratch and how to use them to build simple games.
Now onto problem set 0 👨💻
Friday @framer tip for everyone building overrides and code components ✨
If you need to manage some state in your component (even save and retrieve it from localStorage), try out @jotaijs.
Drastically simplifies the code and seems to work pretty well so far 🙌
Show thread (2 posts)
CS50 002
Introduction to algorithms and Scratch.
The most interesting thing for me was to see how an algorithm can become much more efficient by taking more creative approaches → see binary search algorithm 👇
Show thread (2 posts)
TIL that @github copilot uses other open tabs as context.
I always thought it would just use the current file, so that's reeeeally good to know.
The hardest problem to solve when setting custom keyboard shortcuts is finding one that is a) memorable and b) doesn't conflict with another one (system wide ones are the enemy here).
There should be auto-suggestions that find the next best option automatically 🤔
CS50 001
A basic introduction to CS, bits, bytes, and how information is stored in computers.
It was interesting to see how the way we represent information has changed over the years due to a lack of foresight, and how the problem was solved.
Even after building stuff for the web for 7+ years, I sometimes feel like I've never really learned the basics of CS.
If anyone else also feels like that, let's start and complete Harvard's #CS50 together!
I'll try to post an update every day and keep you in the loop :)
000
Show thread (2 posts)
If you didn't already know, @raycastapp has a very nice wallpaper collection built in ✨
Show thread (2 posts)
TIL that you can use CSS grid for more advanced wrapper uses.
For example the pattern below, where you have a classic wrapper that prevents the text from spreading too wide on the left but the image on the right expands even outside the wrapper.
👇
Show thread (2 posts)
Finally took the plunge and completed the introductory course about regex on @Codecademy.
I feel like this is a topic that every dev dreads to learn more about. But finally learning the basics properly might help me understand these Stack Overflow answers better in the future ;)
Show thread (2 posts)
I'm really excited that I can finally tell you about something I've been working on the past couple of weeks!
Together with @cedric_design and the relaunch of @CanvasSupply, I created three code components/overrides, that give you @framer superpowers.
Let's take a look at them!
Show thread (8 posts)
Something's coming, I wonder what 😏 https://xcancel.com/cedric_design/status/1683828332478214144
Today I got reminded once again by a nasty code bug that I should finally bite the bullet and properly learn regex 🫣
Any tips and recommendations?
Awesome work as always 💎 https://xcancel.com/cedric_design/status/1679456533007204355
Does anyone know about a simple tool that helps you easily clean up your Twitter/YouTube/Instagram/whatever followings?
Imagining something that shows you a random account you follow and its last 3 posts and lets you decide on whether or not to keep following them.
Is there an easy mnemonic to remember how markdown links are created?
I'm always confused on whether to type []() or ()[] 🫠
Show thread (2 posts)
Using ChatGPT as a socratic tutor seems to be one of the best possible ways that you can use it currently.
Don't let it do the work for you, use it to have a conversation and let it guide you to new thoughts, perspectives and ideas 💡
Show thread (2 posts)
Progress update 🪄
The cmdk menu for @Framer now shows the page you're currently on in the top left. Helps quite a bit for navigating your website.
Apart from that, I'm busy fixing nasty bugs and making the component even easier to configure right inside Framer.
Stay tuned 👀
It's now possible to define custom categories and similarly categorized items are grouped together with a heading in the cmdk dialog – automagically 🪄
Kudos to @framer for not only being an awesome no code tool but actually allowing to use code where it's needed 🤗
Currently working on a ⌘ + K component for @framer 🧙
Customizeable without writing a line of code. Lil demo below 👇
Who would be interested in using this as well?
Developer tool/website discovery of the day 👇
Helps you analyze the bundle size of npm packages and even shows how long it'll take to load with different connection speeds.
Show thread (2 posts)
The true reason for so many dirty MacBook keyboards out there (including mine 🥲) https://xcancel.com/luciascarlet/status/1673726293563588608
TIL that you can access the amount of fingers a user had on his screen when triggering an event (using TouchEvents).
By the way, can someone guess what I'm building? 👀🪄
This idea of “contextual design” seems pretty interesting 🤔 https://xcancel.com/hobdaydesign/status/1671119428291903488
React wouldn't nearly be as great as it is without the brilliant folks over @vercel
These guys constantly ship cool stuff and their marketing is just spot on.
Just a random thought, but there couldn't be a better time to create things for the web and I love it 😁
Is there a minimal MacOS app that integrates the OpenAI API into the system?
Imagining something like [select text] → [right click] → [choose prompt]
Would be great to know ✌️