Sajid
Sajid
  • 11
  • 1 353 754
23 Useless Hacks about Building Websites
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.
www.iamsajid.com/
zhlédnutí: 10 869

Video

So, you want to build apps & websites?
zhlédnutí 158KPřed měsícem
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. This video is all about the learning process and the mindset you need to become a web developer or learn to code in general. Sometimes we need a reminder on most basic things that we have already heard a million times. If this video help even a...
The Easy Way to Design Top Tier Websites
zhlédnutí 382KPřed měsícem
The key design principles and practical tips to build top tier websites. Try Mobbin: www.mobbin.com/?via=sajid Free Google Fonts: Inter, Open Sans, Work Sans, Lexend, Source Sans 3, DM Sans Type scales: codepen.io/whosajid/pen/dyBPWro Books Recommendations: Atomic Design - by Brad Frost Refactoring UI - Adam Wathan & Steve Schoger (Creators of Tailwind) www.iamsajid.com/
Supercharge your Websites
zhlédnutí 40KPřed 3 měsíci
Let's Supercharge your websites by only using few lines of CSS. Try Mobbin to design top tier websites: www.mobbin.com/?via=sajid Let’s connect: www.iamsajid.com/ #css #webdevelopment
The Easy Way to Learn New Skills
zhlédnutí 78KPřed 3 měsíci
Some people spend months learning these tools before building their first website. But there is a quick and easy way to learn anything. We will look at the state of flow, 80/20 rule and more… www.iamsajid.com/
2 Ways of Building Websites
zhlédnutí 82KPřed 4 měsíci
There are two types of websites. A normal website that is either used for marketing or sharing information. And another is Web app, that is used as a tool or product. A Web app is more interactive and dynamic. Whereas a normal website is like a digital version of a magazine or banner. More design focused and less interactive. Now, building these websites require different designs, objectives, a...
The Easiest Way to Build Websites
zhlédnutí 462KPřed 4 měsíci
The Easiest and Fastest Way to Build Websites Research Design Coding www.iamsajid.com/
The Most Dramatic Coding Video
zhlédnutí 3,4KPřed 5 měsíci
The most dramatic coding video on the internet. www.iamsajid.com/ Credits: Royalty Free Music from [Tunetank.com](tunetank.com/) Track: Planet Zero by colinroot tunetank.com/track/6202-planet-zero/ Original music by Savfk and Alexandros T ([czcams.com/users/savfkmusic](czcams.com/users/savfkmusic) soundcloud.com/alexandros_t) Music used: Ultra by Savfk - [www.youtube.com/@SavfkMusic](www.youtub...
Only Noobs Build Beautiful Websites
zhlédnutí 125KPřed 6 měsíci
The right and practical way of building a profitable website.
The Easy Way to Build Responsive Websites
zhlédnutí 10KPřed 7 měsíci
All about Flexbox and its magical properties. Source Code: drive.google.com/drive/folders/1FiuCmqCHwzLoLgmb5EXaU2TDpavgdVlb?usp=sharing
I Build a Website For Lex Fridman | Full Process
zhlédnutí 5KPřed 11 měsíci
Lex Fridman have an amazing CZcams channel. And the website he currently has doesn't do any justice to his brand. So I built him a new one by just using some good old HTML and CSS. Check it out: www.iamsajid.com/lex/

Komentáře

  • @ISESTABILLORYANE
    @ISESTABILLORYANE Před 4 hodinami

    this is misleading, every designs have purpose too...

  • @cassusmedia
    @cassusmedia Před 4 hodinami

    We're curious...what do you use to design your site before building it? 🧐

  • @decathemaster4912
    @decathemaster4912 Před 5 hodinami

    That's exactly what I was looking for , thank you.

  • @kevinwankr
    @kevinwankr Před 7 hodinami

    Wow this was really good content. Usually when it comes to ads I have the feeling to roll my eyes and skip but the ad was integrated so well to the topic of the video I was so compelled to watch through the ad as it had core information in it and not so much selling me on the product. Job well done sir.

  • @bumpleeees
    @bumpleeees Před 15 hodinami

    that just opened my eyes

  • @zidanabraham_
    @zidanabraham_ Před 17 hodinami

    Auto subs

  • @Lougin7XB360
    @Lougin7XB360 Před 20 hodinami

    Very nice video.

  • @pollywops9242
    @pollywops9242 Před 20 hodinami

    This just got me unstuck thank you

  • @Clonephaze2327
    @Clonephaze2327 Před 21 hodinou

    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.

  • @PrabhavGupta-gq5pu

    i loved the video, i am not even a designer!

  • @newname8276
    @newname8276 Před dnem

    bro this video is hella relatable. i am in the same situation, and it's so tiring 😭😭😭😭. i'll somehow become a fullstack developer tho, that's for sure

  • @Buntstoff
    @Buntstoff Před dnem

    for the 500% you get the thumbs up xD

  • @deventerprises2640

    The video basically tells us the fact that your priority should be UX over UI

  • @maxxxiking96
    @maxxxiking96 Před dnem

    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.

  • @ortizadrian
    @ortizadrian Před 2 dny

    I'd say the color theory segment at 4:55 is objectively wrong, as there are plenty of areas in design, science, and psychology to back up its use. I'd even be open to sharing some resources to explain this if desired, but this is just trying to be constructive, from designer to designer; as color is an effective tool to elevate user experiences, it's hurtful to downplay, overlook, or undermine certain areas of the process if your goal is to be educational

    • @whosajid
      @whosajid Před dnem

      Appreciate the feedback. I am just saying don't go too deep into color psychology. Most often we have a gut feeling about color and it's better to stick with it. My intention was to make the life of junior devs easier, and not down play the importance of colors.

  • @campushands
    @campushands Před 2 dny

    wish i could add this to a playlist

  • @reggielj
    @reggielj Před 2 dny

    The fact that the person reading the script didn't bother to fix the "English as a second language" grammar.

  • @Spadacci
    @Spadacci Před 2 dny

    I'm from Brazil and the way you explain sounds like anyone can learn CSS and Design, i'm really grateful people like you exist on CZcams.

  • @Ya55-yy
    @Ya55-yy Před 2 dny

    great video, thank you!

  • @RogueBeatsARG
    @RogueBeatsARG Před 2 dny

    Nah bro, Also idk what car that is but the best selling car is the Toyota Corolla that looks pretty good

    • @whosajid
      @whosajid Před 2 dny

      That's Corolla 😅

    • @RogueBeatsARG
      @RogueBeatsARG Před 2 dny

      @@whosajid yeah but the 2014 was ugly lol, the point its that even if Utilitary, the corolla can look very good cause that will make it sell even more, like the new prius. the same with Webpages, a webpage that is more visualy apealing will be always be better than a generic white, minimalistic and utilitary webpage

  • @jecloyacosta5934
    @jecloyacosta5934 Před 2 dny

    Thank you for this 🙏🙏🙏

  • @biraj.x
    @biraj.x Před 2 dny

    Dear Sajid, what you are putting is a great content. Keep doing it.

  • @whengrapespop5728
    @whengrapespop5728 Před 2 dny

    My gosh, that opening statement about creativity is gold

  • @Slava-om1sz
    @Slava-om1sz Před 3 dny

    As a professional designer I can only say you spoke real value here. No bad advice to shoot down. On the contrary, I happen to have learned a thing or two. Didn't know that about dynamic typography syntax with slash. I use rem and vw occasionally. And usually implement 2 sets of headings, wich switch based on a breakpont for mobile. But have no idea how this / magic works Thanks for sharing brother

  • @danielmataya460
    @danielmataya460 Před 3 dny

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

  • @timfowkes
    @timfowkes Před 3 dny

    It's all about context. Just because a website is not "beautiful" does not mean that visual improvements cannot make a difference. Many of the examples you provided that are the "best" websites are based on traffic, much of this is out of necessity or a service they provide that drives them there. Chase? I need to bank, it's not a convenience or pleasure, it's a necessity. I've worked on 100MM+ revenue websites and $0 websites, functionality is key but that does not mean that it needs to look like garbage. Stop spreading this ignorant train of thought. Can an ugly website generate revenue, yes. Can a beautiful website generate revenue, yes.

  • @abdalrhmanabdalrhman5278

    Thats video is PERFECT! Thank you Subscrbe :>

  • @louismax666
    @louismax666 Před 3 dny

    0:46 "Look at the BEST websites in the world they serve a PURPOSE" #4#8#14#20 : you guys have purpose ?

  • @arhabersham
    @arhabersham Před 3 dny

    Great video

  • @mjunior1413
    @mjunior1413 Před 3 dny

    Is it okay if I have to Google everything 😓

    • @whosajid
      @whosajid Před 2 dny

      Google, CZcams, AI whatever gets the job done.

  • @trash5707
    @trash5707 Před 4 dny

    This title is making the wrong users watch your video and you are advised to change it immediately.

  • @ChewwwyIsLazy
    @ChewwwyIsLazy Před 4 dny

    THANK YOU FOR THIS VERY USEFUL VIDEO!!!

  • @jenex5608
    @jenex5608 Před 4 dny

    Idk man this is how I became a web developer

  • @CrazyGamer-tm2jj
    @CrazyGamer-tm2jj Před 4 dny

    I'd like to download your knowledge like a computer does.

  • @davida8216
    @davida8216 Před 4 dny

    You’ve opened my eyes. Thanks

  • @igwefrancis2324
    @igwefrancis2324 Před 4 dny

    Golden

  • @har0111890011
    @har0111890011 Před 4 dny

    Your videos are eye opening. May God reward you brother ❤

  • @bilalghouri2322
    @bilalghouri2322 Před 4 dny

    good video. subbed.

  • @kaz4696
    @kaz4696 Před 4 dny

    your ending steps on the design process is immaculate and should be used on every tutorial. Stress and being too in love with your work will make things harder. Design takes time, a lot of time and should not be rushed.

  • @captaincode4380
    @captaincode4380 Před 4 dny

    Very good, you learn me a lot

  • @captaincode4380
    @captaincode4380 Před 4 dny

    thanks

  • @benztagle4993
    @benztagle4993 Před 4 dny

    Awesome video brother. Keep it up!

  • @jesse_o_tokyo9605
    @jesse_o_tokyo9605 Před 5 dny

    5:19

  • @seyproductions
    @seyproductions Před 5 dny

    You won't believe how many times I re-watched this video.

  • @stroodlepup
    @stroodlepup Před 5 dny

    Ah yes, the pavlov enjoyer

  • @josephifettuccine7936

    So basically, if you want to be a developer of any kind; you need to think like an engineer. Replacing a car part doesn't teach you to be a mechanic. But, tearing apart lawn mower engines and turning them into gas-powered bicycles can get you started on the fundamentals.

    • @whosajid
      @whosajid Před 5 dny

      Kinda. Think of it like this: if you want to be a mechanic, you can't become one by watching videos, instead you need to get your hands dirty and fix something/solve a real problem.

  • @FaisalAhmad-dl1eg
    @FaisalAhmad-dl1eg Před 5 dny

    I never think that a video like this I will found outside university. Love for you. Keep rocking 😉

  • @ShortsClipFun
    @ShortsClipFun Před 5 dny

    so much tought in here. thanks for sharing man, God bless you !

  • @_GhostMiner
    @_GhostMiner Před 5 dny

    "Websites are madey to be simple" What about steam's horrible design?

  • @franexmo81-
    @franexmo81- Před 5 dny

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