Awesome Flex Image Slider für dein nächstes Web Design Projekt 2022 mit CSS & JavaScript! [TUTORIAL]

  Рет қаралды 9,361

Unleashed Design

Unleashed Design

Күн бұрын

Пікірлер: 28
@procrastinator24
@procrastinator24 3 жыл бұрын
total spannendes Video und mega gutes design! :) würde auch gerne das folgevideo mit unendlich vielen images mit responsive design sehen bitte!
3 жыл бұрын
Ja bitte ich würde das gerne mit JS sehen und Responsive.
@UnleashedDesign
@UnleashedDesign 3 жыл бұрын
Danke für dein Feedback :) dann nehme ich das mal in den Backlog auf :)
@shrpdrts
@shrpdrts 3 жыл бұрын
+1 🙆‍♂️
@jodotodesign
@jodotodesign 3 жыл бұрын
Danke für das hilfreiche Video. Mich würde auch die erweiterte Version des Image-Sliders interessieren
@UnleashedDesign
@UnleashedDesign 3 жыл бұрын
Danke für dein Feedback :) werde es mit in den Backlog aufnehmen
@groovebird812
@groovebird812 2 жыл бұрын
Wenn man sowas mit React o.ä. macht, wo werden dann die Inhalte jeweils hinterlegt für ein Slider-Element? (also Beschreibung, Überschrift, Icon, css klasse)
@biosoft-R
@biosoft-R 2 жыл бұрын
cooler Effekt...eine Folgevideo wäre klasse
@UnleashedDesign
@UnleashedDesign 2 жыл бұрын
Danke, steht im Backlog, könnte aber noch etwas dauern.
@enzavonmetatronics3109
@enzavonmetatronics3109 3 жыл бұрын
wow super DAANKE! 😺 ich stehe irgendwie auf der leitung, was die grammatik von JS angeht. mit css (bin seit ca. 6 monaten in einer straffen dev-ausbildung und gehe grade in die einleitung von react..) fühle mich etwas sichererer .. ich werde DAS hier einmal nachbauen und daraus erkenntnisse schöpfen.
@UnleashedDesign
@UnleashedDesign 3 жыл бұрын
Willkommen am Rande des Abgrundes der JavaScript Welt :D freut mich wen dir das Video helfen konnte :)
@enzavonmetatronics3109
@enzavonmetatronics3109 3 жыл бұрын
@@UnleashedDesign 🙂
@pabitlus
@pabitlus 2 жыл бұрын
Hallo, danke für das Vieo. in zeile 9 von Java kommt "image" und danach eine Pfeile. Wie schreibt man das? Ein bischen mehr Detalierte erklärung wäre gut für die anfänger. MfG
@UnleashedDesign
@UnleashedDesign 2 жыл бұрын
Hallo freut mich wenn dir das Video gefällt :) als Hinweis für meine Videos evtl. auf den Titelbilder sieht man unten immer Punkte, um so mehr dort stehen setzte ich voraus. Also 1 Punkt = 0 Vorwissen nötig, 7 Punkte am besten schon 10 Jahre dabei :D
@pabitlus
@pabitlus 2 жыл бұрын
@@UnleashedDesign Alles klar. Danke.
@peterzwegat2744
@peterzwegat2744 3 жыл бұрын
Hey, echt coole Videos von dir! Sieht einfach Klasse aus. Gibt es Videos von dir oder sind welche geplant wie z.B.' JS Crash-Kurs, HTML und CSS? Wäre Klasse
@UnleashedDesign
@UnleashedDesign 3 жыл бұрын
Komplette "Kurse" also irgendwelche 0-X Teile wird es hier nicht geben, hab da die Meinung das es schon 1000000000 gibt und dieser Channel die Aufgabe hat Probleme aus Projekten, neues und vor allem für Entwickler die nicht mehr grade Starten Content zu liefern da 90% aller Tutorials meistens nur die absoluten Basics behandeln :)
@wolframzell6162
@wolframzell6162 3 жыл бұрын
Bei deiner Variante des Abstandes zwischen den Elementen rollen sich mir die Fußnägel auf :D, es gibt inzwischen gap :D Alles andere ist super, habs gleich mal nachgebaut (bzw. vorgebaut) sieht echt cool aus und ist wesentlich einfacher als erwartet. Solche Elemente finde ich wahnsinnig spannend, die mit minimalem JS und auch nicht mal so viel HTML/CSS zu Rande kommen, aber aussehen, als wären es hochkomplexe Elemente, für die man unbedingt eine Animationsbibliothek reinholen muss. Vielen Dank für die Aufschlüsselung und Idee, werde ich sicher demnächst einsetzen.
@UnleashedDesign
@UnleashedDesign 3 жыл бұрын
ja das mit Gap stimmt xD leider durch Projekte geprägt das ich relativ alte Browser Supporten muss daher hat es sich bei mir so eingebrannt.
@wolframzell6162
@wolframzell6162 2 жыл бұрын
@@UnleashedDesign Da muss ich ein wenig zurückrudern, flex-gap hat laut caniuse "nur" 88% und der letzte der großen drei (Safari) hat das erst seit April 2021. Hab das wohl mit grid-gap vermischt, das gibts seit September 2018.
@timonschroth7167
@timonschroth7167 3 жыл бұрын
geht das auch ohne JS ich kann nähmlich nur html und css?
@UnleashedDesign
@UnleashedDesign 3 жыл бұрын
Theoretisch ja, jedoch nicht mit dem Code in dem Video.
@timonschroth7167
@timonschroth7167 3 жыл бұрын
​@@UnleashedDesign Kannst du dazu auch mal ein Tutorial machen?😆
@andre842
@andre842 2 жыл бұрын
köntest du vieleicht malk zeigen wie man einen slider wie z.b bei Netflix baut ich habe da nämlich riesen probleme das zu Programieren ach ja und coole viedeos mach weiter so
@UnleashedDesign
@UnleashedDesign 2 жыл бұрын
Werde ich mir mal in den Backlog schreiben :)
@espoleon_
@espoleon_ 3 жыл бұрын
Eine reine CSS Version wäre interessant.
@lukasli1772
@lukasli1772 3 жыл бұрын
Eine Fortsetzung mit JS fänd ich ebenfalls interessant.
@UnleashedDesign
@UnleashedDesign 3 жыл бұрын
Steht im Backlog :)
JavaScript Tutorial für den nester Image Slider 2023?
21:12
Unleashed Design
Рет қаралды 3,7 М.
Chain Game Strong ⛓️
00:21
Anwar Jibawi
Рет қаралды 41 МЛН
Сестра обхитрила!
00:17
Victoria Portfolio
Рет қаралды 958 М.
Mom Hack for Cooking Solo with a Little One! 🍳👶
00:15
5-Minute Crafts HOUSE
Рет қаралды 23 МЛН
The Easy Way to Design Top Tier Websites
11:54
Sajid
Рет қаралды 711 М.
Creating an infinite logo carousel with pure CSS
12:18
Coding with Robby
Рет қаралды 164 М.
Inverted Border Magic: Stunning CSS Masking Effects!
11:35
Devly Code
Рет қаралды 22 М.
9 Web Design Trends 2025 to Spruce Up Your Site
16:33
Showit
Рет қаралды 100 М.
Learn CSS Flexbox in 20 Minutes (Course)
20:37
Coding2GO
Рет қаралды 365 М.
Top 10 Advanced CSS Responsive Design Concepts You Should Know
20:16
Web Dev Simplified
Рет қаралды 551 М.
AI Is Making You An Illiterate Programmer
27:22
ThePrimeTime
Рет қаралды 262 М.
Chain Game Strong ⛓️
00:21
Anwar Jibawi
Рет қаралды 41 МЛН