Linkedin - No-Code CSS Layouts with Webflow
- CategoryOther
- TypeTutorials
- LanguageEnglish
- Total size441.8 MB
- Uploaded Byfreecoursewb
- Downloads34
- Last checkedMar. 02nd '24
- Date uploadedMar. 01st '24
- Seeders 12
- Leechers8
No-Code CSS Layouts with Webflow
https://CourseWikia.com
Released 2/2024
MP4 | Video: h264, 1280x720 | Audio: AAC, 44.1 KHz, 2 Ch
Skill Level: Intermediate | Genre: eLearning | Language: English + srt | Duration: 2h 53m | Size: 441 MB
Cascading Style Sheets, or CSS, is foundational to web development. Webflow allows you to create websites without code, but it's even easier and faster if you already know fundamental CSS layout concepts. In this course, explore the potential uses of CSS in Webflow with web design expert Jen Kramer.
Discover the basics of Webflow's CSS model to get started creating containers, blocks, and layouts for CSS conversion. Learn how to use Grid and Flexbox for advanced layouts as well as static, relative, and absolute positioning of elements. Along the way, Jen provides an overview of floats and breaks and how they affect page flow in your design. By the end of this course, you’ll be equipped with tips and techniques for creating and managing more efficient CSS properties in Webflow.
Homepage
Files:
[ CourseWikia.com ] Linkedin - No-Code CSS Layouts with Webflow- Get Bonus Downloads Here.url (0.2 KB) ~Get Your Files Here ! 01 - Introduction
- 01 - Learning CSS layouts without code.mp4 (2.5 MB)
- 01 - Learning CSS layouts without code.srt (1.3 KB)
- 02 - Course prerequisites.mp4 (10.5 MB)
- 02 - Course prerequisites.srt (4.9 KB)
- 01 - Understanding HTML elements.mp4 (10.8 MB)
- 01 - Understanding HTML elements.srt (8.5 KB)
- 02 - Global styling with HTML elements.mp4 (13.5 MB)
- 02 - Global styling with HTML elements.srt (9.0 KB)
- 03 - Overriding base styling and CSS variables.mp4 (18.5 MB)
- 03 - Overriding base styling and CSS variables.srt (14.2 KB)
- 04 - Worksheet Setting base styling and variables.mp4 (15.3 MB)
- 04 - Worksheet Setting base styling and variables.srt (9.8 KB)
- 01 - What is the box model.mp4 (20.2 MB)
- 01 - What is the box model.srt (17.9 KB)
- 02 - Understanding block, inline, and inline-block.mp4 (14.8 MB)
- 02 - Understanding block, inline, and inline-block.srt (10.3 KB)
- 03 - Sections, containers, and CSS in Webflow.mp4 (17.7 MB)
- 03 - Sections, containers, and CSS in Webflow.srt (13.3 KB)
- 04 - Challenge Text-based section.mp4 (2.9 MB)
- 04 - Challenge Text-based section.srt (2.9 KB)
- 05 - Solution Text-based section.mp4 (28.3 MB)
- 05 - Solution Text-based section.srt (17.7 KB)
- 06 - Units of measure px, em, rem, vw, vh, %, and more.mp4 (7.3 MB)
- 06 - Units of measure px, em, rem, vw, vh, %, and more.srt (8.6 KB)
- 07 - Widths, heights, and their maximums and minimums.mp4 (22.0 MB)
- 07 - Widths, heights, and their maximums and minimums.srt (17.7 KB)
- 08 - Understanding overflow and fit.mp4 (26.5 MB)
- 08 - Understanding overflow and fit.srt (15.1 KB)
- 09 - Challenge Vertical buttons.mp4 (2.9 MB)
- 09 - Challenge Vertical buttons.srt (3.3 KB)
- 10 - Solution Vertical buttons.mp4 (17.1 MB)
- 10 - Solution Vertical buttons.srt (9.9 KB)
- 01 - Introducing Flexbox.mp4 (22.6 MB)
- 01 - Introducing Flexbox.srt (13.4 KB)
- 02 - Advanced Flexbox settings.mp4 (21.0 MB)
- 02 - Advanced Flexbox settings.srt (11.4 KB)
- 03 - Introducing Grid.mp4 (26.1 MB)
- 03 - Introducing Grid.srt (13.7 KB)
- 04 - Grid areas and exceptions to the grid.mp4 (19.7 MB)
- 04 - Grid areas and exceptions to the grid.srt (10.0 KB)
- 05 - What is QuickStack.mp4 (14.4 MB)
- 05 - What is QuickStack.srt (8.3 KB)
- 06 - Challenge Working with QuickStack, Grid, and Flexbox.mp4 (8.1 MB)
- 06 - Challenge Working with QuickStack, Grid, and Flexbox.srt (4.5 KB)
- 07 - Solution Working with QuickStack, Grid, and Flexbox.mp4 (15.9 MB)
- 07 - Solution Working with QuickStack, Grid, and Flexbox.srt (9.0 KB)
- 01 - Understanding static and absolute positioning.mp4 (15.1 MB)
- 01 - Understanding static and absolute positioning.srt (12.6 KB)
- 02 - Relative positioning.mp4 (11.6 MB)
- 02 - Relative positioning.srt (8.7 KB)
- 03 - Fixed and sticky positioning.mp4 (11.5 MB)
- 03 - Fixed and sticky positioning.srt (9.3 KB)
- 04 - Floating images inside of text.mp4 (19.3 MB)
- 04 - Floating images inside of text.srt (10.4 KB)
- 01 - Learn more about Webflow.mp4 (5.0 MB)
- 01 - Learn more about Webflow.srt (3.7 KB)
- Bonus Resources.txt (0.4 KB) Ex_Files_No_Code_CSS_Webflow Exercise Files 01-04
- 01-04 Base Styling Worksheet.txt (0.5 KB)
- 02-04 Challenge.txt (0.9 KB)
- desktop width.png (91.0 KB)
- mobile width.png (77.4 KB)
- cake.jpeg (105.7 KB)
- 02-09 Challenge.txt (0.5 KB)
- challenge.png (49.5 KB)
- Victorian Sponge Cake.txt (1.7 KB)
- final desktop.png (9.1 MB)
- final mobile.png (10.1 MB)
- finished cake.jpg (242.4 KB)
- step10.jpg (86.0 KB)
- step11.jpg (85.6 KB)
- step12.jpg (96.6 KB)
- step2.jpg (75.5 KB)
- step3.jpg (84.3 KB)
- step5.jpg (68.1 KB)
- step6.jpg (90.9 KB)
- step9.jpg (75.1 KB)
Code:
- udp://tracker.torrent.eu.org:451/announce
- udp://tracker.tiny-vps.com:6969/announce
- http://tracker.foreverpirates.co:80/announce
- udp://tracker.cyberia.is:6969/announce
- udp://exodus.desync.com:6969/announce
- udp://explodie.org:6969/announce
- udp://tracker.opentrackr.org:1337/announce
- udp://9.rarbg.to:2780/announce
- udp://tracker.internetwarriors.net:1337/announce
- udp://ipv4.tracker.harry.lu:80/announce
- udp://open.stealth.si:80/announce
- udp://9.rarbg.to:2900/announce
- udp://9.rarbg.me:2720/announce
- udp://opentor.org:2710/announce