Home
Search results “Css modern style”
Responsive Portfolio Grid CSS Website Layout (PART 2)
 
13:22
Hey, Pixels! Welcome back to part 2 of this responsive portfolio website tutorial. In this video, I’ll show you how to code this responsive clean modern one-page portfolio website using the latest techniques in web development, CSS Grid and Flexbox. For design assets and details, read the related article here: http://bit.ly/2tCn6BH ___ ♥︎ THE XO PIXEL SHOP ▸ XO PIXEL Sticker Pack: http://bit.ly/2nowEz1 ▸The Essential HTML5 & CSS3 Reference Sheet: http://bit.ly/2nU8qgY ♥︎ M O R E V I D E O S ▸ Web Design Speed Art Modern Website | http://bit.ly/2nfhEjF ▸ Adobe XD App Design | http://bit.ly/2nrf3UG ▸ Responsive Animated Image Grid | http://bit.ly/2o7tyAp ▸ Nexus 6P Unboxing & Review | http://bit.ly/2iNiyRJ ▸ TIDAL REVIEW: Is It Worth It? (2016) | http://bit.ly/2imcyRf ___ ♥︎ R E S O U R C E S 💌 Sign-up to my weekly newsletter to get your FREE HTML & CSS Coding Cheat Sheets: http://xopixel.com/?p=4004 📚 My Favorite Books: Coding: http://amzn.to/2nr0wso Typography: http://amzn.to/2odhevl Web Design: http://amzn.to/2nfeIUr 🎥 My equipment for my YouTube videos & Blog: Camera: http://amzn.to/2nzeVVs Microphone: http://amzn.to/2n2l7RN ___ ♥︎ F O L L O W ▸ blog | http://xopixel.com ▸ facebook | http://facebook.com/xopixell ▸ twitter| http://twitter.com/xopixell ▸ instagram | http://instagram.com/xopixell ▸ pinterest | https://www.pinterest.com/xopixel/ Subscribe to XO PIXEL for new videos every week! https://www.youtube.com/channel/UC97rIjLDrO9ji6oAQsfgyiw?sub_confirmation=1 ___ ♥︎ FILMED & EDITED BY MARISA BLAIR ___ ♥︎ A B O U T XO PIXEL is the place to grow your love for design, code, and technology! Explore tutorials, articles, and freebies to become inspired and creative as you develop your web design, coding, and graphic design skills. The articles and tutorials have reached hundreds of thousands of people online, in hundreds of countries around the world. Since beginning in 2014, XO PIXEL’s mission is to provide creative and inspiring design and coding tutorials and helpful articles for enthusiastic learners online. ___ FOR BUSINESS INQUIRIES: [email protected] ___ Disclaimer: This is NOT a sponsored video. Please note that I may receive a commission (via affiliate programs) if you purchase something linked in my description.
Views: 15298 XO PIXEL
Modern CSS: You Can Do It!
 
47:03
We’ll talk about some of the more recently-released CSS tools you can use now! In this session, we’ll cover some of the hottest, flashiest, and most problem-solvingest CSS standards, their use cases, syntax, and situations where you shouldn’t use them. Even if some of these concepts are unfamiliar, or if you haven’t worked on the front-end in a while, this session is for you. You don’t need to use JavaScript to create sweet animations or columns that automatically fill the space - you can do it all with CSS! We’ll cover browser support and some fallbacks you can use to get you started using these new tools today. In this session, you'll get an intro to: Flexbox CSS Grids Pseudo elements (:before, :after, :nth-child) Transitions & Animations Blend Modes Textured Typography Browser Support and Graceful Fallbacks for all of the above! EVENT: DrupalCon Nashville 2018 SPEAKER: Alexis Findiesen PERMISSIONS: Original video was published with the Creative Commons Attribution license (reuse allowed). CREDITS: Original video source: https://www.youtube.com/watch?v=7ICxtqpdo_g
Views: 14375 Coding Tech
About Modern CSS Layouts - Modern CSS Layouts #1
 
03:00
In this video of the Modern CSS Layouts tutorials we’ll be introducing the series and what we'll be learning over the course of the next 17 videos. The first 5 videos are free and you have to sign up to Level Up Pro to have access to: Streaming or downloading all the videos of “Modern CSS Layouts” and the code A Premium video series of tutorials every month Vote for the next potential Premium video series Sign up for Level Up Pro for full access here: https://www.leveluptutorials.com/pro Buy this series: https://goo.gl/BXwqYH Subscribe for more free tutorials: https://goo.gl/6ljoFc Subscribe to the Level Up Newsletter: http://eepurl.com/AWjGz The best shared web hosting: http://www.bluehost.com/track/leveluptutorials/
Views: 4919 LevelUpTuts
3/4: Style using CSS | Create Animated Responsive Modern Website | Example 4
 
35:59
1/4: Preview | Create Animated Responsive Modern Website using HTML5, CSS3 & Bootstrap | Example 4 https://youtu.be/9ta14Nyz77Y This is the first video in the four video series in which we will learn to create a modern website step by step using HTML5, CSS3 and Bootstrap. This video shows the preview of the website that we are going to build in subsequent videos. ----------------------------------------------------------------------------------------------------------------- 2/4: HTML | Create Animated Responsive Modern Website using HTML5, CSS3 & Bootstrap | Example 4 https://youtu.be/l1L-f7H2iug In this video, we will write the entire HTML code with Bootstrap, for the webpage and create the basic website without any personal style. ----------------------------------------------------------------------------------------------------------------- 3/4: Style using CSS | Create Animated Responsive Modern Website | Example 4 https://youtu.be/awipeBg18qM In this video, we will style the website according to our design using CSS. ----------------------------------------------------------------------------------------------------------------- 4/4: Adding Animation | Create Animated Responsive Modern Website | Example 4 https://youtu.be/Qmcjuj38cII In this video, we will add animation to various elements of our website. ----------------------------------------------------------------------------------------------------------------- Download the starter files from https://drive.google.com/open?id=12pvE7Fa_W-Dr2pFoZ3jqQ4uLmapP7pHd ----------------------------------------------------------------------------------------------------------------- Please click on Like button and Subscribe: Instagram: https://www.instagram.com/tanztalks.tech Twitter: https://www.twitter.com/tanzTalkstech Google: https://plus.google.com/+tanzTalkstech Youtube: https://www.youtube.com/tanzTalkstech Facebook: https://fb.me/tanzTalks.tech ----------------------------------------------------------------------------------------------------------------- In this video series, we will learn how to create an animated responsive modern design website using HTML5, CSS3 and Bootstrap. The website features: i) responsive navigation bar which transforms according to the size of the screen. ii) jumbotron iii) smooth scroll effect iv) bootstrap grid system v) animation vi) panels vii) contact section to take input from user viii) scrollspy (Automatically update Bootstrap navigation or list group components based on scroll position to indicate which link is currently active in the viewport) If you want to create a gallery page with slide show view to show the images in full screen, using Modals and Lightbox in CSS with small demo images below the slide show for easy manoeuvring among images, follow the link below: https://youtu.be/2OLLdQPLnNI If you want to create a gallery page with filters (categories) to show only those pictures which the user wants to see, follow the link below: https://youtu.be/tAjUvQ3QQgE Or, Combine the logic of these two videos to get a filterable gallery with slide show. ----------------------------------------------------------------------------------------------------------------- WEBSITE SCREENSHOTS: About Company Section: https://drive.google.com/open?id=1C6odoN_wTtTBm2t6UknRl2QLwW3cVgR2 Header & Jumbotron Section: https://drive.google.com/open?id=1NmXwFMIxHCS1eWHXOennIUtk3BJuEGe_ Pricing Panels: https://drive.google.com/open?id=1hQcj_MbEnNjJW_vLVZLRCX2_8F_IIBSa Services Section: https://drive.google.com/open?id=1iF0x9QlHGSLrkVQk5FoqTXjfupOgIO0Y Team Member Panels: https://drive.google.com/open?id=19jKW970H57ghdpQs9Ii1TW3YsGjCgJ8r Customers Section: https://drive.google.com/open?id=1ed4se0DR9Rb7bi55Ymj9pIZAuGTpnav5 Contact & Footer Section: https://drive.google.com/open?id=1SeoErqwekddHh2z1OUQXZbGj2Pk_Wiaw Complete Webpage: https://drive.google.com/open?id=1CpPEWhVVFRAmKZSv0389o5McEZ4GGh4J
Views: 1007 tanzTalks.tech
Flexbox Tutorial (CSS): Real Layout Examples
 
28:46
Learn how to use Flexbox to create different layouts. Link to my new "Git a Developer Job" course: https://www.udemy.com/git-a-web-developer-job-mastering-the-modern-workflow/?couponCode=YOUTUBE-HALF-OFF Link to code used in this video: http://codepen.io/anon/pen/VKxRoE?editors=1100 Link to more about browser support: http://caniuse.com/#feat=flexbox Add me on Twitter for webDev updates and cat pics: https://twitter.com/learnwebcode
Views: 371886 LearnWebCode
Build a Responsive Grid CSS Website Layout From Scratch
 
45:33
In this video we will build a responsive Grid CSS layout using grid template areas. We will also be using other modern CSS features and techniques like css variables, rem units and flexbox. CODE: https://codepen.io/bradtraversy/pen/gvMGyB MY CSS GRID CRASH COURSE: https://www.youtube.com/watch?v=jV8B24rSN5o WES BOS COURSE: https://cssgrid.io/ 💖 BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia VISIT MY WEBISTE: Check Out My Udemy Courses http://www.traversymedia.com FOLLOW TRAVERSY MEDIA: http://www.facebook.com/traversymedia http://www.twitter.com/traversymedia http://www.instagram.com/traversymedia https://discord.gg/traversymedia
Views: 185534 Traversy Media
10 Stunning CSS 3D Effect You Must See
 
03:00
Cool CSS 3D effect that you should not miss! Light up your ideas for web design with 10 handpicked 3D CSS examples. Source code is available at: https://redstapler.co/10-stunning-css-3d-effect-must-see/ Follow us on Facebook: https://www.facebook.com/theRedStapler Website: http://redstapler.co/ Twitter: https://twitter.com/redStapler_twit
Views: 577460 Red Stapler
CSS Wavy Background - Html Css Background Trick - Pure Css Tutorial
 
04:11
wave png : https://drive.google.com/file/d/0BwYz-YrEienXMUQtMXJsUV9jTHc/view?usp=sharing Please LIKE our NEW Facebook page for daily updates... https://www.facebook.com/Online-Tutorial-Html-Css-JQuery-Photoshop-1807958766120070/
Views: 49789 Online Tutorials
Build Complete Responsive Website Design using HTML 5 /  CSS 3 /JavaScript
 
01:05:31
Get my website design course here now - https://www.udemy.com/learn-psd-to-responsive-parallax-html-5-css-3-web-design/?couponCode=PSD_HTML https://www.udemy.com/build-a-real-world-responsive-website-with-html-5-css-3-js/?couponCode=LEARN_SOMETHING Checkout my Bestselling courses here now - https://www.udemy.com/user/51a26aa6-9abe-4763-9c39-8909b6290c6a/ Get this course here now - https://www.udemy.com/build-a-new-and-modern-looking-responsive-websites/?couponCode=ALL_LEARN ------------------------------------------------------------------- In this website design and educational tutorial i will be showing you to create the complete responsive website design usign html 5 css 3 and javascript as well with every steps mentioned beautifully. Hope this complete website design tutorial will help you and make your concepts even more batter. Subscribe this channel here - https://www.youtube.com/channel/UC8xTHK97Ng__KZvGcO_K7CA?sub_confirmation=1 Join the group here - https://www.facebook.com/groups/328971707545530/
Views: 10999 Online web ustaad
CSS-Tricks Screencast #124: A Modern Web Designer's Workflow
 
01:21:33
Slides from a talk I prepared for some conferences in late 2012-early 2013.
Views: 98194 Chris Coyier
UI Design Tutorial - Product Card | HTML CSS Speed Coding
 
19:31
In this UI Design tutorial you will learn to design product card using HTML & CSS. Book for HTML and CSS: Design and Build Websites http://amzn.to/2gWk34H Design Credit https://dribbble.com/shots/2354916-Daily-UI-15-Nike-Cards ----------------------------------------------------------------------------------------- Other tutorials ----------------------------------------------------------------------------------------- Fitness Tracking App UI Design https://youtu.be/_zMOFr4oDpE Movie App UI Design https://www.youtube.com/watch?v=--C6sD4LGI0 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/rWjYrP GitHub: https://github.com/CodeFrogShow/UI-Design-Product-Card Music Credit Daily Beetle by Kevin MacLeod is licensed under a Creative Commons Attribution license (https://creativecommons.org/licenses/by/4.0/) Source: http://incompetech.com/music/royalty-free/index.html?isrc=USUAN1500025 Artist: http://incompetech.com/
Views: 94564 CodeFrog
Business Website Landing Page Design | HTML & CSS
 
12:16
// Business Website Landing Page Design | HTML & CSS // ---------------- Social Media ---------------- Personal Account : https://www.instagram.com/harrnish/ Facebook : https://www.facebook.com/codegrid.web/ Instagram : https://www.instagram.com/codegrid.web/ Twitter : https://twitter.com/codegrid_web Music : Uplink - To Myself (feat. NK) [NCS Release] Watch : https://www.youtube.com/watch?v=fugQAnzL1uk Uplink • https://soundcloud.com/itsuplink • https://www.instagram.com/itsuplink/ • https://twitter.com/itsuplink • https://www.facebook.com/itsuplink NK • https://soundcloud.com/realnkmusic • https://www.facebook.com/realnkmusic • https://twitter.com/realnkmusic Jo Cohen & Sex Whales - We Are [NCS Release] Watch : https://www.youtube.com/watch?v=C6IaUMAg3Dc Sex Whales • https://www.facebook.com/SexWhalesOff... • https://soundcloud.com/sex-whales • https://twitter.com/sex_whales Jo Cohen • https://soundcloud.com/jocohenmusic • https://www.facebook.com/josephcohenm... Song: Cartoon - C U Again feat. Mikk Mäe (Cartoon vs Futuristik VIP) [NCS Release] Music provided by NoCopyrightSounds. Video Link: https://youtu.be/NJNp6DnAAIo Download Link: http://NCS.lnk.to/CUAgain Ship Wrek & Zookeepers - Ark [NCS Release] Watch : https://www.youtube.com/watch?v=8xlDwukxjnA Shipwrek • https://soundcloud.com/theshipwrek • https://www.facebook.com/theshipwrek • https://www.facebook.com/theshipwrek • https://www.youtube.com/user/theshipwrek Zookeepers • https://soundcloud.com/zookeepersdk • https://www.facebook.com/zookeepers • https://www.instagram.com/zookeepersdk/
Views: 53876 Codegrid
Design vertical menu with CSS
 
24:20
This is my tutorial about CSS. I show you how to make vertical menu with css. Enjoy the videos !!
Views: 166079 Phanna ly
Top 10 Stunning CSS 3D Effecct For Website Design
 
07:06
#Top10CSS3D #css3animations #topcss3effects Get my website design course here now - https://www.udemy.com/build-a-real-world-responsive-website-with-html-5-css-3-js/?couponCode=LEARN_SOMETHING Checkout my Bestselling courses here now - https://www.udemy.com/user/51a26aa6-9abe-4763-9c39-8909b6290c6a/ Get this course here now - https://www.udemy.com/build-a-new-and-modern-looking-responsive-websites/?couponCode=ALL_LEARN ------------------------------------------------------------------- In this educational tutorial i will guide you that how to create Top 10 CSS 3D Stunning Effects for website design in very less time. Links are Following #1- Ink Hamburger Menu https://www.youtube.com/watch?v=xLHEmlHhyDY #2- CSS 3 3D Social icons Hover Effect using HTML 5 & CSS 3 https://www.youtube.com/watch?v=dsPgK3dp_RU #3- CSS 3D Hover Effects / HTML 5 CSS 3 / Website Design https://www.youtube.com/watch?v=pYMcWm0JGZA #4- Animated Sidebar Menu with CSS 3 and JQuery / Transforming Hamburger Menu / Website Design https://www.youtube.com/watch?v=0JYo9ddDWvY #5-Responsive Team Slider using HTML 5 / Owl Carousel / Website Design https://www.youtube.com/watch?v=OqBCEjlr3-c #6-Animating Counter Up Numbers counting Effect For website design https://www.youtube.com/watch?v=fbIkl36h6c0 #7-Hamburger Menu with Animated Toggle Menu Effect / Website Design https://www.youtube.com/watch?v=iLCegZeZgzM #8-CSS3 3D Hover Effect using HTML & CSS3 / Hover3d. js / Web Design https://www.youtube.com/watch?v=3i8JjgJVenM #9-How To Create MegaMenu and Dropdown using HTML 5 & Bootsnav https://www.youtube.com/watch?v=dBdKbjTS9-o #10-New Portfolio and Isotope Gallery Effect https://www.youtube.com/watch?v=jamFUka53Ho Subscribe this channel here - https://www.youtube.com/channel/UC8xTHK97Ng__KZvGcO_K7CA?sub_confirmation=1 Join the group here - https://www.facebook.com/groups/328971707545530/
Views: 7252 Online web ustaad
Modern Testimonial section using Html 5 & css 3 || website design
 
11:23
Get this course here now - https://www.udemy.com/build-a-real-world-responsive-website-with-html-5-css-3-js/?couponCode=LEARN_SOMETHING Checkout my Bestselling courses here now - https://www.udemy.com/user/51a26aa6-9abe-4763-9c39-8909b6290c6a/ -------------------------------------------------------------------- ** COMPLETE WEBSITE DESIGNING COURSES HERE ------------------------------------------------------------------------------- HTML5|| CSS3 || BOOTSTRAP|| JAVASCRIPT || JQUERY || PHP || MYSQLI || WORDPRESS ------------------------------------------------------------------------------- ** COMPLETE WEBSITE DEVELOPING COURSES ARE COMING NOW ------------------------------------------------------------------------------- JAVASCRIPT|| NODE.JS || RUBY ON RAILS|| CODEIGNITER || GO || SHOPIFY |||| In this video we will create nice looking testimonial section using html 5 and css 3 only and its small class so you will get it very clear. Subscribe the channel here https://www.youtube.com/channel/UC8xTHK97Ng__KZvGcO_K7CA?sub_confirmation=1 Join the group here - https://www.facebook.com/groups/328971707545530/ Music Credit Track: Cadmium - Melody (feat. Jon Becker) Link: https://youtu.be/9MiFRbymQXQ
Views: 3239 Online web ustaad
10 Awesome Web Design Inspiration 2018
 
03:34
*Updated* See 2019 Web Design Trends Video: https://youtu.be/fzwOBOjSto8 Checkout handpicked 10 cool web design ideas and inspiration for your project. CSS, jQuery plugin, Transition effect, 3D image rotation or even Starwars theme button! Source code: https://redstapler.co/10-awesome-web-design-inspiration-2018/ Follow us on Facebook: https://www.facebook.com/theRedStapler Website: http://redstapler.co/ Twitter: https://twitter.com/redStapler_twit
Views: 253016 Red Stapler
Modern Layouts with CSS Grid: Revolutionizing Visual Design on the Web
 
47:07
A look at new CSS tools and new possibilities in web design, with Singapore-based Hui Jing Chen, who brings a bilingual perspective to building beautiful useful web sites. (A Mozilla Tech Briefing.)
Views: 3580 Mozilla Hacks
Amazing Transparent Login Form Just By Using HTML & CSS
 
06:06
DarkCode in Facebook https://www.facebook.com/groups/704904666369941/ Paypal Donation Link https://paypal.me/YBenlachheb Download files : https://goo.gl/GcSkwJ Music 1 Nom : Syn Cole - Feel Good [NCS Release] Link : https://www.youtube.com/watch?v=q1ULJ92aldE Syn Cole • https://soundcloud.com/syncole • https://www.facebook.com/SynCole • https://twitter.com/SynColeOfficial • https://www.instagram.com/SynCole/ Music 2 Nom : TULE - Fearless [NCS Release] Link : https://www.youtube.com/watch?v=9rujCfYXhQc [TULE] • https://soundcloud.com/tuleofficial • https://facebook.com/TULE.official
Views: 105807 DarkCode
Modern Themes - Custom CSS Panel Tutorial
 
02:04
How to use the Custom CSS panel in a Modern Themes Wordpress theme
Views: 363 ModernThemes.net
Login form HTML e CSS modern style
 
00:34
Zoome www.zoome.it Link login form http://www.zoome.it/internet/sito/login-form ‎
Views: 1685 Zoome Sito
HTML & CSS : Build Advance Modern Drop Down Menu
 
32:11
Files: https://drive.google.com/open?id=0B78kWJjd6MGjbFRaaTFtZjNHWW8 Build Complete 5 Navigation and Menu Bar. Having easy-to-use navigation is important for any web site. With CSS you can transform boring HTML menus into good-looking navigation bars. Links that might help: -------------------------------------------------- Instructor: Ajay Randhawa, Robin Randhawa Follow me on social media: *****Like My official Facebook Page***** https://www.facebook.com/geekyajay *****View My LinkedIn Profile Page***** https://www.linkedin.com/in/ajaypalsinghrandhawa *****Visit My Website***** http://ajay-randhawa.weebly.com *****Visit My Blog***** https://ajay-randhawa.blogspot.in *****Message Me on Facebook(Robin)***** https://www.facebook.com/86robin *****Message Me on Facebook(Ajay)***** https://www.facebook.com/ajay.randhawa.779 -------------------------------------------------- Please Like, Subscribe , Share --------------------------------------------------
Views: 38668 Be Explained
Build An HTML5 Website With A Responsive Layout
 
01:01:15
In this video we will build a clean coded responsive mobile friendly HTML5 website for a fictional web design company. We will go over semantic HTML tags like header and footer as well as the basics of HTML and CSS. This is a great project for beginners. CODE DOWNLOAD: http://www.traversymedia.com/downloads/acme_website.zip SUGGESTED VIDEOS: HTML Crash Course For Absolute Beginners - https://www.youtube.com/watch?v=UB1O30fR-EE Build a Responsive, Mobile First Website - https://www.youtube.com/watch?v=XsEnj-1hG2o BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traversymedia COURSES & MORE INFO: http://www.traversymedia.com FOLLOW TRAVERSY MEDIA: http://www.facebook.com/traversymedia http://www.twitter.com/traversymedia http://www.instagram.com/traversymedia NEW DISCORD CHAT SERVER: https://discord.gg/traversymedia
Views: 1499238 Traversy Media
Udemy Course Alert - Modern HTML & CSS
 
06:20
PROMO LINK - https://www.udemy.com/modern-html-css-from-the-beginning/?couponCode=TRAVERSYMEDIA
Views: 16215 Traversy Media
HTML and CSS Tutorial - Create a Website for Beginners
 
02:09:15
Learn the basics of HTML and CSS in this complete tutorial. You will create a band website project using HTML and learn how to apply modern design in order to style the site using CSS. 🔗CSS Crash Course: https://www.youtube.com/watch?v=r1xBCi5SOjw ⭐️ Course Contents ⭐️ ⌨️ (00:00) Your first webpage 💻 Code: https://github.com/WebDevSimplified/Introduction-to-Web-Development/tree/master/Introduction%20to%20HTML/Lesson%201 ⌨️ (4:18) Basic HTML elements 💻 Code: https://github.com/WebDevSimplified/Introduction-to-Web-Development/tree/master/Introduction%20to%20HTML/Lesson%202 ⌨️ (14:20) Advanced HTML elements 💻 Code: https://github.com/WebDevSimplified/Introduction-to-Web-Development/tree/master/Introduction%20to%20HTML/Lesson%203 ⌨️ (27:22) Links and elements 💻 Code: https://github.com/WebDevSimplified/Introduction-to-Web-Development/tree/master/Introduction%20to%20HTML/Lesson%204 ⌨️ (42:19) CSS part 1 💻 Code: https://github.com/WebDevSimplified/Introduction-to-Web-Development/tree/master/Introduction%20to%20CSS/Lesson%201 ⌨️ (1:13:35) CSS part 2 💻 Code: https://github.com/WebDevSimplified/Introduction-to-Web-Development/tree/master/Introduction%20to%20CSS/Lesson%202 ⌨️ (1:36:09) CSS part 3 💻 Code: https://github.com/WebDevSimplified/Introduction-to-Web-Development/tree/master/Introduction%20to%20CSS/Lesson%203 Tutorial created by Web Dev Simplified. Check out their channel for more great content: https://www.youtube.com/channel/UCFbNIlppjAuEX4znoulh0Cw Twitter: https://twitter.com/DevSimplified -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp
Views: 49103 freeCodeCamp.org
UI Design Tutorial - Music Player UI Kit | HTML CSS Speed Coding
 
28:49
In this UI Design tutorial you will learn to design Music Player UI Kit using HTML & CSS. Book for HTML and CSS: Design and Build Websites http://amzn.to/2gWk34H ----------------------------------------------------------------------------------------- Other tutorials ----------------------------------------------------------------------------------------- Weather App https://youtu.be/ObSpKBPMfYs 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 for icons http://fontawesome.io/ Source Code CodePen: https://codepen.io/CodeFrogShow/pen/LLgBoE GitHub: https://github.com/CodeFrogShow/UI-Design-Music-Player-UI-Kit 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: Tobu - Roots [NCS Release] Music provided by NoCopyrightSounds. Video: https://www.youtube.com/watch?v=7wNb0pHyGuI&ytb
Views: 16369 CodeFrog
Modern Responsive image gallery in HTML & CSS
 
13:35
Modern Responsive image gallery in HTML & CSS .In this video lecture you will learn how to create image gallery in html and css without using any plugin in a very easy way so watch this video from start to end.. "For more videos click this link" https://www.youtube.com/channel/UCsVY8eYpTFfm3Xo-DhVCqug/videos?sub_confirmation=1 for source code enter your email in comment section. Objective: ----------------------------------------------------------------------------------------------------------- how to create Responsive image gallery in html and css Gallery in css3 Image border Style in css3 thumbnail gallery animated responsive gallery scale animation ----------------------------------------------------------------------------------------------------------- Create 5 Websites in 10 minutes https://youtu.be/VcrdVz6USUM Watch our Bootstrap-4 Video Series https://www.youtube.com/playlist?list=PLAeYh-ds6kE_K70GTM_8wrO3zSyG0XkL_ Watch how to create Navigation Bar in Bootstrap-4 https://youtu.be/A20Vx2lnXpo Grid System in Bootstrap4 in UrduHindi Part 1 https://youtu.be/1tZd0IZKp0E watch: Java Introduction And History https://youtu.be/W3HRPWOhDS0 You can Find Our More Videos on: https://www.youtube.com/channel/UCsVY8eYpTFfm3Xo-DhVCqug Music : https://www.bensound.com/royalty-free... If like it so Please Like Share & subscribe Our Channel. follow us on facebook : https://www.facebook.com/logictycoon/
Views: 870 Logic Tycoon
How to create an awesome navigation bar with HTML & CSS
 
19:02
A tutorial that takes a look at how to create a nice looking nav bar with a cool little hover effect for the nav items, using HTML and CSS. This was the very first video I ever put up on YouTube, and while it's aged well, I've made an updated version that is responsive: https://youtu.be/8QKOaTYvYUA I've put this on Codepen: http://codepen.io/kevinpowell/pen/GrLKNo I start this video off with a quick look at how to actually write the HTML for a navigation bar, follow it up with the simple styling of the navigation with CSS and then wrap it all up with how to add the hover effect in there using some fun little hover tricks. If you want a bit more reading on pseudo elements, this should help: https://developer.mozilla.org/en-US/docs/Web/CSS/::after
Views: 206695 Kevin Powell
Modern Layouts: CSS Tutorial (Day 9 of CSS3 in 30 Days)
 
17:54
Use CSS to create modern layouts. Make them responsive with Media Queries. ⭐️Files you need ⭐️ 💻Modern Layouts Code: https://www.dropbox.com/sh/d7lbb1qfqnbow11/AADMR3_MXtBeDdeDL0IgZ55la?dl=0 💻All tutorials in this series need this "_theme-styles" directory (only download once): https://www.dropbox.com/sh/890hx6ke34oovaz/AAByJ-jb-H5pWuIUx7t_GvQqa?dl=0 This video works as a stand-alone tutorial but is also day 9 of CSS3 in 30 Days. For the rest of the series, check out this playlist: https://www.youtube.com/playlist?list=PLWKjhJtqVAbl1AfjiGyYxwpdAPi5v-1OU CSS3 in 30 Days is developed by Brad Hussey. Check out his website for more great tutorials: https://codecollege.ca/ -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp
Views: 5524 freeCodeCamp.org
Grid CSS Responsive Website Layout - "Mobile First" Design
 
49:09
Add MailTag to your browser (it's free) ➜ https://goo.gl/qZf5Pj Thank you MailTag for sponsoring this video In this video we will build a "mobile first" single page website layout using the CSS Grid. We will use modern techniques including relative em units, media queries and even a little flex. CODE: Codepen https://codepen.io/bradtraversy/pen/RjpQvZ BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traversymedia VISIT MY WEBISTE: Check Out My Udemy Courses http://www.traversymedia.com FOLLOW TRAVERSY MEDIA: http://www.facebook.com/traversymedia http://www.twitter.com/traversymedia http://www.instagram.com/traversymedia https://discord.gg/traversymedia
Views: 179697 Traversy Media
Style Fancy Buttons: CSS Tutorial (Day 1 of CSS3 in 30 Days)
 
01:10:26
Learn how to style fancy buttons using CSS in this tutorial for beginners. ⭐️Files you need ⭐️ 💻Fancy Buttons Code: https://www.dropbox.com/sh/hk6mxsmrc4pa4cq/AABgDxxRrsaganm0QVjVuTJZa?dl=0 💻All tutorials in this series need this "_theme-styles" directory (only download once): https://www.dropbox.com/sh/890hx6ke34oovaz/AAByJ-jb-H5pWuIUx7t_GvQqa?dl=0 This video works as a stand-alone tutorial but is also day 1 of CSS3 in 30 Days. For the rest of the series, check out this playlist: https://www.youtube.com/playlist?list=PLWKjhJtqVAbl1AfjiGyYxwpdAPi5v-1OU CSS3 in 30 days is developed by Brad Hussey. Check out his website for more great tutorials: https://codecollege.ca/ -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp
Views: 33997 freeCodeCamp.org
How To Get Started With Flexbox - Modern CSS Layouts #2
 
19:39
In this video of the Modern CSS Layouts tutorial series I’ll be introducing you to Flexbox and some of the basic Flexbox container properties. This is a complete guide to getting started with Flexbox that will show you how Flexbox allows for some excellent dynamic layouts without having to do much. This is the first of 10 videos about the foundational skills you need to learn to build CSS Layouts using modern techniques. The first 5 videos are free. You must sign up to Level Up Pro to have access to: Streaming or downloading all the videos of “Modern CSS Layouts” and the code A Premium video series of tutorials every month Vote for the next potential Premium video series Sign up for Level Up Pro for full access here: https://www.leveluptutorials.com/pro Buy this series: https://goo.gl/BXwqYH Subscribe for more free tutorials: https://goo.gl/6ljoFc Subscribe to the Level Up Newsletter: http://eepurl.com/AWjGz The best shared web hosting: http://www.bluehost.com/track/leveluptutorials/
Views: 5192 LevelUpTuts
Create A Modal With Pure CSS | Registration Form | Web Design Tutorial
 
28:49
Hi friends, in this tutorial I will show you how to create a registration modal with CSS. We also look at adding animations to it. Modal is an integral part of most of the modern websites today. So, I hope this video is helpful. Link for Source Code: https://gist.github.com/Godsont/156afc5f3f098151a288eaea05956c17 If you like this video, please click on the LIKE button and don't forget to SUBSCRIBE to this channel to get the latest video updates.
Views: 16768 GTCoding
How to create modern Timeline using css 3 and HTML 5
 
19:38
Here my website design course here now - https://www.udemy.com/build-a-real-world-responsive-website-with-html-5-css-3-js/?couponCode=LEARN_SOMETHING Checkout my Bestselling courses here now - https://www.udemy.com/user/51a26aa6-9abe-4763-9c39-8909b6290c6a/ -------------------------------------------------------------------- ** COMPLETE WEBSITE DESIGNING COURSES HERE ------------------------------------------------------------------------------- HTML5|| CSS3 || BOOTSTRAP|| JAVASCRIPT || JQUERY || PHP || MYSQLI || WORDPRESS ------------------------------------------------------------------------------- ** COMPLETE WEBSITE DEVELOPING COURSES ARE COMING NOW ------------------------------------------------------------------------------- JAVASCRIPT|| NODE.JS || RUBY ON RAILS|| CODEIGNITER || GO || SHOPIFY |||| In this video we will create beautiful timeline using html 5 and css 3 only Subscribe the channel here https://www.youtube.com/channel/UC8xTHK97Ng__KZvGcO_K7CA?sub_confirmation=1 Join the group here - https://www.facebook.com/groups/328971707545530/ Music Credit Track: Skylike - Limitless Link: https://youtu.be/AwWn7tl6c9E
Views: 2089 Online web ustaad
Python & PyQt5 -7-  Apply your own Style using CSS in PyQt5 method 2
 
09:02
Please if you like these videos subscribe, like and share In this tutorial we will see a new and properly structured method to apply our own styles to our widget using CSS. Personally, i recommend this method in order to separate our CSS styles code from the whole code, especially when you have a lot of style to apply
Views: 2506 ily Code
002 | How to Create Login Sign Up Form with HTML & CSS - Modern Gradient UI Design Tutorial
 
15:11
Hi everyone. My name is Abdul Aziz Ahwan from Indonesia. Welcome back to my channel on YouTube. Today i'm going show you How To Design Login Register Sign Up Form with HTML & CSS. This video is second part, in the first part i have uploaded, designing sign up form using gravit designer. If you want to download Gravit Designer, link below. Link ► http://designer.io If you want to watch first part here: Link ► https://youtu.be/X7yVGA-dMdM I'm very grateful if you want to click the subscribe button to make this channel growing up. Thanks Thank you so much. And let's get started with me. ----------------------------------------------------------------------------------------------------------- ▽ Donate Me Link ► https://paypal.me/abdulazizahwan ----------------------------------------------------------------------------------------------------------- ▽ Project File Link ► http://bit.ly/signup-form-html-01-live ----------------------------------------------------------------------------------------------------------- ▽ Backsound Link ► http://bit.ly/myncspro ----------------------------------------------------------------------------------------------------------- ▽ Subscribe My Channel Here ► http://youtube.com/AbdulAzizAhwan ----------------------------------------------------------------------------------------------------------- ▽ GEAR LIST - Xiaomi Redmi Note 5 Pro - Lenovo B490 - Microphone Clip-On BOYA BY-M1 - U Shape for Microphone and Headphone ----------------------------------------------------------------------------------------------------------- ▽ PLAYLIST Latest Video ► https://goo.gl/Od2du4 ----------------------------------------------------------------------------------------------------------- ▽ FOLLOW Facebook ► https://www.facebook.com/abdulazizahwan Intagram ► https://www.instagram.com/abdulazizahwan Twitter ► https://www.twitter.com/abdulazizahwan G+ ► https://plus.google.com/+AbdulAzizAhwan Website ► https://abdulazizahwan.blog.unnes.ac.id/ ----------------------------------------------------------------------------------------------------------- ▽ TAGS programming, developer, front-end, back-end, designer, ui, ux, beginner, expert, tutorial, modern, html, css, javascript, react, native, flutter, java, swift, ruby, education, indonesia, learn, basic Thanks for Watching! #LoginForm #UIDesign #GravitDesigner #SignUp #Coding #HTML #CSS #Javascript #AbdulAzizAhwan #UIUXDesign
Views: 614 Abdul Aziz Ahwan
Create Working Contact Form Using HTML, CSS, PHP | Contact Form Design
 
18:21
Learn To Create Contact Form With HTML, CSS & PHP 2018, Contact Form Design Tutorials PLEASE SUBSCRIBE US: https://goo.gl/tTFmPb In this tutorial your will learn how to make a fully working contact form using HTML, CSS and PHP Code. Using the PHP code you can receive the inquiry on your Email Id through this contact form. COMMENT HERE IF YOU NEED THIS CODE ---------------------------------------------- Responsive Website Tutorial ► https://youtu.be/dtTWD0ystG0 --------------------------------------------- WATCH RELATED VIDEOS: Create Login & Registration Form using HTML & CSS https://youtu.be/GAOBXGPuKqo Design Image Gallery Using HTML & CSS https://youtu.be/C1B1Fx3XKOg Design HTML Webpage With Background Video https://youtu.be/PqVZTYxF0hk ------------------------------------- Like - Follow & Subscribe us: ► YouTube: https://goo.gl/tTFmPb ► Facebook: https://goo.gl/qv7tEQ ► Twitter: https://twitter.com/ItsAvinashKr
Views: 139456 Easy Tutorials
Create Website and Design Template Using Metro UI CSS
 
07:52
how to create website or design template using metro ui css
Views: 7093 Code Tube
A Beginner's Web Design Tutorial for 2018 - Part 1 of 2
 
17:01
Part 2: https://youtu.be/HKuDR0fYtCY Today's Question: Do you use a CSS Framework or none at all? -- I have received a lot of requests to show the *full* process of both UI design, and then taking that UI design (produced in XD, Sketch, etc..) and making it a near pixel-perfect representation in the browser with HTML and CSS. Well, today I'm delivering! This will be a 2 part series where today, we'll design the UI in Adobe Experience Design, and tomorrow (promptly at 10:30 AM ET), we'll tackle HTML and CSS (without the use of any CSS frameworks). Enjoy! - - - - - - - - - - - - - - - - - - - - - - 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: 157618 DesignCourse
Build a Modern Pricing Table With HTML and CSS
 
01:58:49
In the previous screencast we designed a modern pricing table in Photoshop. Now it's time to make our design web-ready and code it using HTML and CSS.
Views: 3231 Envato Tuts+
Learn Sass in this Free Crash Course - Give your CSS Superpowers!
 
46:26
Today's Question: What other learning resources outside of this channel do you learn from? https://skl.sh/designcourse - First 200 get their first 2 months free @ Skillshare! -- While Sass has been out for quite some time, I wanted to create my own resource for my viewers to learn. Sass enables you to write CSS with features that don't yet exist within CSS itself. In this free crash course, I'm going to show you how to get up and running with Sass while creating a simple responsive landing page from scratch. We're going to cover: 1. Integrating Sass within Visual Studio Code 2. Sass Variables 3. Sass Maps 4. Nesting 5. Mixins 6. Functions 7. Sass & Media Queries Github repo for this course: https://github.com/designcourse/sass-crash-course-project - - - - - - - - - - - - - - - - - - - - - - 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: 83746 DesignCourse
Flexbox Tutorial - Responsive Web Design (CSS)
 
11:52
Get 10% off your domain name with Hover https://www.hover.com/robosquidtv ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ Flexbox, the CSS layout mode designed for responsive and dynamic web applications. Flexbox is a modern alternative and companion to other layout modes like Block, and Grid (which just came out). Learn with me as we discover how to use Flexbox to create responsive websites. ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ SOCIAL ---------- ● Facebook - https://www.facebook.com/robosquidtv/ ● Twitter - https://twitter.com/RoboSquidTV ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ MUSIC ---------- ● Artist: Joakim Karud ● Song: Rock Angel ● Link: https://soundcloud.com/joakimkarud/rock-angel/ ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ LINKS ---------- Codepen: https://codepen.io/Ampix0/pen/qmxqNL CSS Reset: https://www.youtube.com/watch?v=9AO5H6B3tZo MDN Flexbox: Grid Layout: ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
Views: 20149 TechSquidTV
Design The Modern Login Form in Pure CSS | Web Designing Tutorial
 
10:11
Source File Download Link https://techexperto.com/design-the-modern-login-form-in-pure-css-web-designing-tutorial/ visit our website www.techexperto.com Our twitter Account https://twitter.com/techexperto1 Our Facebook page https://www.facebook.com/techexperto1
Views: 196 TechExperto
Visual Studio Code: HTML, CSS & JS Tips
 
21:30
WordPress Dev Course: https://www.udemy.com/become-a-wordpress-developer-php-javascript/?couponCode=YOUTUBEDEAL Front-End Workflow Course: https://www.udemy.com/git-a-web-developer-job-mastering-the-modern-workflow/?couponCode=YOUTUBEDEAL HTML & CSS Course: https://www.udemy.com/web-design-for-beginners-real-world-coding-in-html-css/?couponCode=YOUTUBEDEAL WordPress for Beginners Course: https://www.udemy.com/wordpress-for-beginners-create-a-website-blog-step-by-step/?couponCode=YOUTUBEDEAL One of my favorite hobbies is mispronouncing babel. Follow me on Twitter for updates and cat pics: https://twitter.com/learnwebcode
Views: 201300 LearnWebCode
Calendar UI Design With CSS Grid | Pure Html CSS UI Design
 
11:14
Please LIKE our Facebook page for daily updates... https://www.facebook.com/Online-Tutorial-Html-Css-JQuery-Photoshop-1807958766120070/ Music Credit Track: Tobu - Roots [NCS Release] Music provided by NoCopyrightSounds. https://www.youtube.com/watch?v=7wNb0pHyGuI
Views: 10487 Online Tutorials
Animating CSS Perspectives for UI Design
 
20:46
Today's Question: Do you prefer Sketch vs. Adobe XD for UI Design? -- In this tutorial, I'm going to show you how to create a hover-based CSS transition / animation on elements that are presented in a perspective manner. We're also going to use other CSS properties not commonly used, including mix-blend-mode, the new CSS grid, and more! Let's get started! - - - - - - - - - - - - - - - - - - - - - - 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: 79112 DesignCourse
How To Create Login Form In HTML and CSS | Sign In Form Design - [ Modern UI Design ]
 
14:33
Hi everyone. My name is Abdul Aziz Ahwan from Indonesia. Welcome back to me on YouTube. Today i'm going show you How To Create Login Form In HTML and CSS | Sign In Form Design. In the previous video i have uploaded video about Designing Login Form Gravit Designer. Link ► https://youtu.be/uHDJ-jTu50Q I'm very grateful if you want to click the subscribe button to make this channel growing up. Thanks Thank you so much. And let's get started with me. ----------------------------------------------------------------------------------------------------------- ▽ Donate Me Link ► https://paypal.me/abdulazizahwan ----------------------------------------------------------------------------------------------------------- ▽ Project File Link ► http://bit.ly/loginform002-live ----------------------------------------------------------------------------------------------------------- ▽ Backsound Link ► http://bit.ly/top20Tobu ----------------------------------------------------------------------------------------------------------- ▽ Subscribe My Channel Here ► http://youtube.com/AbdulAzizAhwan ----------------------------------------------------------------------------------------------------------- ▽ GEAR LIST - Xiaomi Redmi Note 5 Pro - Lenovo B490 - Microphone Clip-On BOYA BY-M1 - U Shape for Microphone and Headphone ----------------------------------------------------------------------------------------------------------- ▽ PLAYLIST Latest Video ► https://goo.gl/Od2du4 ----------------------------------------------------------------------------------------------------------- ▽ FOLLOW Facebook ► https://www.facebook.com/abdulazizahwan Intagram ► https://www.instagram.com/abdulazizahwan Twitter ► https://www.twitter.com/abdulazizahwan G+ ► https://plus.google.com/+AbdulAzizAhwan Website ► https://abdulazizahwan.blog.unnes.ac.id/ ----------------------------------------------------------------------------------------------------------- Thanks for Watching! #LoginForm #UIDesign #VScode #Coding #HTML #CSS #Javascript #GravitDesigner #AbdulAzizAhwan #UIUXDesign
Views: 633 Abdul Aziz Ahwan
Design form login with css
 
20:28
This is my tutorial about design form login. If you have any question please leave your comment here. I will try to answer for you. Thank you for your watching
Views: 493423 Phanna ly
An HTML & CSS Tutorial for 2018 - Part 2 of 2
 
01:05:22
Part 1: https://youtu.be/alswD2tCc_Q Today's Question: Are you going full stack, or focusing on just design or just code? -- Today, we're going to write the necessary HTML & CSS to make our design / prototype a reality in the browser. Project / Source Code: https://goo.gl/CZ6QkG - - - - - - - - - - - - - - - - - - - - - - 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: 59208 DesignCourse
S05E04 Modern Web Podcast - CSS Grid
 
32:42
In this Modern Web Podcast Jennifer Luker and Necoline Hubner discuss CSS Grid with Rachel Andrew. Hosts: Jen Luker @knitcodemonkey - Lead software engineer with Deseret Digital Media Necoline Hubner @Necolinesan - Software Developer at Google Fiber (Adecco) Guest: Rachel Andrew @rachelandrew - Web Dev, Co-founder of CMS Perch, CSS Working Group Invited Expert. Smashing Mag Editor in Chief. Topics Discussed: - History of CSS Grid - Benefits of using CSS grid - Browser compatibility and overcoming pain points of transitioning to CSS grid - Accessibility in grid layout - Future of grid https://www.smashingmagazine.com/2017/11/css-grid-supporting-browsers-without-grid/ https://rachelandrew.co.uk/css/cheatsheets/grid-fallbacks https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout/CSS_Grid_Layout_and_Accessibility To learn more visit thisdot.co Follow us on Twitter @moderndotweb Listen to more podcast @ moderndotweb.com
Views: 388 This Dot Media
How to create Modern Testimonial HTML & CSS
 
08:26
frnds, Ajj ke is video mai mai apko batunga ki sirf HTML & CSS se kaise ek achha testimonial design kr skte hai Thank You :) Social Media facebook https://www.facebook.com/subroto.biswas.5030 Twitter https://twitter.com/bittuCoder Instagram https://www.instagram.com/bittucoder/ E-mail: [email protected]
Views: 59 Subroto Biswas