code with aymd
code with aymd
  • 20
  • 468
Lets create this award winning website section
We will create an award-winning website section in this video using CSS and Javascript. For this video, I have used fixed positions and px for measurement uses. You can use sticky position and relative units.
Timeline:
00:02 Demo
00:14 Inspiration
00:36 HTML
02:25 CSS
07:28 Javascript | Images Effect
09:45 Text Effect
16:00 Outro
#awwwards #awardwinningwesite #htmlandcss
zhlédnutí: 5

Video

CSS Border Animations | 3 CSS Border Animations in 13 Minutes
zhlédnutí 5Před dnem
In this video, I make 3 border animations with CSS.
how to create multi step form using html css and javascript
zhlédnutí 3Před 14 dny
In this video, you will learn how to create a multi step form using html css & javascript 00:00 Demo 00:38 HTML 03:01 CSS 06:43 ShowTab function and buttons 10:00 Next and back functionality 12:02 Squares to show progress #htmlandcss #multistepform #webdevelopment
Before and After Sudo Elements In CSS
zhlédnutí 4Před 14 dny
In this video, you will understand what sudo elements in CSS are and how to use them with examples.
CSS Card Hover Animation | HTML and CSS
zhlédnutí 6Před 21 dnem
In this video, you will learn how to design a card section with CSS hover effects.
Lets Design An Amazing Landing Page with Html, Css and Javascript
zhlédnutí 4Před 21 dnem
In this video, you will learn how to develop this landing page using HTML, CSS, and Javascript. There is an infinite marquee animation. Also, there is an image that faces the mouse at all times. #htmlandcss #landingpage #landingpagedesign
Marquee Effect With Pure CSS
zhlédnutí 8Před 21 dnem
In this video, you will learn how to make an infinite scroll animation with pure CSS. This animation is also known as Marquee Animation. Marquee animation doesn't require any Javascript code.
How to develop a calculator app using HTML, CSS, and Javascript
zhlédnutí 42Před měsícem
In this video, I have developed a simple calculator using HTML, CSS, and Javascript. the javascript use is very minimal. The only main function in Javascript that you need to know about is the eval() function which I have used do the calculations when the user presses the "equal to" button. Other than that, every button has on-click events for adding their corresponding values to the screen. #c...
Lets Develop This Amazing Menu With Gradient Hover Effect | Html, Css, Javascript
zhlédnutí 8Před měsícem
In this video, I have developed a navbar using HTML, CSS, and JS. The navbar has three links. Upon hovering on each, a background gradient is applied on that specific link with a transition time of 1s. you can change the gradient and add as many colors as you like. #navbar #htmlcss #htmlandcss
Responsive Image Gallery Using Grid Layout in HTML and CSS
zhlédnutí 93Před měsícem
In this video, I have created a responsive image gallery using grid layout in CSS. I have selected 4 columns for the large screen, 2 for medium, and 1 for small screen sizes. You can experiment with them and see which one do you like.
Developing Images Gallery in html and css
zhlédnutí 101Před měsícem
In this video, I have developed an image gallery using HTML and CSS. The images in their normal state will be small in width and be grayscale. On hovering over a single image, it will scale that image width by 3 times and will make it colored. #imagegalleryhtmlcss #htmlandcss
Landing Page design in Fimga
zhlédnutí 25Před měsícem
In this video, I have designed a landing page for a pet parrot company in figma. #landingpage #figma #figmadesign #websitedesign
Inline and Block Properties in CSS and How to Use Them | HTML and CSS
zhlédnutí 4Před 5 měsíci
In this video, I have explained how to use inline and block properties in CSS.
Writing Mode in CSS And Why You Should Use It
zhlédnutí 28Před 5 měsíci
In this video, I have explained the writing mode property in CSS and why you should use it instead of the rotate property when dealing with text.
Develop a Website Using HTML and CSS with flex and grid display
zhlédnutí 7Před 5 měsíci
Develop a Website Using HTML and CSS with flex and grid display
Develop a Website Using HTML and CSS with Relative and Absolute Positioning
zhlédnutí 25Před 5 měsíci
Develop a Website Using HTML and CSS with Relative and Absolute Positioning
Position in CSS | Static, Relative, Absolute, Fixed and Sticky position in CSS
zhlédnutí 3Před 6 měsíci
Position in CSS | Static, Relative, Absolute, Fixed and Sticky position in CSS
Introduction to JavaScript, Console.log(), and Comments | JavaScript Tutorial #1
zhlédnutí 3Před 6 měsíci
Introduction to JavaScript, Console.log(), and Comments | JavaScript Tutorial #1

Komentáře