Мазмұны:
- 1 -қадам: қалам жасаңыз
- 2 -қадам: Сілтемелерді қосыңыз
- 3 -қадам: код
- 4 -қадам: бұл кодты сіздің қажеттіліктеріңізге сәйкес өзгерту
- 5 -қадам: демо
Бейне: Веб -бетке алмасу буферіне көшіру: 5 қадам (суреттермен)
2024 Автор: John Day | [email protected]. Соңғы өзгертілген: 2024-01-30 10:25
Бұл қарапайым болып көрінуі мүмкін, мен оны Instructables -ге қою үшін ақымақ сияқты көрінуім мүмкін, бірақ іс жүзінде бұл оңай емес. CSS, Jquery, HTML, кейбір қызықты JavaScript бар, және жақсы, білесіз бе.
1 -қадам: қалам жасаңыз
Codepen деп аталатын керемет сайт бар. Бұрын тек HTML -де кодтау үшін, мен керек едім
- File Explorer бағдарламасын іске қосыңыз.
- Менің құжаттарыма өтіңіз.
- Txt файлын жасаңыз.
- Бұл файлды «MyHTMLDoc.html» деп өзгертіңіз.
- Ескерту тілқатысу терезесіне OK түймесін басыңыз.
- File Explorer жабыңыз.
- Visual Studio ашыңыз, ол бес минутты алады.
- Файлды Visual Studio -да ашыңыз, оған тағы бес минут кетеді. VS өте баяу.
- Бастау.
- Мен аяқтаған кезде, мен өз жұмысымды көру үшін Edge файлын ашуым керек.
Енді сізге бар болғаны
- Edge іске қосыңыз.
- Https://www.codepen.io сайтына өтіңіз.
- Жоғарғы оң жақ бұрышта жаңа қалам түймесін басыңыз.
- Кодтауды бастау.
Қараңызшы, бұл қаншалықты оңай? JS, CSS және HTML -ді тиісті өрістерге енгізіңіз. Нәтижелер автоматты түрде оң жақта көрсетіледі.
Шындығында, Codepen әлдеқайда жақсы, мен сізге дәл қазір есептік жазбаңызды құруға кеңес беремін. Ия, мен жарнама болуды жек көремін, бірақ мен оған көмектесе алмаймын. Бұл әлдеқайда жақсы, мен ештеңе жасай алмаймын.
Немесе, егер сіз есептік жазба жасағыңыз келмесе, сіз қаламсыз қалам жасай аласыз. Сіз қаламыңызды «Анонимді капитан» пайдаланушы атымен сақтай аласыз.
2 -қадам: Сілтемелерді қосыңыз
Біз Jquery -ді қолданатын боламыз және «Balloon.css» деп аталатын бұл (шынымен) керемет нәрсе, біз алдымен сілтемелерді қосуымыз керек. Егер сіз жаңадан болсаңыз, мен мұны Codepen -де қалай жасау керектігін айтамын.
- Параметрлер түймесін басыңыз.
- Сілтеме стиль кестесі немесе сценарий екеніне байланысты CSS немесе Javascript таңдаңыз.
- Сыртқы қосу (Javascript немесе CSS) астына сілтемелерді қосыңыз.
Қосу:
бла бла бла: БЛААААААА !!!!
Енді оны алып тастап, Jquery және Balloon.css үшін сүйікті CDN -ге сілтеме жасайтын HTML тегін қойыңыз.
3 -қадам: код
Төменде осы кодты қосыңыз.
codepen.io/slate-coding/pen/oepQpX
Кодты қаламға көшіру/қою.
4 -қадам: бұл кодты сіздің қажеттіліктеріңізге сәйкес өзгерту
Сіз қаламмен қалауыңызша айналдыра аласыз, содан кейін кодты қалаған жерге көшіріңіз.
5 -қадам: демо
codepen.io/alexvgs/pen/oepQpX
Ұсынылған:
Мәтіндік хабар алмасу калькуляторы: 6 қадам
Мәтіндік хабар алмасу калькуляторы: енді өнім! http://www.rubydevices.com.au/productSelect/RubyCalculator Электр техникасы бойынша магистр дәрежесін алу үшін біраз еңбек қажет болды. Бұл бес жылдық ұзақ жол болды, ол маған ұнады. 2015 жылдың соңында мен университетті бітірдім
Жылу алмасу желдеткішінің термостатты басқаруы: 7 қадам (суреттермен)
Жылу алмастырғыш желдеткішті термостат арқылы басқару: Барлығына сәлем, осы нұсқаулықта мен сізге арзан термостат модулінің көмегімен жылу алмастырғыш желдеткішті қалай автоматтандыру керектігін көрсетемін. Сіз не істеп жатқаныңызға сенімді емеспін, тырыспаңыз
Микро: «Мәтіндік хабар алмасу» қуыршақ!: 5 қадам (суреттермен)
Микро: Қуыршақ «Мәтіндік хабар алмасу»!: Біздің сымсыз байланысымыздың барлығы дерлік телефон қоңырауларын, мәтіндік хабарларды және WiFi -ді қосқанда радио толқындарының көмегімен жүзеге асады*. Кіріктірілген радио таратқыштар мен қабылдағыштармен Micro: Bit микроконтроллері әр түрлі жобаларды құруды жеңілдетеді
Үйге ескерту: үлкен дисплейде Arduino + бұлтты хабар алмасу: 14 қадам (суреттермен)
Негізгі ескерту: Үлкен дисплейде Arduino + бұлтты хабар алмасу: Ұялы телефондар заманында адамдар сіздің қоңырауыңызға тәулік бойы жауап береді деп күтуге болады. Немесе … жоқ Әйелім үйге келген соң, телефон сөмкесінде қалады немесе батареясы бітіп қалады. Бізде жер сызығы жоқ. Қоңырау шалу немесе
Йокозуна ниндзяның әділдік тұтқасы (камералық көшіру штативі адаптері): 5 қадам (суреттермен)
Йокозуна ниндзяның әділдік ұстанымы (штативті адаптердің камералық көшірмесі): ниндзялы кранды камераны орнатумен шатастырмау үшін, камераны көшіру үшін штативті пайдалану үшін осы ыңғайлы адаптерді жасаңыз. *Қоқыс */ заттар сияқты тегіс болуы керек заттарды суретке түсіргенде, сіз eb@y -де сатуға қажет заттарды алғыңыз келеді