Create a Custom Toggle Switch with Pure CSS from Scratch

Create a Custom Toggle Switch with Pure CSS from Scratch

DesignCourse

5 лет назад

24,202 Просмотров

Ссылки и html тэги не поддерживаются


Комментарии:

@DesignCourse
@DesignCourse - 21.08.2018 17:35

Smash that Subscribe! -- My answer for today's question: I remember it vividly, strangely enough being that I'm 35.. I remember going to a friend's house and he had a computer with Doom and AOL. I was amazed. I went home, found an ad from one of the local electronics store and asked for a PC. We weren't rich, but I was insistent and they got me one. Of course, I began gaming and playing Doom/Doom 2, but I really wanted to make my own levels and doom characters. I guess you can say that was my first experience actually creating something on the PC. From there, I got into coding, design, etc..

Ответить
@brightcore4217
@brightcore4217 - 15.11.2021 23:11

Hey, may I please know which software do you use to record your screen and yourself together? Is it just one software? I like that you integrate seamlessly with the screen, no circle or anything, the background is transparent -- I like that. I might create dev tutorials and gaming walkthroughs on my channel and so looking for a nice screen/camera recording application that works on a mac. Thanks.

Ответить
@motiurrahmanbappy6136
@motiurrahmanbappy6136 - 10.01.2021 16:04

I was 8

Ответить
@rottensleves9107
@rottensleves9107 - 18.03.2020 14:40

16 yr , I know its shocking

Ответить
@HellsaSan
@HellsaSan - 29.01.2020 18:30

Thanks for the lesson, I tried and got everything works!
I was a lucky child and had my first pc when i was 4y.o) got my first bruteforced password around this time

Ответить
@saymasayeed4860
@saymasayeed4860 - 16.01.2020 14:01

How to retrieve data from firebase using slider switch in HTML?

Ответить
@rakib417
@rakib417 - 22.09.2019 18:16

Hello.
can u explain what use +
u use + like
input:checked + .slider { place explain this.. }

Ответить
@abhihpes
@abhihpes - 16.09.2018 22:02

14

Ответить
@encrencielstudio1904
@encrencielstudio1904 - 12.09.2018 09:04

How do you refresh the browser that fast while writing in the ide? Obviously if you press refresh it won’t affect the browser so how is that done?

Ответить
@ayushtripathi429
@ayushtripathi429 - 09.09.2018 07:35

At the age of 9.
The first thing learnt was installing a game.

Ответить
@hunglekim8279
@hunglekim8279 - 04.09.2018 18:07

oh yeah!

Ответить
@porlatarde3911
@porlatarde3911 - 30.08.2018 21:33

Instead of justify-items and align-items, you can also use place-items: center and it'll behave the same way.

Ответить
@ramdwarikachaudhary885
@ramdwarikachaudhary885 - 29.08.2018 10:26

When I was 15, I touched computer but after 18 I started using my own computer.

Ответить
@adnanamin3666
@adnanamin3666 - 27.08.2018 06:36

I was like 10 or 11 years old boy when I got my first hand on my own computer! Used to play games and watch movies etc. But now, trying to learn web programming and on it...

Ответить
@maksymiliank5135
@maksymiliank5135 - 27.08.2018 01:10

I really don't like the use of empty span for styling the "halfcircle". Is there a way to get rid of this markup? I searched the internet and found appearance property, and if you set it to none in input[type=checkbox] selector it will clear the default style. after that you can style the label element as a containter (<label>option-name<input type=checkbox></lebel>) and use :before/:after pseudo class to style the halfcircle. Is there any downside to my solution and is appearance property fully supported?

Ответить
@Christian-lg7uu
@Christian-lg7uu - 26.08.2018 21:40

Is there’s a way to find the source code for this video ?

Ответить
@educaravaggio
@educaravaggio - 25.08.2018 12:07

Thanks Gary, I like your take on designing. I’ve learned a lot from your videos. I don’t understand why you used sass this time instead of plain css.

Ответить
@medoalani8648
@medoalani8648 - 24.08.2018 03:18

your videos are simple , elegant and useful, thank you and wish you the best :)

Ответить
@mammlouk
@mammlouk - 23.08.2018 22:04

Thanks for another great video. I always appreciate your videos on tools, design, and pure code techniques. I understand that there's an audience looking for framework and library videos. Gotta keep the content flowing and the bills paid. There is definitely a place for libraries and frameworks, but usually that place is not in my projects. Mostly it comes down to code accountability and verification. We have strict requirements in my field.

I am curious about the inclusion/use of sass in this video. I didn't notice anything that required it. Am I missing something?

Ответить
@prashantchaudhari6183
@prashantchaudhari6183 - 23.08.2018 08:02

You don't need to manually resize the window and place it to other side. You can do " windows(key) + arrow-keys " to snap the window to particular side.

Ответить
@mdwebdevelopment7499
@mdwebdevelopment7499 - 23.08.2018 06:59

I was 9 years old when I got my Pentium 3 CPU and I used to play games on it. I started to code 1 year from know.

Ответить
@HEKuiper
@HEKuiper - 22.08.2018 22:18

How short-sighted can we be... My first computers included: TRS-80 from the Model II through the CoCo, a C-64 and a C-64+4, various Apples and Macs, an Amiga 1000, 2000 & 2500. Currently, I have 2 MacBook Pros and a Mac Mini Server.

Ответить
@heynaveeen
@heynaveeen - 22.08.2018 21:56

I was 8 yrs when I first got my pc which have Intel atom lol

Ответить
@danielstoicamusic
@danielstoicamusic - 22.08.2018 21:26

I would have appreciated actual explanations about how this was built and how it works, but hey, "do this and that" is also fine.

Ответить
@keep_it_simple_shorts
@keep_it_simple_shorts - 22.08.2018 18:36

I'm 20 years old and i got first pc in 18.

Ответить
@uffecarlsson4509
@uffecarlsson4509 - 22.08.2018 12:56

Great tutorial, once again.. I will use these :-)

Ответить
@manoj1505
@manoj1505 - 22.08.2018 10:39

I was 15 when I got my first laptop, and I'm 22 rn. Not long but yes, got into programming and Linux stuff at the age of 16 and half. :)

Ответить
@JohnPKusumi
@JohnPKusumi - 22.08.2018 08:47

You still didn't answer the question. I acquired my first computer at age 12.

Ответить
@parasarora5869
@parasarora5869 - 22.08.2018 07:40

sir...i was 17yr old. I used to play games in it. But now I have bought a new one. This time for web development. I used to hate studying computer since my 6th class. But now I feel amazing when I create things using web development skills😋

Ответить
@kenthefley2226
@kenthefley2226 - 22.08.2018 06:17

I was 11. My dad bought me an IBM PC Jr.

Ответить
@Peggysue_zSut
@Peggysue_zSut - 22.08.2018 05:25

Awwnnn. I got my first PC when i was 16yrs Old. Started Web Development 4years Ago :coverface: :)

Ответить
@SimonDaviesOfCourse
@SimonDaviesOfCourse - 21.08.2018 22:59

i was around 13 when i got a Spectrum 48k then I boosted it to a Specktrum Plus, but i truly started programming when I got an Acorn Electron :-)

Ответить
@remkospaans
@remkospaans - 21.08.2018 22:48

My first computer was not a PC but a Commodore 64. And then I thought I was between 10 and 12 years old.

Ответить
@afrodiameter
@afrodiameter - 21.08.2018 22:40

I was 12 yrs old when I started using a PC. It was s TI-99 from Texas Instruments. Old School.

Ответить
@princedeepak9593
@princedeepak9593 - 21.08.2018 22:28

Hi, i started 11 years before. started playing games in windows7

Ответить
@rutpshah
@rutpshah - 21.08.2018 22:17

It would be great if you can explain the thought process and css properties in detail.

Ответить
@mohananagavenkatsayempu9145
@mohananagavenkatsayempu9145 - 21.08.2018 21:53

16 years old and now I am 20

Ответить
@OthmanLbanouzi
@OthmanLbanouzi - 21.08.2018 21:10

i remember using windows 98 when it comes with P II 233Mhz computer.
btw cool stuffs in this tutorial i like the way you did the rotation of the disc in the radio

Ответить
@Alessandro-nq3tm
@Alessandro-nq3tm - 21.08.2018 21:02

Wow amazing , really thank you! I've started at 6 yo with Windows 98!

Ответить
@muhammadusman7217
@muhammadusman7217 - 21.08.2018 20:43

Wow 😃 that was so cool 👍🏻

Ответить
@muhammadhamzaasif2128
@muhammadhamzaasif2128 - 21.08.2018 20:38

I was 19 years when i bought my first laptop.

Ответить
@muhammadusman7217
@muhammadusman7217 - 21.08.2018 20:28

I was 12 years old when my dad bought me a pentium 4 computer.

Ответить
@blunderfoxbeta
@blunderfoxbeta - 21.08.2018 20:27

10 years old

Ответить
@theo4658
@theo4658 - 21.08.2018 20:13

i would say around 6-7. It was my aunt's windows 95 PC. I spent so much time drawing shit with paint ahah.

Ответить
@harshitpant3067
@harshitpant3067 - 21.08.2018 20:11

BTW where I can find the code used in the video?

Ответить