Handy @webflow tip to apply custom CSS only on the published site, not in the editor.
Place this attribute selector before the regular one: [data-wf-domain].
Useful if you have elements, that are moved out of view/blurred/… per default.
TIL, that there is a vector-effect property for SVGs.
It allows you to specify whether or not the stroke width is dependent on transformations applied to the SVG.
https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/vector-effect
Show thread (2 posts)
Minimal apps ftw! https://xcancel.com/raffichill/status/1726284792478761335
CS50 015
Started with lecture 3 – Algorithms
Back from Seoul, which means I have time to continue with CS50 🥳
Really enjoying learning about the more theoretical aspects of cs. E.g. I've heard of “Big O notation” before, but now I know what it actually means.
I think I just found the fluid typo tool of my dreams. This kind of thing was always on my “want-to-build”-list, but apparently, it already exists 🙌
https://www.fluid-type-scale.com
Show thread (2 posts)
CS50 014
Problem set 2 done.
After a little break, I finally completed pset 2.
After Readability, I chose Wordle and it was pretty challenging. I'd say not as much as last week's problem due to the boilerplate code, but nonetheless very tricky.
Show thread (2 posts)
“We already need more ephemerality within our digital lives… and we certainly don’t need more permanence seeping into our physical lives”
Couldn't have said it better! https://xcancel.com/julesterpak/status/1708960769885295076
“The best things asymptote to zero dollars per use over their lifetime.” https://xcancel.com/kepano/status/1708499101778923647
CS50 013
Finished lecture 2 – Arrays
Things are ramping up a bit, but still very comprehensible and interesting. It was really satisfying to see, how the puzzle pieces began to click together towards the end of the lecture.
Curious, what the problem sets are about 👀
Show thread (3 posts)
CS50 012
Continued with lecture 2 – Arrays
Most disappointing thing was to learn that arrays in C don't have a length property like in essentially every other language.
Well… I guess this makes me modern languages even more – once again 🙃
CS50 011
Started with lecture 2 – Arrays
Learned more technical things about compiling and debugging. Plus also added a rubber duck to my shopping list 🦆
A hot new inspo website just dropped 🔥 https://xcancel.com/cedric_design/status/1705250722311524353
CS50 010
Problem set 1 done.
The Mario exercise was pretty straightforward, but the credit card one took me way longer than expected.
Mainly due to all the things that C doesn't do out of the box and I had to code myself.
But the feeling when seeing this console is 10/10!
Show thread (3 posts)
It's always a pleasure when a framework provides such a good extension for VS Code.
Just discovered this menu, kudos to @sveltejs 🙌
CS50 009
Finished lecture 1 – C
This last part was really interesting because it involved some CS history and the problems with integer overflow.
This showed me once again, that when writing code, you should do so responsibly.
Now onto the Mario problem set 🙌
Show thread (2 posts)
CS50 008
Continued with lecture 1 – C
The programming fundamentals weren't new for me, but using C is definitely more challenging than JS.
Weirdly, I feel glad that I'm getting exposed to the quirks of C. I think this will help me appreciate modern languages more.
Did you know that there is an HTTP status code where the server tells the user that it refuses to brew coffee because it is permanently a teapot?
Me neither.
But this is exactly the humor that I love the internet for :)
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)