Home
Search results β€œCss app icon style”
How To Add Social Media Icons Without Images - Font Awesome icon css hover effect - SUBSCRIBE Us
 
12:14
My Amazon Shop link : https://www.amazon.in/shop/onlinetutorials Please LIKE our NEW Facebook page for daily updates... https://www.facebook.com/Online-Tutorial-Html-Css-JQuery-Photoshop-1807958766120070/
Views: 73609 Online Tutorials
SVG Icons Animation - HTML CSS Tutorial
 
09:56
How to design icons in Sketch app and how to make an animation using Flinto and how to convert the animation to website design using HTML and CSS. Buy Me Some Broccoli: https://www.udemy.com/user/angga-risky/ My Weapons: https://www.youtube.com/watch?v=1_CTow88_Ds My Works: dribbble.com/anggarisky behance.net/anggarisky Connect Me: fb.com/anggariskycom instagram.com/panday1n
Views: 37459 Angga Risky
Android Calculator app icon using HTML and CSS - Flat Icons - Android Icons Design - Icons design
 
10:17
Android Icons Design -- Check out how to create the Android Calculator app icon using HTML and CSS ___ For code visit the below link, https://codepen.io/cool_lazyboy/pen/JOwNMr ___ ___ Related Videos on UI Card Design and Profile Card Design, https://www.youtube.com/watch?v=SbHZjkpMBjk&list=PLV4YoUAVxWRcaXpaz94sdJQlWueE_cP46 Related videos on Icon Hover Effects, https://www.youtube.com/watch?v=SbJ5eJGCB64&list=PLV4YoUAVxWRcAvnnUDeC2VVG7SUJSLKtU Related videos on Hamburger Button Effects, https://www.youtube.com/watch?v=p6Jy33mn7ZM&list=PLV4YoUAVxWRfw-MRkz99Kiv_5zARdUMCg Related videos on Button Hover and Button Animation Effects, https://www.youtube.com/watch?v=9xrhlJ5kkXM&list=PLV4YoUAVxWRcQptrisne2Z1-oNiPB1Y29 ___ ___ Font Awesome CDN code, https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css Social Icons, http://fontawesome.io/ ___ ___ Comment below for any feedbacks or queries or feel free to email me at [email protected] ___ If you like this video, please subscribe to my channel. Thank you
Views: 131 Coding Market
UI Design Tutorial - Flat Icons | HTML CSS Speed Coding
 
16:01
In this UI Design tutorial you will learn to design Flat Icons using HTML & CSS. Book for HTML and CSS: Design and Build Websites http://amzn.to/2gWk34H ----------------------------------------------------------------------------------------- Other tutorials ----------------------------------------------------------------------------------------- Fitness Tracking App UI Design https://youtu.be/_zMOFr4oDpE Movie App UI Design https://www.youtube.com/watch?v=--C6sD4LGI0 Product Card UI Design https://www.youtube.com/watch?v=jYAmKNOJ4Ck Music Player UI Design https://www.youtube.com/watch?v=ExnD_KV5q5g Product Card Photoshop Design https://www.youtube.com/watch?v=hAUEfysh8mE Travel Card UI Design https://www.youtube.com/watch?v=MTVSMnl2-qI Analog Clock UI Design https://www.youtube.com/watch?v=GfbuVM5neds Location Tracker UI Design https://www.youtube.com/watch?v=2CHQtwyBmqo ----------------------------------------------------------------------------------------- Like us on facebook https://www.facebook.com/codefrogshow Follow us on Twitter https://twitter.com/CodeFrogShow Patreon https://www.patreon.com/codefrogshow Source Code Codepen: http://codepen.io/CodeFrogShow/pen/KazBNN GitHub: https://github.com/CodeFrogShow/UI-Design-Flat-Icons Music Credits Song: Elektronomia - Sky High [NCS Release] Music provided by NoCopyrightSounds. Video Link: https://youtu.be/TW9d8vYrVFQ Download Link: https://NCS.lnk.to/SkyHigh
Views: 3895 CodeFrog
Top 10 CSS Effects
 
02:47
Our Android App for SOURCE CODE : https://play.google.com/store/apps/details?id=com.mtz.onlinetutorials ------------------------ Please LIKE our Facebook page for daily updates... https://www.facebook.com/Online-Tutorial-Html-Css-JQuery-Photoshop-1807958766120070/ Also Watch : Top 10 Stunning CSS Effects https://www.youtube.com/watch?v=KYOYVZcZYAI ----------------- Also Watch : Top 5 Stunning CSS Effects https://www.youtube.com/watch?v=94fkYwohMZE ----------------- All Video URL Shining Text Animation Effects | Html CSS tutorial https://www.youtube.com/watch?v=C8paSmVFsVE CSS Creative Menu Hover Effects https://www.youtube.com/watch?v=TcPYVqHAHNQ Glowing Gradient Loader Ring Animation Effects https://www.youtube.com/watch?v=jThaNv8pKDQ CSS Ghost Text Hover Effects https://www.youtube.com/watch?v=9F6eIuG-ChU Move Background Image On Scroll https://www.youtube.com/watch?v=K8v5ycE262s CSS layerd Image Hover Effects with Mockup in iPhone https://www.youtube.com/watch?v=mDqWTHelnLQ Pure CSS Animated Wavy Background https://www.youtube.com/watch?v=l5PkvXb3LeU CSS 3D Layered Social Media Icon Hover Effects https://www.youtube.com/watch?v=AEb_NhCHo9E Glowing Checkbox Design With Icon https://www.youtube.com/watch?v=kLfSg5eX6UE Pure CSS Sticky Section Scrolling Effects https://www.youtube.com/watch?v=yk57cgZLWRo -------------------------- Music Credit Track: Tobu - Roots [NCS Release] Music provided by NoCopyrightSounds. https://www.youtube.com/watch?v=7wNb0pHyGuI
Views: 380495 Online Tutorials
UI Design Tutorial - Weather App | HTML CSS Speed Coding
 
19:21
In this UI Design tutorial you will learn to design Weather App using HTML & CSS. Book for HTML and CSS: Design and Build Websites http://amzn.to/2gWk34H ----------------------------------------------------------------------------------------- Other tutorials ----------------------------------------------------------------------------------------- Live Score Card https://youtu.be/HIf7b8Rb6zc Fitness Tracking App UI Design https://youtu.be/_zMOFr4oDpE Movie App UI Design https://youtu.be/--C6sD4LGI0 Product Card UI Design https://www.youtube.com/watch?v=jYAmKNOJ4Ck Music Player UI Design https://www.youtube.com/watch?v=ExnD_KV5q5g Product Card Photoshop Design https://www.youtube.com/watch?v=hAUEfysh8mE Travel Card UI Design https://www.youtube.com/watch?v=MTVSMnl2-qI Analog Clock UI Design https://www.youtube.com/watch?v=GfbuVM5neds Flat Icons UI Design https://www.youtube.com/watch?v=ENuxdrzIuUc Location Tracker UI Design https://www.youtube.com/watch?v=2CHQtwyBmqo ----------------------------------------------------------------------------------------- Fonts used http://www.1001fonts.com/roboto-font.html Fonts used for icons http://fontawesome.io/ Font used for weather icons https://erikflowers.github.io/weather-icons/ Source Code CodePen: https://codepen.io/CodeFrogShow/pen/zzEXYX GitHub: https://github.com/CodeFrogShow/UI-Design-Weather-App Like us on facebook https://www.facebook.com/codefrogshow Follow us on Twitter https://twitter.com/CodeFrogShow Patreon https://www.patreon.com/codefrogshow Music Credit Song: Elektronomia & JJD - Free [NCS Release] Music provided by NoCopyrightSounds. Video: https://youtu.be/9Va88Kt0NN0
Views: 8065 CodeFrog
Social Media UI Design With Transforming Toggle Icon - Html CSS User Interface Design Tutorial
 
19:12
Please LIKE our Facebook page for daily updates... https://www.facebook.com/Online-Tutorial-Html-Css-JQuery-Photoshop-1807958766120070/ Track: Cadmium - Melody (feat. Jon Becker) Link: https://youtu.be/9MiFRbymQXQ
Views: 6677 Online Tutorials
Glowing Gradient Icon Hover Effects | Html CSS and Fontawesome Icon
 
06:32
My Amazon Shop link : https://www.amazon.in/shop/onlinetutorials ------------------------ Please LIKE our Facebook page for daily updates... https://www.facebook.com/Online-Tutorial-Html-Css-JQuery-Photoshop-1807958766120070/ ------------------------ Track: Jordan Schor & Harley Bird - Home [NCS Release] Music provided by NoCopyrightSounds. Watch: https://youtu.be/KmwpogFtb4Q Free Download / Stream: http://ncs.io/HomeYO
Views: 23223 Online Tutorials
Thermometer Icon Animation CSS | CSS Icons | CSS Animation Tutorials.
 
06:04
In today's video, I will be making yet another CSS animation but with Icons. _ πŸ”₯My InstagramπŸ”₯ https://www.instagram.com/learn.css _ πŸŽ₯Tools UsedπŸŽ₯ Sublime Text Editor. 'Browser Sync' Plugin for live coding. Showmore Screen Recorder. _ 🎡Music🎡 Bay Breeze by FortyThr33 https://soundcloud.com/fortythr33-43 Creative Commons β€” Attribution 3.0 Unportedβ€” CC BY 3.0 http://creativecommons.org/licenses/b... Music promoted by Audio Library https://youtu.be/XER8Zg0ExKU Intro Music: Song: MBB - Beach (Vlog No Copyright Music) Music provided by Vlog No Copyright Music. Video Link: https://youtu.be/bfjxyOtpvlA
Views: 363 Coding Artist
Notification Button UI Design With Cool Hover Effects Using Html And CSS - Pure CSS Tutorials
 
19:26
Please LIKE our Facebook page for daily updates... https://www.facebook.com/Online-Tutorial-Html-Css-JQuery-Photoshop-1807958766120070/ Music Name : Spring In My Step by Silent Partner from YouTube Audio Library Music URL : https://www.youtube.com/watch?v=siCmqvfw_1g
Views: 12293 Online Tutorials
How To Make Drop Down Menu Using HTML And CSS | HTML Website Tutorials
 
21:24
Learn How To Make Drop Down Menu Using HTML And CSS. HTML Website Development Tutorial for beginners. In this video you will learn to create Drop down menu in navigation bar with icons using HTML and CSS. #DropDownMenu #WebDevelopment #WebDesign #HTMLTutorials You may also like below tutorial to create Full website: Create Business Website Tutorial: https://youtu.be/99vHH_6F0Ko Create Fitness Website Tutorial: https://youtu.be/4bPABX-jOko Create Personal Resume Website: https://youtu.be/qCFN8EujbGI Digital Agency Website Tutorial: https://youtu.be/v0IgI8vYD_o Job Portal Website Tutorial: https://youtu.be/cHgx8a-eBDQ E-commerce Website Tutorial: https://www.youtube.com/playlist?list=PLjwm_8O3suyPMWITFTSRKQ5vlJJMJyCXV Join my channel membership and get all my new video's codes in community post: Join Link: https://www.youtube.com/channel/UCkjoHfkLEy7ZT4bA2myJ8xA/join ------------------------------------- Like - Follow & Subscribe us: β–Ί YouTube: https://goo.gl/tTFmPb β–Ί Facebook: https://goo.gl/qv7tEQ β–Ί Twitter: https://twitter.com/ItsAvinashKr
Views: 11964 Easy Tutorials
How To Make Message Box Using HTML And CSS | Messenger Design In HTML CSS
 
20:34
How To Create Message Box Using HTML and CSS - Messenger Design In HTML CSS - Chat App UI Design β–Ί Subscribe Us: https://goo.gl/tTFmPb In this video you will learn to create messenger chat box or message box design using HTML, CSS and Bootstrap. Like and share this video and subscribe channel to watch more website design tutorials. ------------------------------------- Watch more videos from my channel: 1. Create Website Team member in HTML & CSS https://youtu.be/cP9KxNqHrUY 2. Create Services section Using HTML and CSS https://youtu.be/twvWRXbj_qI 3. How to create Profile card in HTML and CSS https://youtu.be/nRrzonv1R5c 4. Create Contact Form Using HTML CSS PHP https://youtu.be/Iv93yjdvkWI 5. Make Image Gallery in Website using HTML and CSS https://youtu.be/C1B1Fx3XKOg 6. Create Login form in HTML and CSS https://youtu.be/OWNxUVnY3pg ------------------------------------ Images used from Pixabay Music provided by Frequency Track: Skylike - Collide Link: https://youtu.be/Y4Kzlkw5ta4 ------------------------------------- Like - Follow & Subscribe us: β–Ί YouTube: https://goo.gl/tTFmPb β–Ί Facebook: https://goo.gl/qv7tEQ β–Ί Twitter: https://twitter.com/ItsAvinashKr
Views: 12204 Easy Tutorials
UI Design Tutorial - Movie App | HTML CSS Speed Coding
 
25:36
In this UI Design tutorial you will learn to design Movie App using HTML & CSS. Book for HTML and CSS: Design and Build Websites http://amzn.to/2gWk34H ----------------------------------------------------------------------------------------- Other tutorials ----------------------------------------------------------------------------------------- Fitness Tracking App UI Design https://youtu.be/_zMOFr4oDpE Product Card UI Design https://www.youtube.com/watch?v=jYAmKNOJ4Ck Music Player UI Design https://www.youtube.com/watch?v=ExnD_KV5q5g Product Card Photoshop Design https://www.youtube.com/watch?v=hAUEfysh8mE Travel Card UI Design https://www.youtube.com/watch?v=MTVSMnl2-qI Analog Clock UI Design https://www.youtube.com/watch?v=GfbuVM5neds Flat Icons UI Design https://www.youtube.com/watch?v=ENuxdrzIuUc Location Tracker UI Design https://www.youtube.com/watch?v=2CHQtwyBmqo ----------------------------------------------------------------------------------------- Like us on facebook https://www.facebook.com/codefrogshow Follow us on Twitter https://twitter.com/CodeFrogShow Fonts used http://www.1001fonts.com/roboto-font.html Fonts used for icons http://fontawesome.io/ Patreon https://www.patreon.com/codefrogshow Source Code Codepen: http://codepen.io/CodeFrogShow/pen/KWzjrb GitHub: https://github.com/CodeFrogShow/UI-Design-Movie-App Music Credit Song: Vanze & Reunify - Angel (feat. Parker Polhill & Bibiane Z) [NCS Release] Music provided by NoCopyrightSounds. Video: https://youtu.be/A5UM2RCs63c Download: http://ncs.io/Angel
Views: 14009 CodeFrog
Hamburger Icon Animation | HTML & CSS
 
02:18
This Short Tutorial Shows How You Can Create Simple Hamburger Icon Animation By Only Using CSS Transition Properties. ---------------- Social Media ---------------- Personal Account : https://www.instagram.com/harrnish/ Facebook : https://www.facebook.com/codegridweb/ Instagram : https://www.instagram.com/codegridweb/ Twitter : https://twitter.com/codegridweb/ Thanks For Watching ! Music : $kyhook - Both Sides https://soundcloud.com/controlthesky/... Support $kyhook https://soundcloud.com/controlthesky https://twitter.com/Skyhookbeats https://www.facebook.com/controlthesk... https://www.instagram.com/skyhxxk/
Views: 20517 Codegrid
Online Tutorial for Glowing CheckBox Button Design With FontAwesome Icon in CSS With Demo
 
00:10
Free Demo And Download https://www.websitedesignndevelopment.com/2019/01/11/online-tutorial-for-glowing-checkbox-button-design-with-fontawesome-icon-in-css-with-demo-and-free-source-code-download/ Learn Anything from this channel Free Online Tutorials and Courses - Collection of Tutorials with examples for Web Design and Development, Mobile Application and Game Development (HTML, CSS, JavaScript, Java, jQuery, Ajax, XML, AngularJS, SVG, Programming, PHP, Bootstrap, jQueryMobile JSON, SQL, ASP, Node.js, Android, IOS and much more.) You can lean get online tutorials for Graphic Designing (Adobe Photoshop, Adobe Illustrator, Adobe After effect, 2D and 3D animation, Lightroom, InDesign, Experience Design, Adobe Premiere Pro, Project Felix, Dreamweaver, Adobe Muse, Acrobat Pro, Animate, Adobe Audition, Bridge, Character Animator (Beta), Media Encoder, Fuse (Beta), Flash Builder, InCopy, Prelude, Spark, Scout, SpeedGrade, Story Plus, PhoneGap Build, Creative Cloud, Gaming SDK, Extension Manager, ExtendScript Toolkit, InPage and others). You can download free theme and Plugin from this channel. Please share and subscribe Online Tutorials Channel.
Transparent Login Form with floating Placeholder Text - Pure CSS Label Slide Up on Focus - No jQuery
 
12:17
Our Android App for SOURCE CODE : https://play.google.com/store/apps/details?id=com.mtz.onlinetutorials ------------------------ Please LIKE our NEW Facebook page for daily updates... https://www.facebook.com/Online-Tutorial-Html-Css-JQuery-Photoshop-1807958766120070/
Views: 241726 Online Tutorials
Control Panel Icon Menu Configure Button Design CSS Graphics Tutorial
 
03:37
Lesson Code: http://www.developphp.com/video/CSS/Control-Panel-Icon-Menu-Configure-Button-Design-Tutorial Learn to use CSS alone to design control panel menu interfaces or configuration screen interfaces. This is in preparation of our next video tutorial for JavaScript and CSS programming fly out control panel windows in an animated fashion.
Views: 28587 Adam Khoury
CSS Icons | How to Use Google Icons and Font Awesome Icons in Hindi
 
09:13
Material Design - https://material.io/icons/ Font Awesome - https://fontawesome.com/ HTML Symbols - https://www.w3schools.com/html/html_symbols.asp Tags : html icons list , html icon code , how to use font awesome icons in html , html icon tag , css icons , bootstrap icons , bootstrap social icons w3schools , how to add icon in html title , css icons library , css icons list , html icons code , pure css icons , html icons list , font awesome icons , bootstrap icons , html icon tag , html icon code , css icon code , html icons list , html icon tag , font awesome icons , bootstrap icons , how to use font awesome icons in css , font awesome css
Views: 2628 Reecry
Isometric Social Media Icons|| CSS Icon Hover Effect || Coming Soon....
 
01:26
Isometric Social Media Icons|| CSS Icon Hover Effect || Coming Soon.... For hiring to develop App/Website call: +918879356390 __________________________________________________ Create Online Streaming Music App like gaana, saavn etc in Thunkable | Appybuilder | Droidmaker: https://youtu.be/psil4QVFS2Q Professional Sidebar With Colorful Icons Without Extensions || Droidmaker: https://youtu.be/4z7HwTXXGYw Create a App like Siri for Android in Thunkable|| AppyBuilder||Makeroid: https://youtu.be/F_RPkRIPTos Create Vidmate App without coding:https://youtu.be/H1i918LGsHo CSS Page Loader Coloured Circle:https://youtu.be/ryc1ORQnE-I _______________________________________________ Don't forget to Subscribe
Views: 16 GSS Infotech
Isometric Social Media Icons|| CSS Icon Hover Effect || Free Source Code
 
19:33
Isometric Social Media Icons|| CSS Icon Hover Effect || Free Source Code Source Code:http://shrinkearn.com/NVm5 For hiring to develop App/Website call: +918879356390 __________________________________________________ Create Online Streaming Music App like gaana, saavn etc in Thunkable | Appybuilder | Droidmaker: https://youtu.be/psil4QVFS2Q Professional Sidebar With Colorful Icons Without Extensions || Droidmaker: https://youtu.be/4z7HwTXXGYw Create a App like Siri for Android in Thunkable|| AppyBuilder||Makeroid: https://youtu.be/F_RPkRIPTos Create Vidmate App without coding:https://youtu.be/H1i918LGsHo CSS Page Loader Coloured Circle:https://youtu.be/ryc1ORQnE-I _______________________________________________ Don't forget to Subscribe
Views: 29 GSS Infotech
CSS Image Hover Effects | Html CSS Clip-path Hover Effect
 
04:35
Please LIKE our Facebook page for daily updates... https://www.facebook.com/Online-Tutorial-Html-Css-JQuery-Photoshop-1807958766120070/ Clip Path Maker Website Url : https://bennettfeely.com/clippy/ Android App : https://play.google.com/store/apps/details?id=com.mtz.onlinetutorials&hl=en Music Credit Track: Rival x Cadmium - Seasons (feat. Harley Bird) [NCS Release] Music provided by NoCopyrightSounds. Watch: https://youtu.be/Nl_4MWNh08I Free Download / Stream: http://ncs.io/SeasonsYO
Views: 4139 Online Tutorials
How to get Round screen like Samsung Galaxy S8
 
01:23
android round button android rounded corner button app icon ios appearance css appearance none apple app icon apple app icons apple design guidelines apple ios 9 font apple iphone font apple ui guidelines bootstrap cursor pointer class bootstrap form border bootstrap form control size bootstrap form control small bootstrap form control width bootstrap input height border corner border inner css border none css border radius border radius for safari border radius html border radius in safari border radius iphone border radius none border radius webkit border round border round css button border radius button ios button radius button round button rounded corners checkbox in ios checkbox ios checkbox style checkbox style css circle button ios color keyboard ios 9 css appearance css border corner css border inner css border rounded css button border css button rounded corners css checkbox background color css corner radius css curved border css curved corners css disable input css input border css input box css input button css input checkbox css input disabled css input style css input submit css input text style css input type button css iphone button css moz border radius css on off switch css remove border css reset html5 css round button css round corners css rounded border css rounded borders css rounded corners css rounded edges css style input css style input text css switch css switch button css webkit border radius css3 rounded corners curved border css custom button ios design apps for iphone design guide floating button ios font ios 9 font iphone 6 font size iphone form control feedback form control inline height iphone 6 height of iphone 6 height of iphone 6 plus hig ios how to design an app for iphone html checkbox css html checkbox style html input search html input type search html rounded corners html search input html switch button html5 input color html5 rounded corners html5 search html5 search box icon ios icon ios 9 icons on iphone 6 inline block bootstrap input border input box css input button css input button style input checkbox css input css style input ios input iphone input radius input search input style input style css input submit css input type button css input type date bootstrap input type html5 input type search input type search bootstrap ios 7 buttons ios 8 checkbox ios 9 background ios 9 color palette ios 9 colors ios 9 design ios 9 design guidelines ios 9 font ios 9 guide ios 9 guidelines ios 9 home screen layout ios 9 icons ios 9 interface ios 9 keyboard font ios 9 layout ios 9 san francisco font ios 9 size ios 9 specs ios 9 status bar ios 9 system font ios 9 typeface ios 9 ui ios app button ios app design guidelines ios app guidelines ios app icon ios app icon guidelines ios assets ios button ios button css ios button design ios button style ios checkbox ios checkbox button ios checkbox css ios circle button ios color palette ios colors ios corner radius ios custom button ios design guidelines ios font ios font list ios guidelines ios hig ios icon guidelines ios icon sizes ios input ios menu icon ios navigation bar ios radius ios round button ios rounded corners ios safari button style ios screen sizes ios status bar icons ios style css ios style guide ios system buttons ios toggle button ios ui ios ui design ios ui design patterns ios ui elements ios ui guidelines ios uibutton ipad app design ipad css ipad design apps ipad status bar iphone 4 buttons iphone 4 design iphone 6 app layout iphone 6 font iphone 6 height iphone 6 icon size iphone 6 icons iphone 6 pixel iphone 6 plus height iphone 6 plus screen size pixels iphone 6 status bar iphone app icon iphone app icon size iphone app size iphone button css iphone button style iphone circle button iphone font iphone font size iphone fonts style iphone icon size iphone input iphone interface iphone resolution iphone round button iphone size chart iphone status bar icons iphone toolbar iphone ui design moz appearance moz border radius new ios 9 font on off button css on off switch css outline border radius radius border radius iphone remove corners from mobile round border round border css round box round button round button android round button css round button ios round corners css rounded borders css rounded corner button rounded corner button android rounded corners rounded corners css rounded corners ios rounded edges css rounded rectangle button rounded rectangle css rounded search box rounded textbox css safari border safari border radius search button css search form html search input search type size of ios 9 style checkbox style checkbox css style input style input css style input text style switch swift round button switch button css switch css switch javascript toolbar ios type search type search term type to search ui design guidelines ui ios uibutton ios webkit appearance webkit border webkit border radius webkit radius webkit rounded corners
Views: 157 Abhinav Agarwal
How to Download and Use Font Awesome 5 Icons Offline in HTML - web development
 
03:41
#fontAwesome5 #frontendfunn #fontAwesome5Offline #fontAwesomeIcons Learn HTML CSS and Javascript. html css javascript How to Use Font Awesome 5 Icons Offline. font awesome 5 new version has been released. font awesome Icons is a popular font library which consists of web fonts which can be included in the webpage easily. or font awesome 5 icons can also be included in using CDN. font awesome 5 icons library consists of web icons which are available in different formats like font awesome 5 css files, font awesome 5 svg, font awesome 5 scss, font awesome 5 less. font awesome 5 icons are also available in production version i.e, you can use font awesome 5 icons using CDN and font awesome 5 icons are also available in development version i.e, you can use font awesome 5 icons offline. font awesome 5 icons download https://fontawesome.com/ Thanks For Watching. hope you enjoyed this video. Please do watch other videos on my channel. please share and subscribe. Web development | HTML | CSS | SCSS | javascript Tutorials ------------------------------------------- https://www.youtube.com/playlist?list=PLSQ4mck-bvik9o8IJGoMezRsOjqia-y36&disable_polymer=true Social Media Icons Animations --------------------------------- https://www.youtube.com/playlist?list=PLSQ4mck-bvikTgpdp1xeNc9gcT5BUd5J1 Pure CSS Loaders Animations --------------------------- https://www.youtube.com/playlist?list=PLSQ4mck-bvikY0wjMXA3sVJMoBRiZQyxN Bootstrap 4.2 Tutorials ----------------------- https://www.youtube.com/playlist?list=PLSQ4mck-bvikhDaOKl43lNrdcm1h0o2fw ==================================================== You can find the source code at frontendfunn website http://www.frontendfunn.com ==================================================== ************************************************************* Facebook https://www.facebook.com/Frontendfunn-222709251757726/ Instagram https://www.instagram.com/frontendfunn/ Happy Coding :D *************************************************************
Views: 81039 FrontEndFunn
JavaFX Material Design Library Project #30 : Login UI Redesign
 
19:21
This video explains redesigning the Login screen using material design components. I am using a dark theme for better look. Every styling will be stored inside the same CSS file (dark-theme.css) from this tutorial onwards. For icons, new library is imported called FontAwesomeFX. Learn more about FontAwesomeFX library from this video https://youtu.be/BWuGagl16d8 You can find the Source Code of Library Management System using JavaFX Here at Genuine Coder GitHub page : https://github.com/afsalashyana/Library-Assistant - Genuine Coder http://www.genuinecoder.com/
Views: 38929 Genuine Coder
CSS - ( Part 2 : Adding Icon ) Simple Input Text Box
 
06:07
Code used : https://codepen.io/zFunx/pen/XRyqvx Part 1 : https://youtu.be/omJfspwjnZk Get started with Font Awesome : http://fontawesome.io/get-started/ Learn more about aria-hidden : http://csskarma.com/blog/difference-rolepresentation-aria-hiddentrue/ Website : https://web.zfunx.xyz/ Facebook : https://www.facebook.com/zfunxWeb Google+ : https://plus.google.com/113560671967552430928 Twitter : http://twitter.com/PleeZfunx Instagram : https://www.instagram.com/zfunx/
Apple Store Icon - Pure Css Tutorials
 
07:12
Please LIKE our NEW Facebook page for daily updates... https://www.facebook.com/Online-Tutorial-Html-Css-JQuery-Photoshop-1807958766120070/
Views: 1080 Online Tutorials
Using icons on the web with Ionicons - Iconography Tutorial
 
05:39
In this video you'll learn how to use the Ionicons Icon Set (part of the Ionic Framework) on your own websites or web applications. Ionicons comes with over 700 high quality icons with designs for both Material Design Style and iOS Style - you can choose them as you please! Support me on Patreon: https://www.patreon.com/dcode - with enough funding I plan to develop a website of some sort with a new developer experience! For your reference, check this out: https://ionicons.com/usage Follow me on Twitter @dcode! If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!
Views: 436 dcode
To-Do List App yaratish jarayoni (HTML, CSS qismini yaratish) | To-Do List App using HTML, CSS
 
01:04:16
Adobe XD dasturida yaratilgan To-Do App designini HTML va CSS qismini yaratishni ko'rib chiqamiz. ---------------------------- Let convert our Adobe XD file into HTML, CSS format page... Loyiha fayllari: https://github.com/amakhmudov/todo-app Foydali manbalar: - Material Icons bilan tanishish uchun: https://material.io/tools/icons/?style=baseline -Material Icons dan web loyihalarimizda foydalanish: http://google.github.io/material-design-icons/#icon-font-for-the-web -Google shriftlaridan foydalanish: https://fonts.google.com/ - Sass haqida ma'lumotga ega bo'ling: http://sass-lang.com/ - Sass preprocessor dasturi Koala: http://koala-app.com/ Web sayt: http://alishermakhmudov.com Social tarmoqlar: https://www.facebook.com/alisher.makh... https://www.instagram.com/_alishermak... https://twitter.com/alisheruzbek
Views: 211 Alisher Makhmudov
Animating SVG Icons? UI Animations with ShapeShifter! (Tutorial)
 
26:11
Ever wonder how designers animate their icons? They may have used a tool called http://shapeshifter.design -- which allows you to import SVG graphics and animate them based on a timeline. In this tutorial, I'm going to show you how to do exactly that while we create our own SVG icon and animate. I will even show you how to export it and use a little bit of JavaScript to make the animation take place upon a click event. Enjoy this tut? Leave a comment and subscribe! - - - - - - - - - - - - - - - - - - - - - - Subscribe for NEW VIDEOS weekly! My site: https://coursetro.com My personal FB account: http://fb.com/logodesigner Coursetro FB: http://fb.com/coursetro Coursetro's Twitter: http://twitter.com/designcoursecom Join my Discord! https://discord.gg/a27CKAF ^-Chat with me and others - - - - - - - - - - - - - - - - - - - - - - Who is Gary Simon? Well, I'm a full stack developer with 2+ decades experience and I teach people how to design and code. I've created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. Now, I focus all of my time and energy on this channel and my website Coursetro.com. Come to my discord server or add me on social media and say Hi!
Views: 79824 DesignCourse
13-Google Material Icons in Materialize css
 
06:24
Hello friends in this video we will talk about how to use google material icons in materialize css. To learn Arduino, Programming, Python, Automation in python, Hacking, Linux, web design and more you can visit my website techievivek.in:- http://techievivek.in If you like the video please feel free to like and subscribe my channel. Visit my website:-http://techievivek.in Visit Social Blog:-http://aritridas.com Follow me on instagram:-https://instagram.com/arivek07 Follow me on Facebook:-https://facebook.com/techievivek
Views: 736 Techie Vivek
Javascript Tutorial - Custom File Upload Button | HTML + CSS
 
08:32
Regular Expression: /[\/\\]([\w\d\s\.\-\(\)]+)$/ This code is now downloadable! https://codepen.io/dcode-software/pen/RerBgR In this video I take you through how to create your own custom file upload buttons using only HTML, CSS and Javascript, no frameworks required! We can do this by 'virtually' clicking on a hidden default file upload button and then extract the value of the real file upload button and plant it into a custom-defined span tag. If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!
Views: 31144 dcode
Online Tutorial for Font Awesome Icon Animation in CSS With Demo and Source Code Download
 
00:20
Free Demo And download https://www.websitedesignndevelopment.com/2019/01/17/online-tutorial-for-font-awesome-icon-animation-in-css-with-demo-and-source-code-download/ Learn Anything from this channel Free Online Tutorials and Courses - Collection of Tutorials with examples for Web Design and Development, Mobile Application and Game Development (HTML, CSS, JavaScript, Java, jQuery, Ajax, XML, AngularJS, SVG, Programming, PHP, Bootstrap, jQueryMobile JSON, SQL, ASP, Node.js, Android, IOS and much more.) You can lean get online tutorials for Graphic Designing (Adobe Photoshop, Adobe Illustrator, Adobe After effect, 2D and 3D animation, Lightroom, InDesign, Experience Design, Adobe Premiere Pro, Project Felix, Dreamweaver, Adobe Muse, Acrobat Pro, Animate, Adobe Audition, Bridge, Character Animator (Beta), Media Encoder, Fuse (Beta), Flash Builder, InCopy, Prelude, Spark, Scout, SpeedGrade, Story Plus, PhoneGap Build, Creative Cloud, Gaming SDK, Extension Manager, ExtendScript Toolkit, InPage and others). You can download free theme and Plugin from this channel. Please share and subscribe Online Tutorials Channel.
How to use Font Awesome CSS Icons deisgn bangla tutorial
 
14:51
This is educational YouTube channel you can learn web design ,3d animation, graphic design through this channel
Views: 2658 Shagor 360
Responsive Navigation Bar with HTML CSS and Javascript | Responsive Menu
 
11:27
My Amazon Shop link : https://www.amazon.in/shop/onlinetutorials ------------------------ Responsive Dropdown Navigation Bar with HTML and CSS https://www.youtube.com/watch?v=krZvPvpOHm4 Please LIKE our NEW Facebook page for daily updates... https://www.facebook.com/Online-Tutorial-Html-Css-JQuery-Photoshop-1807958766120070/
Views: 213450 Online Tutorials
Making a polygon style icon shape with html css
 
10:20
In this series of advance css tutorials, I will make you amazed in every tutorials. Because we are genius. I am showing you how to make a styled icon background or shape which is looking like polygon in this tutorial. Our website: https://mixturethemes.com Our fb groups: https://facebook.com/groups/1246390702141412 Tags: How to make polygon with css making advance css shape bangla tutorial css bangla tutorials advance bangla tutorials css shapes bangla tutuorials html css advance tutorials advanced html css bangla tutorials
Views: 397 Masud Rana Parvaz
How To Make WhatsApp Icon Only Css | Design Logo Using Html Tips And Tricks Status.
 
06:50
In this video tutorial we will see how can we design a whatsapp logo just by the use of html and css. For more like these video do subscribe our channel. Source Code Link : https://trycodesource.blogspot.com/2019/02/whatsapp-icon-html-css.html
Views: 162 bewedoc
How to Download and Use Font Awesome 5 Icons Tutorial |  HTML,CSS Web Design offline & CDN
 
11:43
Font Awesome is the popular web Icons .You can use font awesome icons in your projects with HTML and CSS files . Font Awesome Icons can be used in two ways 1. Download the Font Awesome icons file from the official web site and include the font awesome icons CSS file in the HTML file 2. If your website is hosted in the live server or your development is connected to Internet , you can use the CDN version of the font awesome icons. ❀️❀️❀️❀️❀️ CSS Tutorials: https://www.youtube.com/watch?v=-CqzQA9MIJc&list=PLsPtw0t7wEa9EIWjrb_F4tXW5skf6kMWl ❀️❀️❀️❀️❀️ Font Awesome Icons Website : https://fontawesome.com/ [ Please subscribe our Youtube Channel https://goo.gl/XJ7e4g ] Some Free WordPress Plugins : https://goo.gl/eNQrmS Some Awesome free Plugins , You would love to install ... WordPress Pricing table plugin : https://goo.gl/KW87Xi WordPress Team Members plugin : https://goo.gl/k1QHKo WooCommerce Product Slider Plugin : https://goo.gl/uAhQzm WordPress Product Catalog Plugin: https://goo.gl/PVH2Ws WordPress Logo Slider Carousel Plugin : https://goo.gl/drVyJi Owl Carousel WordPress : https://goo.gl/A6xgSb WordPress Portfolio Plugin : https://goo.gl/FiDjUc WordPress Testimonial Plugin : https://goo.gl/AhsKaP Thank You For Watching........ Please subscribe our Youtube Channel for regular videos and like the video . Visit My site: https://www.themescode.com/ Facebook : https://www.facebook.com/imran.emu88/ #How to #Download and #Use #Font #Awesome 5 #Icons -~-~~-~~~-~~-~- Please watch: "Elementor Tutorial For Beginners 1 | Best WordPress Page builder Plugin 2019" https://www.youtube.com/watch?v=4Wo_T0MEu4s -~-~~-~~~-~~-~-
Views: 18119 Imran Emu
How to add icons in CSS [Font  AWESOME CSS] [HINDI]
 
07:44
Hey guys welcome to if coding is life . This is video on CSS FONT AWESOME ICONS Note: if you haven't know html, please watch the previous series of html in our channel for better understanding. Facebook Page - https://www.facebook.com/ifcodingislife/ Checkout website - http://shorturl.at/wyEGK Follow this link to join my WhatsApp group: https://chat.whatsapp.com/HN3n5PGG7fwBH49DC58v5w ☝️☝️☝️☝️☝️☝️☝️☝️☝️☝️☝️☝️☝️☝️☝️☝️❀️❀️❀️❀️❀️❀️❀️❀️❀️❀️❀️❀️❀️❀️❀️❀️ If you have learn. πŸ‘ŒπŸ‘ŒπŸ‘ŒπŸ‘ŒπŸ‘ŒπŸ‘ŒπŸ‘ŒπŸ‘ŒπŸ‘ŒπŸ‘ŒπŸ‘ŒπŸ‘ŒπŸ‘ŒπŸ‘ŒπŸ‘ŒπŸ‘Œ πŸ”₯πŸ”₯πŸ”₯πŸ”₯πŸ”₯πŸ”₯πŸ”₯πŸ”₯πŸ”₯πŸ”₯πŸ”₯πŸ”₯πŸ”₯πŸ”₯πŸ”₯πŸ”₯ Hit like button. 🌸🌸🌸🌸🌸🌸🌸🌸🌸🌸🌸🌸🌸🌸🌸🌸 Press subscribe button. πŸ””πŸ””πŸ””πŸ””πŸ””πŸ””πŸ””πŸ””πŸ””πŸ””πŸ””πŸ””πŸ””πŸ””πŸ””πŸ”” #technical_dudes πŸ™‹β€β™‚οΈπŸ™‹β€β™‚οΈπŸ™‹β€β™‚οΈπŸ™‹β€β™‚οΈπŸ™‹β€β™‚οΈπŸ™‹β€β™‚οΈπŸ™‹β€β™‚οΈπŸ™‹β€β™‚οΈπŸ™‹β€β™‚οΈπŸ™‹β€β™‚οΈπŸ™‹β€β™‚οΈπŸ™‹β€β™‚οΈπŸ™‹β€β™‚οΈπŸ™‹β€β™‚οΈπŸ™‹β€β™‚οΈπŸ™‹β€β™‚οΈ #ifcodingislife -----------------------------------------------------------------------web design , web design and development, web design course, web design tutorial bangla, web design full course, web design html, web design career, web design tips, web design a to z, web design and html, web design animation, a beginners web design tutorial, web design beginners, web design basic course, web design css, web design development, web design diploma, web design demo, web design design, web design full, web design form, web design fonts, web design google, web design hacks, web design html css javascript, web design ideas, web design in hindi, web design job, web design java
Views: 27 AURORA
Figma Tutorial: Importing & Exporting
 
08:48
Figma is free to use. Sign up here: http://bit.ly/figma-import-export This video covers the basics around importing and exporting various file types in Figma. If you have questions along the way head over to our user forum (https://spectrum.chat/figma) and connect with other Figma users.
Views: 44487 Figma
Social media icon hovering effect(pure css and html)..
 
13:36
------link------- fontawesome icons cdn: https://www.bootstrapcdn.com/fontawesome/ fontawesome icons: https://fontawesome.com/v4.7.0/icons/ music track: https://www.bensound.com
Views: 66 DNS
Transparent Navigation Bar With Icons Using Html and Css | Transparent Navbar With Icons
 
12:29
Transparent Navigation bar with icons using html & css. Today in this tutorial we discuss on the Topic is How to Create Transparent Navigation bar (Or) Nav bar (Or) Menu Bar with Icons Using Html and Css
Views: 191 Shs Tech Solutions
Exporting Assets in Sketch 3 for iOS & Android
 
11:17
Learn to Code at https://devslopes.com Learn how to export all your delicious design assets for both iOS and Android platforms. If you liked this video be sure to subscribe and get more helpful programming tutorials https://www.youtube.com/devslopes Devslopes is dedicated to teaching beginners and non-programmers all about building mobile apps for iOS and Android, Web, Backend and Blockchain development. We've taught over 200,000 students how to code. Our students have gotten jobs, made career changes, launched and sold start-ups, & much more. Some are at companies changing the world. β–Ά Learn more at http://devslopes.com/ β–Ά Instagram: https://www.instagram.com/devslopes/ β–Ά Facebook: https://www.facebook.com/devslopes/ β–Ά Twitter: https://twitter.com/devslope β–Ά Snapchat: devslopes
Views: 31407 Devslopes
How To Create Image Gallery Using HTML, CSS and Javascript  | Lightbox Gallery
 
10:39
Learn how to create image gallery with HTML, CSS and Javascript. We're also going to implement a package called Lightbox which makes creating image galleries a breeze. This is a very easy tutorial that uses basic HTML, the point is to see how easily we can implement Lightbox and basic HTML with CSS to quickly create the image gallery. `````````````````````````````````````````````````````````````````````````````````````````````` Hey guys, I'm now using Patreon to share improved and updated video content and source files. For a small fee you can access all the downloadable files from this lesson (source code, icons & graphics, cheat sheets, OneNote notes) and everything else included in the video from the Patreon page. Additionally, you will get access to ALL Clever Techie videos in HD format with no ads. Thank you so much for supporting Clever Techie :) Download this video's files here: https://www.patreon.com/posts/how-to-create-21449049 ( You also get access to ALL source code and any downloadable content of ALL Clever Techie videos, as well as access to ALL videos in HD 1080p quality format with all video ads removed! ) ````````````````````````````````````````````````````````````````````````````````````````````` ( Website ) https://clevertechie.com - PHP, JavaScript, Wordpress, CSS, and HTML tutorials in video and text format with cool looking graphics and diagrams. ( YouTube Channel ) https://www.youtube.com/c/CleverTechieTube ( Google Plus ) https://goo.gl/J71p6f - clever techie video tutorials. ( Facebook ) https://www.facebook.com/CleverTechie/ ( Twitter ) https://twitter.com/theclevertechie
Views: 35117 Clever Techie
How To Create Icon Button Using HTML & CSS | Icon Button Using HTML & CSS  | 2018
 
04:18
Hello Friends... My Name Is :- Hemal Patel In this video I'll be showing you how you can create custom radio button using HTML and CSS only.CSS Icon Hover Effect -- Check out how to create the Social Media Icon Hover Effect Using HTML and CSS.How To Create Transparent Menu With Icons Using HTML and CSS | Navigation menu design with icon.Here in this videos tutorial you will learn how to create transparent navigation menu with icon in webpage using HTML and CSS. In this video tutorial, you will learn about how to create a meida share icons fixed in website on left side with html and css . this is good practice for beginner... in this video you will learn to design How To Add Social Media Icons Using HTML CSS - Font Awesome icon CSS hover effect in HTML & CSS. Simple Media Icons button Using HTML CSS with Transparent background In Html and CSS. In This video i show how to create a Social Media Icons button using HTML & CSS with input elements step by step. How to Build a simple Social Media Icons button with HTML and CSS and how to write a code for How To Add Social Media Icons button Using HTML CSS - Font Awesome icon CSS hover effect in HTML & CSS. Facebook Page:- https://www.facebook.com/Website-Developer-481617145587140/ Instagram:-https://www.instagram.com/?hl=en Subscribe here:-https://www.youtube.com/channel/UCgUdOttvvz0QF-M04aj5VOg?disable_polymer=true How To Create Registration Form in Html with Css:- https://youtu.be/k6TSog98UeM How To Create Login Form In HTML and CSS:- https://youtu.be/uZsBYj2WHDY
Views: 91 WEBSITE DEVELOPER
Terminal icon design in html and css
 
05:23
Recently i made terminal icon design by html and css codes.
Views: 68 Design.
Create a "Scroll To Top" Button with HTML, CSS & JavaScript | Web Design Tutorial
 
11:00
In this video we're going to create a "Scroll To Top" button using plain HTML, CSS and JavaScript - this is super easy to do and it is completely optional to use a library to achieve this. While not necessary, I'm using Google Material Icons in this video along with jQuery for greater cross-browser support. Google Material Icon Set: https://material.io/tools/icons/ https://google.github.io/material-design-icons/#icon-font-for-the-web Support me on Patreon: https://www.patreon.com/dcode - with enough funding I plan to develop a website of some sort with a new developer experience! For your reference, check this out: https://developer.mozilla.org/en-US/docs/Web/API/Window/scrollTo Follow me on Twitter @dcode! If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode! #css #javascript #dcode
Views: 691 dcode
Add A Favicon to A Website in HTML | Learn HTML and CSS | HTML Tutorial | HTML for Beginners
 
03:24
Add A Favicon to A Website in HTML | Learn HTML and CSS | HTML Tutorial | HTML for Beginners. In this HTML tutorial we will learn how to add a favicon to our websites. A favicon is the small icon you see in the browser tab, next to your website title. A HTML favicon is also a great way to brand your website, and it allows for people to easier find your website when they have other tabs open in their browser. Download lesson files: https://www.dropbox.com/s/l0kb2ckm4cvjwvf/HTML%20-%2034.zip?dl=0 -- mmtuts is a YouTube channel that focuses on teaching beginner and advanced courses in various multimedia related skills. We plan to make tutorials available on programming, video production, animation, graphic design, and on software such as the Adobe Creative Cloud programs. PHP for beginners is a how to series that teaches the PHP coding language to people who are just starting out learning programming. The course teaches how PHP scripting can be made easy and teaches how to build many apps such as a login system, a comment section, how to upload images, how to create users in a website, and much more. Creating dynamic websites with PHP is easy and should not be seen as otherwise, which is why we want to explain the language in a easy to understand way for beginners. If you have suggestions on new courses, or specific lessons within existing courses you would like to see, then feel welcome to submit them in the comment section or in a private message. ALL suggestions will be seen, but not all will be replied to since we get quite a few every day.
Views: 93582 mmtuts
Flat Responsive Form Using font awesome icon offline  using only css Part3
 
05:59
in this video we will create our button and give it hover effect, and also we are going to give style to our font awesome icon flat responsive form using only css or pure css I am using direct link to use font icon at this link, as i am not allowed to import local resource, so just remove the import link and your code will work just fine. https://codepen.io/ArCodee/pen/VMGEqx html css tutorial for flat responsive form, using font awesome icon off line
Views: 123 Arcode code
SVG and Icon Fonts | Typography | CSS Sliders | The Treehouse Show Episode 43
 
17:12
In this episode of The Treehouse Show, Nick Pettit (@nickrp) and Jason Seifer (@jseifer) talk about the latest in web design, web development, HTML5, front end development and more. Join Treehouse today and get your first month free! http://teamtreehouse.com/show Here are the links for the week: Brackets http://brackets.io/ hull, Reconciling SVG and Icon Fonts http://blog.hull.io/post/47939445232/reconciling-svg-and-icon-fonts Ui Parade - Live Tools http://livetools.uiparade.com/index.html Avoiding Unnecessary Paints - HTML5 Rocks http://www.html5rocks.com/en/tutorials/speed/unnecessary-paints/ Typeplate Β» A typographic starter kit encouraging great type on the Web http://typeplate.com/ JavaScript Regular Expression Enlightenment - Tech.Pro http://tech.pro/tutorial/1214/javascript-regular-expression-enlightenment Slider with Sliding Backgrounds | CSS-Tricks http://css-tricks.com/slider-with-sliding-backgrounds/ ClippyJS - Add Clippy or his friends to any website for instant nostalgia http://www.smore.com/clippy-js Learn how to build websites and apps, write code, or start a business at Treehouse. Learn from over 1,000 videos created by our expert teachers on web design, coding, business, and much more. Treehouse teaches the in-demand technology skills you need to land your dream job.
Views: 5573 Treehouse