23 Hacks about Building Websites

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

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

  • @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 месяца назад +28

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

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

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

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

    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%);
    }

  • @sphe-X
    @sphe-X 2 месяца назад +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!

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

    bro like im a second year design student and i feel like this guys videos literally gave me more value that an entire year of design school

  • @stonebubbleprivat
    @stonebubbleprivat 2 месяца назад +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

  • @Clonephaze2327
    @Clonephaze2327 2 месяца назад +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 2 месяца назад +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!

  • @maxxxiking96
    @maxxxiking96 2 месяца назад +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.

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

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

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

    My Favorite Videos to Watch about everything INTERNET

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

    Beautifully explained, love your content.

  • @1by110
    @1by110 6 дней назад +1

    the hsl tip is lifesaver

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

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

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

    That color code-pen is sick!

  • @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 месяца назад +2

    Very good, you learn me a lot

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

    I didnt know the ruby tag was an actual thing

  • @MohamadDaamoush-jc3tj
    @MohamadDaamoush-jc3tj 2 месяца назад +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  2 месяца назад

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

  • @Boltxyz.Gaming
    @Boltxyz.Gaming 2 месяца назад +12

    let's start with color

  • @noob-qk7mo
    @noob-qk7mo 26 дней назад +1

    crazy video
    you have my utmost respect🛐🛐

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

    Loved this...

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

    my my , this is so smart

  • @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  2 месяца назад +1

      I have no idea about fiverr.

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

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

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

      It's just a simple tool on my website

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

    some *useful* info about building websites

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

    Bro i love your content keep it up ❤️

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

    Your content is brilliant.

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

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

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

      On my website

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

    Thanks bruv really helpful

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

    nice video brother !!

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

    Bro could you please suggest some frontend projects for resume

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

    the modal one 😮😮😮😮

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

    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  Месяц назад

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

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

      @@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  Месяц назад

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

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

    How do we reach you regarding project work?

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

      Check my website

  • @Divyv520
    @Divyv520 2 месяца назад +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 ?

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

    Some colors are just cool😊😊

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

    oklch > hsl

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

    no, I will continue to use divs

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

    Ah yes, nolej

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

    Do more videos

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

    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!!

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

    But am I learnin

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

    Nice

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

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

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

    How your website is super fast

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

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

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

      @@whosajid ohh thanks for reply

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

    First

  • @Johnny-above
    @Johnny-above Месяц назад

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

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

    Good video