23 Hacks about Building Websites

Поделиться
HTML-код
  • Опубликовано: 30 окт 2024

Комментарии • 62

  • @whosajid
    @whosajid  2 месяца назад +5

    To try everything Brilliant has to offer for free for a full 30 days, visit brilliant.org/Sajid. You’ll also get 20% off an annual premium subscription.

  • @isurujn
    @isurujn 2 месяца назад +26

    I don't even do front-end development but I like watching your videos because they are well-made and don't contain fluff.

  • @sojobee
    @sojobee Месяц назад +3

    Make sure to hue-shift your color palettes, as they get brighter or darker, this is more natural. A better and more new color space that does this for you is oklch. And it's supported in css!

  • @danielmataya460
    @danielmataya460 Месяц назад +20

    Dude said "Here are the most useless hacks" and proceeded to drop wisdom on max, Thanks G!! 😆

  • @franexmo81-
    @franexmo81- Месяц назад +3

    If anyone needs the code for the colour at 0:53, here it is:
    :root {
    --hue: 0;
    --tertiary-hue: calc(var(--hue) + 300);
    --accent-hue: calc(var(--hue) + 60);
    --primary-color: hsl(var(--hue), 50%, 90%);
    --secondary-color: hsl(var(--hue), 50%, 10%);
    --tertiary-color: hsl(var(--tertiary-hue), 80%, 20%);
    --accent-color: hsl(var(--accent-hue), 80%, 20%);
    }
    .dark {
    --primary-color: hsl(var(--hue), 50%, 10%);
    --secondary-color: hsl(var(--hue), 50%, 90%);
    --tertiary-color: hsl(var(--tertiary-hue), 80%, 80%);
    --accent-color: hsl(var(--accent-hue), 80%, 80%);
    }

  • @stevend2748
    @stevend2748 22 дня назад +1

    That color code-pen is sick!

  • @aliasgharranjbar734
    @aliasgharranjbar734 2 месяца назад +5

    Beautifully explained, love your content.

  • @alexa1535
    @alexa1535 Месяц назад +1

    this is the most useful video ever on Web dev, every other tip is gold

  • @maxxxiking96
    @maxxxiking96 Месяц назад +2

    I see it coming... Your chanel will grow very quickly! It's unreasonable not to, cause there's too much value in your videos and it's delivered in a perfect way.

  • @penguin053-chess
    @penguin053-chess 2 месяца назад +12

    let's start with color

  • @Clonephaze2327
    @Clonephaze2327 Месяц назад +1

    vscode has emmet built in, which means you can set a keybind to wrap a selection in an element of your choice. Any emmet syntax works too. No extension needed there.

  • @Saadullahkhan3
    @Saadullahkhan3 Месяц назад +8

    Why do I click on a video full of useless information instead of a 2-hour full-stack Django project? WHY??
    WHY WHY WHY !!! ??? $#(%@(#
    This actually useful!

  • @stonebubbleprivat
    @stonebubbleprivat Месяц назад +2

    Oklab is much better than hsl because we perceive some colours darker than others although the lightness value is the same. OkLab corrects for that. Also mixing in that colour space doesn't make colours muddy like in RGB/hsl

  • @forderdrek8757
    @forderdrek8757 2 месяца назад +9

    the title: "some USELESS info..."
    the video: "this can be really useful for..."
    Bruh

  • @noob-qk7mo
    @noob-qk7mo 13 часов назад +1

    crazy video
    you have my utmost respect🛐🛐

  • @ElevateJB
    @ElevateJB 2 месяца назад +2

    My Favorite Videos to Watch about everything INTERNET

  • @edwardjoyner7632
    @edwardjoyner7632 2 месяца назад +6

    Thanks, really helpful as always. Just a thought but you could break each point into a youtube short/reel/tiktok and probably have success!

  • @captaincode4380
    @captaincode4380 Месяц назад +2

    Very good, you learn me a lot

  • @MohamadDaamoush-jc3tj
    @MohamadDaamoush-jc3tj Месяц назад +1

    These videos are Gold, i wanted to ask if you animate some you videos using figma smart animate as they actually look super clean.

    • @whosajid
      @whosajid  Месяц назад

      Yep, some using smart animate and some with after effects.

  • @sharathlingams
    @sharathlingams Месяц назад +1

    Loved this...

  • @owhite2022
    @owhite2022 2 месяца назад +3

    my my , this is so smart

  • @ncpurge789
    @ncpurge789 2 месяца назад +1

    I didnt know the ruby tag was an actual thing

  • @elishamutang1
    @elishamutang1 2 месяца назад +4

    some *useful* info about building websites

  • @saadsohail4690
    @saadsohail4690 2 месяца назад +2

    Awesome vid bro, could you make the next vid on how to upload the your web dev gig on fiverr so that you can get your first order. I have been trying to get an order for a year but still can't get mine.

    • @whosajid
      @whosajid  Месяц назад +1

      I have no idea about fiverr.

  • @anandjaiswal3443
    @anandjaiswal3443 2 месяца назад +1

    Your content is brilliant.

  • @g4m3rop
    @g4m3rop 2 месяца назад +2

    nice video brother !!

  • @OneTest123
    @OneTest123 2 месяца назад +1

    Ah yes, nolej

  • @GHSB7462
    @GHSB7462 2 месяца назад +1

    the modal one 😮😮😮😮

  • @nanayawdjan8985
    @nanayawdjan8985 2 месяца назад +1

    Some colors are just cool😊😊

  • @mohamad2698
    @mohamad2698 2 месяца назад +1

    Thanks bruv really helpful

  • @Al-Hussainy
    @Al-Hussainy 2 месяца назад +1

    Bro i love your content keep it up ❤️

  • @timothyharrison5105
    @timothyharrison5105 11 дней назад

    Bro Sajid, you changed your website!!!
    It feels a lot scanty than the previous one.
    The light change toggle is more interesting than the previous one though.
    Any specific reason why you changed to this new design??

    • @whosajid
      @whosajid  11 дней назад

      No reason, just got bored of the previous design.
      You were quick to notice, just pushed the changes when you commented.

    • @timothyharrison5105
      @timothyharrison5105 11 дней назад

      @@whosajid Yeah. I was trying to study your implementation of changing dark mode especially incorporating JS and the toggle button for a project I'm working on. I almost thought I stumbled into an alternate website.
      It's interesting that the new system has 3 modes to use.

    • @whosajid
      @whosajid  10 дней назад

      @@timothyharrison5105 Yes system preference by default and then options for light or dark

  • @hussain.ahmd7
    @hussain.ahmd7 Месяц назад

    dude you teach a lot about css and its perfect but bro...please 2-3 videos on javascript please broo. PEOPLE PLS LIKE MY COMMENT TO LET OUR DUDE OUT THERE KNOW!!

  • @pieces0fsheets352
    @pieces0fsheets352 Месяц назад +2

    May I know what website was it the color adjustment? 1:39

    • @whosajid
      @whosajid  Месяц назад +2

      It's just a simple tool on my website

  • @aidanparente2046
    @aidanparente2046 Месяц назад

    How do we reach you regarding project work?

    • @whosajid
      @whosajid  Месяц назад

      Check my website

  • @nasir519
    @nasir519 2 месяца назад +1

    What is that site for 4 color formula, ? looks pretty cool

  • @peppes0516
    @peppes0516 Месяц назад

    no, I will continue to use divs

  • @mitroboomin2492
    @mitroboomin2492 2 месяца назад

    Bro could you please suggest some frontend projects for resume

  • @muajbinkarim
    @muajbinkarim 2 месяца назад

    "useless things"
    *Starts with colors*
    Anyways where are you from?

  • @somnullty
    @somnullty Месяц назад

    oklch > hsl

  • @Divyv520
    @Divyv520 Месяц назад +1

    Hey sajid, really nice video ! I was wondering if I could help you with more Quality Editing in your videos and also make a highly engaging Thumbnail and also help you with the overall youtube strategy and growth ! Pls let me know what do you think ?

  • @MustefaAhmed-l8h
    @MustefaAhmed-l8h 2 месяца назад

    But am I learnin

  • @besto_
    @besto_ 2 месяца назад +1

    Nice

  • @aruns6214
    @aruns6214 2 месяца назад +1

    Do more videos

  • @Sahitya-gc1hj
    @Sahitya-gc1hj Месяц назад

    How your website is super fast

    • @whosajid
      @whosajid  Месяц назад

      It's plain HTML, CSS & JS. That's why.

    • @Sahitya-gc1hj
      @Sahitya-gc1hj Месяц назад

      @@whosajid ohh thanks for reply

  • @rekkicm
    @rekkicm 2 месяца назад +1

    First

  • @Sizganov
    @Sizganov 2 месяца назад +2

    Good video

  • @Johnny-above
    @Johnny-above 20 дней назад

    I would like to reach you about a collab. What is the best way to reach you? Email?