- Видео 11
- Просмотров 32 196
Lopiacode
Добавлен 8 апр 2021
LopiaCode is a channel for learning Web Design, Vanilla Javascript tricks, CSS Effects, News about these and Much More!
Custom Progress Bar | How To Create Progress Bar In Any Shape CSS
This video learn you how to create a Custom shape progress bar using #css and #svg with a simple SVG CSS trick
you can make any progress bar shape you want just use this simple tutorial like zigzag shape heart shape or anything this is SVG power :D
Source Code: github.com/lopiacode/custom-shape-progress-bar
Thank You For Watching
Subscribe For More!
Follow us on social media:
Instagram: lopiacode
Twitter: lopiacode
Telegram: t.me/lopiacode
Github: github.com/lopiacode
RUclips: ruclips.net/channel/UC1nXkns32_VVlShzHq1Orhw
-----------------------------------------
Song: Roa - Moonlight
Music provided by Vlog No Copyright Music.
Creative Commons - Attribution 3.0 Unported
Video Li...
you can make any progress bar shape you want just use this simple tutorial like zigzag shape heart shape or anything this is SVG power :D
Source Code: github.com/lopiacode/custom-shape-progress-bar
Thank You For Watching
Subscribe For More!
Follow us on social media:
Instagram: lopiacode
Twitter: lopiacode
Telegram: t.me/lopiacode
Github: github.com/lopiacode
RUclips: ruclips.net/channel/UC1nXkns32_VVlShzHq1Orhw
-----------------------------------------
Song: Roa - Moonlight
Music provided by Vlog No Copyright Music.
Creative Commons - Attribution 3.0 Unported
Video Li...
Просмотров: 1 234
Видео
How To Make Loading Bar Using HTML | CSS Only
Просмотров 1082 года назад
Simple and easy star/snow Loading bar using only #html and #css in 4 minute use CSS #keyframes and CSS animations Source Code: github.com/lopiacode/loading-bar Thank You For Watching Subscribe For More! Follow us on social media: Instagram: lopiacode Twitter: lopiacode Telegram: t.me/lopiacode Github: github.com/lopiacode RUclips: ruclips.net/channel/UC1nXkns32_VVlShzH...
Multiple Info Card Design Using CSS & Javascript | Radial Menu Items
Просмотров 732 года назад
Multiple info card design and welcome page to start app design using #css and #javascript with radial and circular link items Thank you for watching :D Subscribe for more! Source Code: github.com/lopiacode/multiple-info-card ✔ code editor: Vscode Tokyo Night Theme ✔ extensions: live server, emmet Follow us on social media: Instagram: lopiacode Twitter: lopiacode Telegr...
Info Card Menu Ui Design Using Figma | Radial Menu Items With Smart Animations
Просмотров 1702 года назад
Amazing Radial info card menu UI/UX design using Figma and smart animations feature Code this design using HTML & CSS: ruclips.net/video/WTCK891d5Nw/видео.html Thank you for watching. Subscribe for more! ✔ Software: Figma ✔ Plugins: iconify Follow us on social media: Instagram: lopiacode Twitter: lopiacode Telegram: t.me/lopiacode Github: github.com/lopiacode RUclips: ...
How To Create Audio Visualizer In Html And Javascript | JS Trick
Просмотров 15 тыс.3 года назад
make an amazing visualizer with pure javascript audio api Thank you for watching Subscribe for more!!! source code: github.com/lopiacode/audio-visualizer ✔ code editor: Vscode Tokyo Night Theme ✔ extensions: live server, emmet Song: Norimaki - Forever Link: ruclips.net/video/wfV6f-v64uE/видео.html Music promoted by FreeMusicWave.
Create Simple Amazing Login Form In HTML And CSS | Make Sign In Form Design
Просмотров 1203 года назад
learn how to make a login form design in HTML and CSS subscribe for more!!! ✔ code editor: Vscode Tokyo Night Theme ✔ extensions: live server, emmet Track: Together - Next Route [Audio Library Release] Music provided by Audio Library Plus Watch: ruclips.net/video/7x_TFVcsAR4/видео.html Free Download / Stream: alplus.io/together
Coding aa game in HTML5
Просмотров 2353 года назад
- code editor: vscode drakula soft theme - extensions: live server, emmet create aa game in html5 canvas element with javascript Song: Fredji - Happy Life (Vlog No Copyright Music)Music provided by Vlog No Copyright Music.Video Link: ruclips.net/video/KzQiRABVARk/видео.html
Inverted border radius | css trick
Просмотров 12 тыс.3 года назад
- code editor: vscode drakula soft theme - extensions: live server, emmet create reverse border radius with pure css without using svg source code: github.com/lopiacode/inverted-border-radius Song: Niwel - Bad Love (Instrumental) (Vlog No Copyright Music) Music provided by Vlog No Copyright Music. Video Link: ruclips.net/video/-aBAojWIRac/видео.html
Play music with circular progress bar & Read lyric file without javascript library
Просмотров 2,5 тыс.3 года назад
- code editor: vscode drakula soft theme - extensions: live server, emmet coding a play music page with lyric that read from lrc file using #html #css #js Source Code: github.com/lopiacode/progress-lyric-music-play Song: Erik Lund - Summertime (Vlog No Copyright Music) Music promoted by Vlog No Copyright Music. Video Link: ruclips.net/video/E338aF6QHu8/видео.html Take You There (feat. Ria Choon...
Tqs man , I was searching this
Is it possible to file LRC from the database and is it possible if the time for the lyrics to appear is not set
this is what i was looking for from about 1 and a half month
Sorry but the code doesn't work, why?
so cool, but how can I play other music ?
I doubt your still checking this video but in the case that you or someone else sees this, I continue running into the issue of my audio not playing. Everything else works as it should, the play button looks the same and changes to its "Playing" mode, but there's just no audio. Any ideas what it could be? Edit: After playing around with the console a bit, I've found that the error I keep running into is a CORS issue, Chorme doesn't see clicking on the button as proper interaction with the site and therefore doesn't allow the audio to start because of the audio playing restrictions.
i am having the same issue
@@diteos3158 same here guys, what is the issue
Great video, tweaked it to my need. Thank you
please tell me
dude how did u make this video ? what extension did u use?
This is just a custom html page that I create to record shorts not an extension or a program
this is so cool man
Bro lyric dont show please tell
Some lrc files may have other characters in them that my split code did not include them in this video, look inside your lrc file and look what is different. Thanks for watching :]
Sorry but the code doesn't work, why?
Thanks
عاااش
WOW!!!
Well done mate! ✔️👏
where source code
Thanks! can we get the source code somewhere?
Me i do, php js css html and mysql
Bro please can I get source code
hi, could you send me the figma file of this project? thanks
Yes of course: figma.com/community/file/1087833036143277537
Wonderful ✨🤔😲
useful
nice
good luck boy!💚
best videos 1.3k
woooooooooooooooooooooooooooowwwwww
Can you help me please
happy 1.2k view😅😁🤓👌👌👌👌👌👌❤❤❤❤👌🏻👌🏻👌🏻
nice
like
omg😯😯😯
wow
best
very good
nice
good
best
Sorry for the slow speed, new videos are better😅
😮🎉
😂👌👌
Source Code Added: github.com/lopiacode/multiple-info-card Also, Watch This Page Ui Design In Figma: ruclips.net/video/FcnxIEzP4ic/видео.html Thank You For Watching Don't forget to like and subscribe :D
Wow nice work! thankyou for this
To last forever, forever, forever + 💯💯👍
Very good tricks, i like this video format, i hope to see news tricks on this channel. Thank you.
nice but a little useless if we cant see de direct code
Can you send me the code?
Lovely 😁
Can you help me please
nice
amazinge😍😍😍😍😍😍😍
wow
👏👏👏👏👏👏