Web cifar

Web cifar смотреть последние обновления за сегодня на .

One Page Full Website Project For Practice | HTML & CSS Responsive Website

1134248
29033
1213
03:21:44
25.03.2020

Today we are going to create a website which will be a nice one page website. This is for HTML & CSS practice and through this project we will see many things like how we can make our website fully responsive, so many things about pseudo elements, hamburger, Off-canvas menu and many more. Hope you will like this video. Also, You can download the source code from the link down below. Source Code : 🤍 ✨ Like our works and want to support us? 🚀 We'd really appreciate a coffee: 🤍 Tutorials mentioned in the video: Complete Restaurant Project: 🤍 Text Reveal Effect : 🤍 Responsive Nav-bar : 🤍 Hamburger : 🤍 Websites mentioned in the video: Visual Studio Code : 🤍 Icons8 : 🤍 Similar Projects: Shaif's Cuisine - HTML, CSS Project 🤍 Amy's Portfolio - HTML, CSS Project 🤍 Ayan's Portfolio - React JS Project 🤍 Join The Community : Our website : 🤍 Instagram : 🤍 Facebook Page : 🤍 Facebook group : 🤍 Behance : 🤍 twitter : 🤍 Music Credit : Song: DayFox - Crushed Hearts (Vlog No Copyright Music) Music provided by Vlog No Copyright Music. Video Link: 🤍 #responsive #website #project

Responsive Website With HTML & CSS | Mini Project For Practice | Web Cifar 2020

60448
1888
102
02:02:27
02.03.2020

Today we are going to create a website with HTML & CSS. This is a mini project and specially for the beginners. We will show you how you can turn the website into a responsive design. We will see how to create responsive navigation bar with Mobile hamburger menu and how to make flip box box with css. There are many thing that you can learn through the practice. You can download the source code from the link down below. Source Code : 🤍 Tutorials mentioned in the video: Responsive Nav-bar : 🤍 Hambuger : 🤍 Flip Crad : 🤍 3D Flip card : 🤍 ⭐ Kite is a free AI-powered coding assistant that will help you code faster and smarter. The Kite plugin integrates with all the top editors and IDEs (including VSCode) to give you smart completions and documentation while you’re typing. This will be helpful for Web Development. So check it out 👇👇. 🤍 Join The Community : Our website : 🤍 Facebook Page : 🤍 Facebook group : 🤍 Instagram : 🤍 Behance : 🤍 twitter : 🤍 Music Credit : name : Damon Empero ft. Veronica - Vacation [ King Step Release ] | Tropical House | | No Copyright | watch it : 🤍 #responsive #website #project

HTML CSS Full Project | Restaurant Website | Shaif's Cuisine

56996
1974
111
06:28:23
04.10.2021

Shaif's Cuisine is a HTML CSS Project. In this HTML CSS Project we are going to make this full restaurant website and will make it responsive. In the end we will push it to GitHub and deploy it to Netlify, Also we will make all the forms functional. We are gonna learn so many things through this project. 🔔 Subscribe and turn on the notification bell. 📚 Source code: 🤍 👉 Live Preview: 🤍 ✨ Like our works and want to support us? 🚀 We'd really appreciate a coffee: 🤍 Timestamps - 00:00:00 - Project Intro 00:05:43 - Starter Files 00:07:50 - Intro 00:09:03 - File Structure 00:16:14 - Global Styles 00:26:42 - Nav Menu 01:14:01 - Footer 01:45:20 - Add Nav & Footer to All Pages 01:49:05 - Hero Section 02:03:03 - AOS Init 02:07:24 - Store Info Section 02:21:13 - Our Specials Section 02:49:02 - Top Dishes Section 03:07:29 - Discount Section 03:31:40 - Events Media Section 03:40:10 - Events Info Section 03:58:52 - Why Us Section 04:16:37 - Testimonial Section 04:37:00 - Newsletter Section 04:52:26 - Menu Page 05:20:25 - About Page 05:40:07 - Contact Page 05:58:45 - Booking Page 06:11:55 - Push to GitHub 06:15:20 - Deploy to Netlify 06:27:05 - Final Goodbye 🤵Follow Shaif Arfan 👇👇 Instagram: 🤍 Facebook: 🤍 Twitter: 🤍 🐱‍🏍 Support The Channel PayPal : 🤍 ▶ Similar Projects: Amy's Portfolio - HTML, CSS Project 🤍 Ayan's Portfolio - React JS Project 🤍 One Page portfolio- HTML CSS Project 🤍 ▶ Some useful Playlist : HTML & CSS: 🤍 Vanilla JavaScript : 🤍 Frontend Mentor Challenges: 🤍 30days30submits Challenge: 🤍 🌐 Join The Community : Our website : 🤍 Facebook Page : 🤍 Facebook group : 🤍 Instagram : 🤍 twitter : 🤍 GitHub: 🤍 & 🤍 #shaifsCuisine #htmlCss #restaurantWebsite

HTML CSS Portfolio Project | Responsive Website Using HTML & CSS

31767
1083
60
04:47:01
29.03.2021

This HTML & CSS Portfolio project is for practice. AMY is a fictional character. She is a freelance web designer. We made this nice portfolio for her with mainly HTML & CSS. Though we used few lines of JS but the main purpose of this project is to practice HTML & CSS. We are going to learn lots of things link how to make it responsive, how we can make a nice off-canvas menu, CSS animations, CSS flex layout and many more. Hope you will like this video. Also You can download the source code from the link down below. 🔔subscribe and turn on the notification bell. 👉 source code: 🤍 👉 Live Preview : 🤍 👉 Project Playlist: 🤍 ✨ Like our works and want to support us? 🚀 We'd really appreciate a coffee: 🤍 📺 Tutorial Mentioned in the video: Overlapping Layout: 🤍 Scroll To Top : 🤍 Deploy site : 🤍 Timestamps - 00:00:00 - Project Preview 00:01:41 - Project Introduction 00:07:48 - Project Setup 00:12:21 - Hero Section 00:57:14 - Services Section 01:22:13 - Testimonial Section 01:44:27 - Stats Section 01:53:23 - About Section 02:13:31 - Projects Section 02:43:40 - Footer Section 03:08:14 - Nav Menu 03:50:39 - Contact Page 04:26:18 - Fixing Issues 04:43:05 - Deploying the site with netlify 04:46:02 - Project Conclusion 📺 Tutorial Mentioned in the video: Overlapping Layout: 🤍 Scroll To Top : 🤍 Deploy site : 🤍 Follow Arfan 👇👇 Instagram: 🤍 Facebook: 🤍 Twitter: 🤍 🐱‍🏍 Support The Channel PayPal : 🤍 ▶ Also Watch : Make a full website with HTML & CSS: 🤍 HTML & CSS Landing Page : 🤍 Mini Project for HTML & CSS : 🤍 How To Make A WordPress website: 🤍 ▶ Some useful Playlist : HTML & CSS: 🤍 Vanilla JavaScript : 🤍 Frontend Mentor Challenges: 🤍 30days30submits Challenge: 🤍 🌐 Join The Community : Our website : 🤍 Facebook Page : 🤍 Facebook group : 🤍 Instagram : 🤍 twitter : 🤍 GitHub: 🤍 #webcifar #projectAMY #portfolioWebsite

How to Create a Animated Hamburger For Menu | HTML, CSS, JavaScript | Web Cifar 2020

4060
113
11
00:10:51
08.02.2020

Today we are going to see to we can make animated Hamburger for menu. We will create it with html, css and a little bit of JavaScript. Hope you will like it. If you like the video Please Like , share , subscribe the channel. Happy web!! Source Code : 🤍 Video : Responsive Navigation Menu With Animated Hamburger :: 🤍 Join The Community : Our website : 🤍 Facebook group : 🤍 Instagram : 🤍 Behance : 🤍 twitter : 🤍 #animated #hamburger #menu

CSS Flip Card Tutorial | HTML & CSS Only | Web Cifar 2020

1060
50
14
00:16:04
17.02.2020

Today we are going to see how can we make flip card or flip box with html and css. This is a very useful web component that you may saw in many websites and in this video we are going to learn how we can make this for our website. Hope you will like this idea and enjoy the video. If you do please let me know by giving it a thumb-sup and subscribing the channel. Source Code : 🤍 3D Flip Card : 🤍 Join The Community : Our website : 🤍 Facebook Page : 🤍 Facebook group : 🤍 Instagram : 🤍 Behance : 🤍 twitter : 🤍 #cssFlipBox #cssFlipCard #cssFlipEffect

HTML Form to Mail | Create Full Functional HTML Form Without Any Back-end

273959
5747
393
00:31:20
14.08.2020

This is the day-19 of #30days30submits. Today we are going to make a fully functional html form without any back-end. Hope you will like it. 🔔subscribe and turn on the notification bell. 👉 Formspree: 🤍 👉 source code: 🤍 👉 #30days30submits : 🤍 ✨ Like our works and want to support us? 🚀 We'd really appreciate a coffee: 🤍 ▶ Also Watch : Make a full website with HTML & CSS: 🤍 HTML & CSS Landing Page : 🤍 Mini Project for HTML & CSS : 🤍 How To Make A WordPress website: 🤍 🌐 Join The Community : Our website : 🤍 Facebook Page : 🤍 Facebook group : 🤍 Instagram : 🤍 twitter : 🤍 Github: 🤍 #30days30submits #form #htmlForm

Photo Gallery App Part-1 | Create Website Using HTML & CSS

6650
185
14
00:25:41
27.07.2020

This is the day-7 of #30days30submits. Today we going to create a website for our Photo Gallery App using HTML & CSS. Hope you will like it. 🔔subscribe and turn on the notification bell. 👉 photo gallery app part -2 : 🤍 👉 source code: 🤍 👉 #30days30submits : 🤍 ▶ Also Watch : Make a full website with HTML & CSS: 🤍 HTML & CSS Landing Page : 🤍 Mini Project for HTML & CSS : 🤍 How To Make A WordPress website: 🤍 🌐 Join The Community : Our website : 🤍 Facebook Page : 🤍 Facebook group : 🤍 Instagram : 🤍 twitter : 🤍 Github: 🤍 #30days30submits #figmaToHTMLl #photoGallery

How To Create Neumorphism Effect With CSS | HTML CSS Effects | Elementor | Web Cifar 2020

70774
2750
92
00:20:50
10.01.2020

Today we will see how we can make Neumorphism effects with CSS. It is a very smooth ui effects that you can see in many website or app nowadays. If you like the video Please Like , share , subscribe the channel. Happy web neumorphism site : 🤍 CODE: post: 🤍 codepen : 🤍 ⭐ Kite is a free AI-powered coding assistant that will help you code faster and smarter. The Kite plugin integrates with all the top editors and IDEs (including VSCode) to give you smart completions and documentation while you’re typing. This will be helpful for Web Development. So check it out 👇👇. 🤍 Join The Community : Our website : 🤍 Facebook group : 🤍 Instagram : 🤍 Behance : 🤍 twitter : 🤍 #neumorphism #webdesign #css

Custom Hover Effects With Elementor custom CSS | Web Cifar | WordPress 2019

29330
707
35
00:04:55
19.09.2019

CSS Code : [👉For section ⬇] selector:hover .elementor-column-wrap{ filter: blur(5px); transition: .6s ease all!important; transform: scale(.8); } selector .elementor-column-wrap{ transition:.6s ease all!important; } [👉column code ⬇] selector:hover { transform: scale(1); transition: .6s ease all!important; background: black; margin: 0px!important; } selector:hover .elementor-column-wrap{ transform: scale(1)!important; background: black!important; filter: blur(0)!important; transition: .6s ease all!important; } selector .elementor-column-wrap{ transition: .6s ease all!important; } selector{ transition: .6s ease all; margin: 50px 0px 50px 0px; } Subscribe Now : 🤍 Behance : 🤍 Instagram : 🤍 This Hover effects is created by web cifar . You can make similar hover effects by using the code you can get the code in our website and also you can download the template that we used in the video from our website. Happy web! Thanks For Watching #hover #effects #wordpress

Animated Login Form | HTML, CSS, Javascript | Web Cifar 2020

1357
41
9
00:27:09
18.01.2020

Today we will show how to make a animated smooth looking login form with HTML, CSS, JavaScript. We made it as a tutorial purpose only. So any kind of suggestion is appreciated. If you like the video Please Like , share , subscribe the channel. Happy web!!. subscribe : 🤍 CODE: 🤍 Join The Community : Our website : 🤍 Facebook group : 🤍 Instagram : 🤍 Behance : 🤍 twitter : 🤍 #html #js #login

Text Reveal CSS Animation Effect | Elementor | Web Cifar 2020

16518
380
23
00:25:03
09.03.2020

Today we are going to create a text revealing animation effect that with take place on page load. This kind of animation will make a nice user experience to your user. Also we will show you how you can add it to elementor if you are using WordPress. Hope you will like it. Happy web! Source Code : 🤍 live preview : 🤍 Blog Post For Elementor : 🤍 Also watch: Advance Elementor Menu : 🤍 Join The Community : Our website : 🤍 Facebook Page : 🤍 Facebook group : 🤍 Instagram : 🤍 twitter : 🤍 #cssanimation #textReveal #elementor

Responsive Website With HTML And CSS | HTML, CSS, Sass | Website Tutorial | Web Cifar 2020

2102
51
10
00:27:03
13.01.2020

In this video, we will create a fully responsive website with html5 and css3. We will use sass as a CSS preprocessor. It will be a fully responsive website that means it will be a mobile tablet friendly website. And if you like this video please give a Thumbs Up and comment Down if you wanna see more HTML, CSS, SCSS, JS related video. Happy web! subscribe please : 🤍 Code File : 🤍 Join The Community : Our website : 🤍 Facebook group : 🤍 Instagram : 🤍 Behance : 🤍 twitter : 🤍 #responsive #html #css

How To Create An Accordion With HTML, CSS, JavaScript | Web Cifar

873
46
9
00:35:24
21.02.2020

Today we are going to create accordion with html, css and javascript. Hope you will like it. Happy web!! . Source Code : 🤍 Join The Community : Our website : 🤍 Facebook Page : 🤍 Facebook group : 🤍 Instagram : 🤍 Behance : 🤍 twitter : 🤍 #accordion #css #js

Night Mode Toggle Button | HTML, CSS, Javascript | Web Cifar 2020

2690
90
6
00:21:10
05.02.2020

Today we will see how we can make Dark Mode toggle button with html css and js. It is a very smooth ui effects that you can see in many website or app nowadays. If you like the video Please Like , share , subscribe the channel. Happy web!! SOURCE-CODE: codepen : 🤍 Join The Community : Our website : 🤍 Facebook group : 🤍 Instagram : 🤍 Behance : 🤍 twitter : 🤍 #darkMode #nightMode #daynightSwitch

CSS For Elementor | Write Custom CSS in Elementor | Web Cifar 2020

12219
261
27
00:50:33
03.04.2020

Hello my friends, today we are going to learn about #CSS for #Elementor. If you are an elementor user and you want to make something like a magical Elementor design, you probably wondering "how you can write #custom_CSS". This is what you are going to learn today. Hope you will like it. And if you like it, give it a thumb-up and don't forget to subscribe and share the video. Website for Learning CSS: 🤍 Buy Elementor Pro: 🤍 Some useful Playlist : Elementor Tutorials: 🤍 Elementor Speed Art: 🤍 HTML & CSS: 🤍 Join The Community : Our website : 🤍 Facebook Page : 🤍 Facebook group : 🤍 Instagram : 🤍 twitter : 🤍

CSS Buttons With Hover Animation | HTML & CSS | Web Cifar 2020

882
32
5
00:18:07
29.01.2020

Today we will see how we can make css Buttons with Hover animation using HTML & CSS. It is a very smooth ui effects that you can see in many website or app nowadays. If you like the video Please Like , share , subscribe the channel. Happy web!! SOURCE-CODE: codepen : 🤍 Join The Community : Our website : 🤍 Facebook group : 🤍 Instagram : 🤍 Behance : 🤍 twitter : 🤍 #css #button #animation

How to create a simple hero section with HTML & CSS

11097
296
25
00:17:18
15.01.2021

Today we are going to create a Hero section using only HTML & CSS. This is for beginners. Here we showed how we can create a simple hero section using flex box and also some technique that can be helpful. 🔔subscribe and turn on the notification bell. 👉 source code: 🤍 Timestamps - 00:00 - Preview 01:27 - HTML 02:58 - CSS 16:34 - Tutorial Conclusion 🐱‍🏍 Support The Channel Paypal : 🤍 Follow Arfan 👇👇 Instagram: 🤍 Facebook: 🤍 Twitter: 🤍 ▶ Also Watch : Make a full website with HTML & CSS: 🤍 HTML & CSS Landing Page : 🤍 Mini Project for HTML & CSS : 🤍 How To Make A WordPress website: 🤍 ▶ Some useful Playlist : HTML & CSS: 🤍 Vanilla JavaScript : 🤍 Frontend Mentor Challenges: 🤍 30days30submits Challenge: 🤍 🌐 Join The Community : Our website : 🤍 Facebook Page : 🤍 Facebook group : 🤍 Instagram : 🤍 twitter : 🤍 Github: 🤍 #webcifar

How to Create a Simple Modal Popup | HTML, CSS, JavaScript | Web cifar 2020

965
32
3
00:26:55
20.01.2020

In this video i will cover how to Create a simple modal popup using HTML, CSS and Javascript. This popup will appear with fade effects when we click a button also it will close when we click close button of the popup or click outside of the popup. subscribe : 🤍 CODE : 🤍 Join The Community : Our website : 🤍 Facebook group : 🤍 Instagram : 🤍 Behance : 🤍 twitter : 🤍 #popup #modal #webdevelopment

Soft UI Neumorphism Form With CSS | Neumorphism CSS Effect | Web Cifar 2020

973
27
4
00:21:20
03.02.2020

Today we will see how we can make Neumorphism effects with CSS. It is a very smooth ui effects that you can see in many website or app nowadays. If you like the video Please Like , share , subscribe the channel. Happy web !! Basic Neumorphism Video : 🤍 SOURCE-CODE: codepen : 🤍 Join The Community : Our website : 🤍 Facebook group : 🤍 Instagram : 🤍 Behance : 🤍 twitter : 🤍 #neumorphism #webdesign #css

Patterns Background For Your Website | Subtle Patterns | Web CIfar | Wordpress 2019

1493
26
4
00:03:36
16.10.2019

Today we will talk about subtle patterns website where you will find tons of patterns background for your website and for any kind of projects. Hope you will enjoy the video. Happy web!!. website for patterns background : 🤍 For More Details : 🤍 Join Th Community : Our website : 🤍 Instagram : 🤍 Behance : 🤍 #background #patterns #wordpress

Animated Hamburger | Elementor Widget | Unlimited Elements | Web Cifar | WordPress 2019

36674
595
88
00:10:06
30.09.2019

Today we will add a animated hamburger widget in our elementor and this process will be completely free. We will add this widget with the help of Unlimited Elements. Hope you will enjoy the video. Happy web!!. Thanks For watching. Download the widget : 🤍 Star wars - website design : 🤍 Join The Community : Our website : 🤍 Facebook Page : 🤍 Facebook group : 🤍 Instagram : 🤍 twitter : 🤍 #Elementor #wordpress #widget

Build A Simple Calculator With JavaScript | Mini Project For Beginners

37545
868
68
01:12:37
12.10.2020

👉 Check out Kite - A Free AI-powered Coding Assistant (download link): 🤍 This is the day-28 of #30days30submits. Today we are going to create a simple calculator with vanilla JavaScript. That's a mini JS project for JS beginners & hope you will like it. 🔔subscribe and turn on the notification bell. 👉 source code: 🤍 👉 #30days30submits : 🤍 Timestamps - 00:00 - Intro 00:11 - APP Preview 03:31 - HTML 11:01 - CSS 21:02 - JavaScript 1:11:50 - Outro ▶ Also Watch : Make a full website with HTML & CSS: 🤍 HTML & CSS Landing Page : 🤍 Mini Project for HTML & CSS : 🤍 How To Make A WordPress website: 🤍 ▶ Some useful Playlist : HTML & CSS: 🤍 Vanilla JavaScript : 🤍 Frontend Mentor Challenges: 🤍 🌐 Join The Community : Our website : 🤍 Facebook Page : 🤍 Facebook group : 🤍 Instagram : 🤍 twitter : 🤍 Github: 🤍 #30days30submits #webCifar #javascript

GIF With Elementor | web cifar | cliply | WordPress (2019)

25298
233
12
00:20:21
15.08.2019

Subscribe Now!! : 🤍 Website for free GIF : 🤍 Today i will show you how can you use Gif in your wordpress website with Elementor. You know , Gif are so noticeable and it can grave anyone attention . So i think It will be be good to use Gif instead of using the static content. How to create a full website : 🤍 Behance : 🤍 Instagrame : 🤍 Thanks For Watching.

How to Create Neumorphism Circular Progress Bar with only css | HTML & CSS | web cifar 2020

3908
119
16
00:17:22
18.03.2020

Today we are going to see how we can create circular progress bar which will have a Neumorphism effect. This is a trending effect that you can see in many website. Also this effect is so smooth and nice that you should try it. Hope you will like this video. And don't forget to subscribe the channel for video like this one. Happy web! . Source Code : 🤍 Know more about Neumorphism effect : 🤍 Join The Community : Our website : 🤍 Facebook Page : 🤍 Facebook group : 🤍 Instagram : 🤍 twitter : 🤍 #progressBar #Neumorphism #css

How To Add Image Hotspot To Your Wordpress Website | Web Cifar | WordPress 2019

2047
45
8
00:11:31
31.10.2019

Today we will add Image Hotspot / image tool-tips in our WordPress website and this process will be completely free. We will add this Image Hotspot with the help of "Image Hotspot by DevVN". Hope you will enjoy the video. Happy web!!. Thanks For watching. Plugin : 🤍 Custom Css Code : Comment Section👇 Join The Community : Our website : 🤍 Instagram : 🤍 Behance : 🤍 #image #hotspot #tooltips

Web Design Speed Art | Elementor | Web Cifar | Wordpress 2019

2968
59
4
00:10:05
03.10.2019

In this speed art, we made a WordPress website with Elementor. It's a simple Template which you can download from our website. Hope you will like it. If you like the video Please don't forget to subscribe to the channel. We will upload this kind of free stuff in Every week. Please, let us know how was the video in the comment section. Thanks For Watching. Happy Web! Download The Template :🤍 Our Website: 🤍 Behance : 🤍 Instagram: 🤍 Music Credits: Track: Unknown Brain - Why Do I? (ft. Bri Tolani) [NCS Release] Music provided by NoCopyrightSounds. Watch: 🤍 Free Download / Stream: 🤍 Track: Jordan Schor & Harley Bird - Home [NCS Release] Music provided by NoCopyrightSounds. Watch: 🤍 Free Download / Stream: 🤍 #webdesign #speedart #wordpress

How To Make Frosted Glass Effects With Pure CSS | Frosted Glass | CSS Effects | Web Cifar 2020

7752
135
10
00:11:13
07.01.2020

Today we will see how we can make Frosted Glass effects with CSS. It is a very smooth effects that you can see in many website or app nowadays. If you like the video Please Like , share , subscribe the channel. Happy web Post: 🤍 CODE : 🤍 Join The Community : Our website : 🤍 Facebook group : 🤍 Instagram : 🤍 Behance : 🤍 twitter : 🤍

Navigation Menu Moving Background Hover Effect | HTML, CSS, Javascript | web cifar 2020

1640
33
9
00:19:42
13.02.2020

Today we will create a hover effect for our navigation menu. It will be a moving background which will move with our cursor instead of fading in and out. Hope you will like this idea and enjoy the video. If you do please let me know by giving it a thumb-sup and subscribing the channel. Source Code : 🤍 Join The Community : Our website : 🤍 Facebook group : 🤍 Instagram : 🤍 Behance : 🤍 twitter : 🤍 #navigationhovereffect #csseffect #js

CSS Flip Card With 3D Hover Effect | HTML & CSS | Web Cifar 2020

957
56
9
00:16:31
03.03.2020

Today we are going to show you how you can make a css flip card or flip box with 3D effect. This effect is so smooth and it looks good. So you should definitely try this. Hope you will like the video. Happy Web!. source code: 🤍 Join The Community : Our website : 🤍 Facebook Page : 🤍 Facebook group : 🤍 Instagram : 🤍 twitter : 🤍 #flipcard #3deffect #css

Random Joke Generator | JavaScript Fetch API

7017
170
19
00:18:48
23.07.2020

This is the day-3 of #30days30submits. And today we are going to make a dad jokes generator with javascript and we are going to fetch an API and use the data on our website. Hope you will like it. 🔔subscribe and turn on the notification bell. 👉 source code : 🤍 👉 #30days30submits : 🤍 👉 Dad Joke Api website : 🤍 ▶ Also Watch : Make a full website with HTML & CSS: 🤍 HTML & CSS Landing Page : 🤍 Mini Project for HTML & CSS : 🤍 How To Make A WordPress website: 🤍 ▶ Some useful Playlist : HTML & CSS:🤍 Elementor Tutorials (wp): 🤍 Elementor Speed Art:🤍 🌐 Join The Community : Our website : 🤍 Facebook Page : 🤍 Facebook group : 🤍 Instagram : 🤍 twitter : 🤍 Github: 🤍 #30days30submits #randomJokeGenerator #fetchAPI

A Complete React Todo App using React, Redux, Framer Motion

10434
453
34
03:11:20
17.01.2022

Hello Everyone 👋. In the project, we will be creating a Complete Todo Application with all features. We will do all the CRUD operations. We will to use React.js and to manage our states, we will use Redux. Also, we will learn to make simple animations using Framer Motion. This will be a complete beginner-friendly app. Hope you enjoy it. 🔔Subscribe and turn on the notification bell. 👉 source code: 🤍 👉 Live Preview: 🤍 👉 Starter Files: 🤍 Timestamps - 00:00:00 - Project Intro 00:03:20 - Starter Files 00:09:26 - App Title 00:18:13 - App Header 00:36:44 - Add Modal 00:58:23 - Add Todo 01:24:55 - Read All Todo items 01:41:50 - Delete Todo 01:49:09 - Update Modal 01:58:11 - Update Todo 02:12:40 - Checkbox 02:37:30 - Todo Filter 02:52:55 - Animation with Framer Motion 03:07:35 - Fixes 03:10:03 - Conclusion Follow Shaif Arfan 👇👇 Instagram: 🤍 Facebook: 🤍 Twitter: 🤍 🐱‍🏍 Support The Channel PayPal : 🤍 ▶ Watch More Tutorial Projects: Artistic React JS Project 🤍 Ayan's Portfolio React JS Project 🤍 Shaif's Cuisine HTML, CSS Project 🤍 Amy's Portfolio HTML, CSS Project 🤍 One Page portfolio HTML CSS Project 🤍 🤵Follow Shaif Arfan 👇👇 Instagram: 🤍 Facebook: 🤍 Twitter: 🤍 🐱‍🏍 Support The Channel PayPal : 🤍 ▶ Some useful Playlist : HTML & CSS: 🤍 Vanilla JavaScript : 🤍 Frontend Mentor Challenges: 🤍 30days30submits Challenge: 🤍 🌐 Join The Community : Our website : 🤍 Facebook Page : 🤍 Facebook group : 🤍 Instagram : 🤍 twitter : 🤍 GitHub: 🤍 & 🤍 #todoApp #reactJS #reactRedux

Advance Elementor Menu With Dynamic Shapes | Elementor | Web Cifar 2020

8281
228
69
00:18:50
05.03.2020

Today we are going to show you something interesting. We saw this in the codrops. They listed it with source code. We thought it will be a good idea to turn it into an elementor widget. That’s what we did, We customized the effect to make it compatible with elementor and finally, we came out with this result. You can download the widget from down below and test it out. Also you can watch the video to see how you can use it. we hope, it will be helpful and you will like it. Happy web !!. Download the widget : 🤍 Codrops Link : 🤍 Join The Community : Our website : 🤍 Facebook Page : 🤍 Facebook group : 🤍 Instagram : 🤍 twitter : 🤍 #elementor #codrops #advancemenu

How To Create Dark Theme Switcher For Website Using CSS and JS

4166
159
16
00:22:20
22.07.2020

Today we are going to make a CSS Dark Theme Switcher. This will be fun to learn you can create different CSS color themes and switch between them. Hope you will like it. 👉 Source code: 🤍 👉 #30days30submits Github repo: 🤍 Also Watch : Make a full website with HTML & CSS: 🤍 HTML & CSS Landing Page : 🤍 Mini Project for HTML & CSS : 🤍 How To Make A WordPress website : 🤍 Some useful Playlist : HTML & CSS:🤍 Elementor Tutorials (wp): 🤍 Elementor Speed Art:🤍 Join The Community : Our website : 🤍 Facebook Page : 🤍 Facebook group : 🤍 Instagram : 🤍 twitter : 🤍 Github: 🤍 #30days30submits #darktheme #themeSwitcher

How To Create a Vertical Timeline Using HTML & CSS

32912
1092
71
00:28:59
25.04.2020

👉 Check out Kite - A Free AI-powered Coding Assistant (download link): 🤍 Today we are going to create a vertical timeline using HTML & CSS. It will be a responsive design which means it will look good in every device. Hope you guys will like it. If you are new to my channel please do subscribe. Happy web!! source code: 🤍 Also Watch : Make a full website with html & css : 🤍 Mini Project for HTML & CSS : 🤍 How To Make A WordPress website : 🤍 Some useful Playlist : HTML & CSS:🤍 Elementor Tutorials (wp): 🤍 Elementor Speed Art:🤍 Join The Community : Our website : 🤍 Facebook Page : 🤍 Facebook group : 🤍 Instagram : 🤍 twitter : 🤍 Github: 🤍 Music Credit : Song: DayFox - Crushed Hearts (Vlog No Copyright Music) Music provided by Vlog No Copyright Music. Video Link: 🤍 #html #css #timeline

404 Page Template Design With Elementor | Web Cifar | Wordpress 2019

611
12
1
00:08:52
21.10.2019

Subscribe Now: 🤍 Download The template for free : 🤍 Free Patterns Background : 🤍 In this speed art, we made a wordpress 404-page template with Elementor. It's a simple Template which you can download from our website. Hope You will like it. If like the video Please don't forget to subscribe the channel. We will upload this kind of free stuff in Every week. Please , let us know how was the video in the comment section. Thanks For Watching. Happy Web! Join Th Community : Our website : 🤍 Instagram : 🤍 Behance : 🤍 Track: Diamond Eyes - Flutter [NCS Release] Music provided by NoCopyrightSounds. Watch: 🤍 Free Download / Stream: 🤍 Song: Jarico - Landscape (Vlog No Copyright Music) Music promoted by Vlog No Copyright Music. Video Link: 🤍 #404 #elementor #wordpress

How to Create Multi Step Form Using HTML, CSS & JavaScript

21095
392
51
00:35:56
15.08.2020

This is the day-20 of #30days30submits. Today we are going to create a multi step from using HTML, CSS & JavaScript. Hope you will like it. 🔔subscribe and turn on the notification bell. 👉 source code: 🤍 👉 #30days30submits : 🤍 ▶ Also Watch : Make a full website with HTML & CSS: 🤍 HTML & CSS Landing Page : 🤍 Mini Project for HTML & CSS : 🤍 How To Make A WordPress website: 🤍 🌐 Join The Community : Our website : 🤍 Facebook Page : 🤍 Facebook group : 🤍 Instagram : 🤍 twitter : 🤍 Github: 🤍 #30days30submits #form #multiStepForm

WEB CIFAR : Client Review (Tarra)

1070
23
3
00:02:00
01.11.2019

This a client review about web cifar. The client was Tarra From USA. She hired us for building websites. It was a great experience to work with her. Join The Community : Our website : 🤍 Instagram : 🤍 Behance : 🤍 #client #review #webcifar

Overlapping Layout With CSS Flex Box

57326
1599
85
00:18:27
26.10.2020

Today we are going to create an overlapping layout with CSS FlexBox. This is a popular layout that you might see on many website & today we're going to see how you can do that. Hope you will like it. 🔔subscribe and turn on the notification bell. 👉 source code: 🤍 ✨ Like our works and want to support us? 🚀 We'd really appreciate a coffee: 🤍 ▶ Also Watch : Make a full website with HTML & CSS: 🤍 HTML & CSS Landing Page : 🤍 Mini Project for HTML & CSS : 🤍 How To Make A WordPress website: 🤍 ▶ Some useful Playlist : HTML & CSS: 🤍 Vanilla JavaScript : 🤍 Frontend Mentor Challenges: 🤍 30days30submits Challenge: 🤍 🌐 Join The Community : Our website : 🤍 Facebook Page : 🤍 Facebook group : 🤍 Instagram : 🤍 twitter : 🤍 Github: 🤍 #webCifar #overlappingLayout #CSS

Responsive Navigation Menu With Animated Hamburger | HTML, CSS and JS Tutorial

5724
143
14
00:34:38
10.02.2020

Today we will create a responsive navigation menu with an animated hamburger also we will create a slide in animation with the mobile menu. I hope you will enjoy the video and if you do, please subscribe to the channel and share this video with others. Happy Web!! Source Code : 🤍 Join The Community : Our website : 🤍 Facebook group : 🤍 Instagram : 🤍 Behance : 🤍 twitter : 🤍 #responsive #navigation #menu

Назад
Что ищут прямо сейчас на
web cifar Science experiences fails процессор osu CZ SK Music Viral where are you Dainik Rashifal nayeon singing pani puri nepal vridha pension kyc kaise kare LineAge 2 Mobile lo mas bailable MARKUP Nomer olish sommaire karen aslanyan no game no life zero joy maa bolla depressive LOUDSOUND