Log inSign up
user avatar
Tomek Sułkowski
bolt.new
@sulco
🅱 Founding Engineer & UX Lead @boltdotnew/@stackblitz 💡 Bolt tutorials & tips Heavily divergent thinker (but will eventually get back to the point)
Gdynia, Poland
youtube.com/playlist?list=…
Joined December 2008
488
Following
25.1K
Followers
  • user avatar
    Tomek Sułkowski
    bolt.new
    @sulco
    Sep 27, 2019
    That feeling when you first discovered `document.designMode`
    00:00
  • user avatar
    Tomek Sułkowski
    bolt.new
    @sulco
    Jul 10, 2020
    #JavaScript tip for today: Use proper array methods. Here's a little cheat sheet.
  • user avatar
    Tomek Sułkowski
    bolt.new
    @sulco
    Oct 23, 2024
    I'm not kidding around: go to bolt․new and type in: "make a spotify clone" I'm speechless.
    1.3M
  • user avatar
    Tomek Sułkowski
    bolt.new
    @sulco
    Oct 26, 2020
    #HTML/#UX tip for today: Setting `autocomplete="one-time-code"` will allow your user to fill the input field with the auth code they've just received - without the need to manually copy it from a message.
    00:00
  • user avatar
    Tomek Sułkowski
    bolt.new
    @sulco
    Sep 15, 2020
    Ever tried debugging an element that keeps disappearing when it loses focus once you start using devtools? Well dang me to heck there is an "Emulate a focused page" option in @ChromeDevTools just for that 🤯 (you can get it from the [⌘]+[P] Command Menu, or Global Preferences)
    00:00
  • user avatar
    Tomek Sułkowski
    bolt.new
    @sulco
    Mar 20, 2020
    #HTML tip for today: <ol> element has `start` and `reversed` attributes! Some examples where it's useful: `start` → paginated results `reversed` → "top 10 best ... " lists
    00:00
  • user avatar
    Tomek Sułkowski
    bolt.new
    @sulco
    Sep 4, 2020
    #JavaScript tip for today: When "console-logging" several variables, you can wrap them in curly brackets to better see which value belongs to which variable. A small thing, but hey.
    00:00
  • user avatar
    Tomek Sułkowski
    bolt.new
    @sulco
    Oct 7, 2020
    With `window.showOpenFilePicker()` you can now make a text editor that reads and writes to a local(!) file in 12 lines of JavaScript. That is insane. (+ a couple lines for handling shortcuts)
    00:00
  • user avatar
    Tomek Sułkowski
    bolt.new
    @sulco
    Nov 27, 2020
    Ok, I'm seriously so excited by #TypeScript 4.1! (released today!) I mean come on: you can now e.g. type all 80 color variations from @tailwindcss in like.. no time:
    00:00
  • user avatar
    Tomek Sułkowski
    bolt.new
    @sulco
    Sep 18, 2020
    #JavaScript tip for today: You can use `console.table` in your node scripts too! (+ pass an array of properties to define which columns to show)
    00:00
  • user avatar
    Tomek Sułkowski
    bolt.new
    @sulco
    Aug 21, 2019
    #JavaScript tip for today: "npkill" is a nifty little tool that shows all `node_modules` in your system - and allows to remove the selected ones. You can quickly free up some serious gigs by taking care of the old/demo projects!
    00:00
  • user avatar
    Tomek Sułkowski
    bolt.new
    @sulco
    Aug 13, 2020
    #CSS tip for today: `font-variant-numeric` and `font-feature-setting` CSS properties allow to activate same-width numbers for a font. Use them to make your counters less jumpy, and values nicely aligned.
    00:00
  • user avatar
    Tomek Sułkowski
    bolt.new
    @sulco
    Aug 3, 2020
    #CSS tip for today: `:focus-within` pseudoclass allows to style element that contains a focused element. You can use it to e.g. put more emphasis on a fieldset the user is filling at a certain moment.
    00:00
  • user avatar
    Tomek Sułkowski
    bolt.new
    @sulco
    Feb 17, 2020
    #CSS tip for today: If your content doesn't fit, @FirefoxDevTools will show you which element is the one with scrollable overflow - super useful for CSS debugging! 🤩
    00:00