17 OCT 2024 - Welcome Back to TorrentFunk! Get your pirate hat back out. Streaming is dying and torrents are the new trend. Account Registration works again and so do Torrent Uploads. We invite you all to start uploading torrents again!
TORRENT DETAILS
Linkedin - CSS - Variables And Fluid Layouts
TORRENT SUMMARY
Status:
All the torrents in this section have been verified by our verification system
When responsive web design was first introduced, it was at once magical and inefficient. Designers had to work with floats to lay out their grid-based systems, as well as hack media queries. Recent advances in CSS simplify this process, letting your design adapt to circumstances more fluidly. But leveraging these new features requires abandoning current practices and shifting to a model where you trade precise control for consistency and ease of implementation. This course can help you make that shift. Jen Kramer lays out how to do math directly in CSS via the calc() function and leverage custom properties, or variables, to streamline your CSS. Along the way, Jen shares examples of how to use these properties, including how to add custom properties to type scale and work with Flexbox and Grid.
If You Need More Stuff, kindly Visit and Support Us -->> https://DevCourseWeb.com
Get More Tutorials and Support Us -->> https://CourseWikia.com
We upload these learning materials for the people from all over the world, who have the talent and motivation to sharpen their skills/ knowledge but do not have the financial support to afford the materials. If you like this content and if you are truly in a position that you can actually buy the materials, then Please, we repeat, Please, Support Authors. They Deserve it! Because always remember, without "Them", you and we won't be here having this conversation. Think about it! Peace...
VISITOR COMMENTS (0 )
FILE LIST
Filename
Size
~Get Your Files Here !/01 - Introduction/01 - The evolution of responsive design.mp4
30.1 MB
~Get Your Files Here !/01 - Introduction/01 - The evolution of responsive design.srt
2.6 KB
~Get Your Files Here !/01 - Introduction/02 - What you should know.mp4
4.7 MB
~Get Your Files Here !/01 - Introduction/02 - What you should know.srt
3.9 KB
~Get Your Files Here !/02 - 1. Learn CSS calc()/01 - CSS calc() overview.mp4
6.8 MB
~Get Your Files Here !/02 - 1. Learn CSS calc()/01 - CSS calc() overview.srt
4.8 KB
~Get Your Files Here !/02 - 1. Learn CSS calc()/02 - Applying calc() in a layout example.mp4
9.3 MB
~Get Your Files Here !/02 - 1. Learn CSS calc()/02 - Applying calc() in a layout example.srt
7.5 KB
~Get Your Files Here !/02 - 1. Learn CSS calc()/03 - Challenge Creating a type scale.mp4
7.9 MB
~Get Your Files Here !/02 - 1. Learn CSS calc()/03 - Challenge Creating a type scale.srt
5.5 KB
~Get Your Files Here !/02 - 1. Learn CSS calc()/04 - Solution Creating a type scale.mp4
4.6 MB
~Get Your Files Here !/02 - 1. Learn CSS calc()/04 - Solution Creating a type scale.srt
2.9 KB
~Get Your Files Here !/03 - 2. Learn CSS Custom Properties/01 - CSS custom properties overview.mp4
8.9 MB
~Get Your Files Here !/03 - 2. Learn CSS Custom Properties/01 - CSS custom properties overview.srt
5.9 KB
~Get Your Files Here !/03 - 2. Learn CSS Custom Properties/02 - Configure CSS custom properties.mp4
4.3 MB
~Get Your Files Here !/03 - 2. Learn CSS Custom Properties/02 - Configure CSS custom properties.srt
4.5 KB
~Get Your Files Here !/03 - 2. Learn CSS Custom Properties/03 - CSS custom properties and inheritance.mp4
10.4 MB
~Get Your Files Here !/03 - 2. Learn CSS Custom Properties/03 - CSS custom properties and inheritance.srt
7.6 KB
~Get Your Files Here !/03 - 2. Learn CSS Custom Properties/04 - CSS custom properties and Sass variables.mp4
8.5 MB
~Get Your Files Here !/03 - 2. Learn CSS Custom Properties/04 - CSS custom properties and Sass variables.srt
5.9 KB
~Get Your Files Here !/03 - 2. Learn CSS Custom Properties/05 - Using Sass variables.mp4
8.2 MB
~Get Your Files Here !/03 - 2. Learn CSS Custom Properties/05 - Using Sass variables.srt
5.7 KB
~Get Your Files Here !/03 - 2. Learn CSS Custom Properties/06 - Challenge Add custom properties to type scale.mp4
5.9 MB
~Get Your Files Here !/03 - 2. Learn CSS Custom Properties/06 - Challenge Add custom properties to type scale.srt
3.5 KB
~Get Your Files Here !/03 - 2. Learn CSS Custom Properties/07 - Solution Add custom properties to type scale.mp4
5.6 MB
~Get Your Files Here !/03 - 2. Learn CSS Custom Properties/07 - Solution Add custom properties to type scale.srt
3.7 KB
~Get Your Files Here !/04 - 3. Create Layouts/01 - Mark up a simple four-column grid system.mp4
21.2 MB
~Get Your Files Here !/04 - 3. Create Layouts/01 - Mark up a simple four-column grid system.srt
10.3 KB
~Get Your Files Here !/04 - 3. Create Layouts/02 - Create a starting CSS for the grid system.mp4
22 MB
~Get Your Files Here !/04 - 3. Create Layouts/02 - Create a starting CSS for the grid system.srt
11.2 KB
~Get Your Files Here !/04 - 3. Create Layouts/03 - Add media queries to your grid system.mp4
38.8 MB
~Get Your Files Here !/04 - 3. Create Layouts/03 - Add media queries to your grid system.srt
17.7 KB
~Get Your Files Here !/04 - 3. Create Layouts/04 - Rewrite CSS to integrate calc() and custom properties.mp4
24.8 MB
~Get Your Files Here !/04 - 3. Create Layouts/04 - Rewrite CSS to integrate calc() and custom properties.srt
14.6 KB
~Get Your Files Here !/04 - 3. Create Layouts/05 - Rewrite CSS to integrate gaps between grid cells.mp4
14.9 MB
~Get Your Files Here !/04 - 3. Create Layouts/05 - Rewrite CSS to integrate gaps between grid cells.srt
7.3 KB
~Get Your Files Here !/04 - 3. Create Layouts/06 - Make the layout formula even more flexible.mp4
29.4 MB
~Get Your Files Here !/04 - 3. Create Layouts/06 - Make the layout formula even more flexible.srt
14.8 KB
~Get Your Files Here !/04 - 3. Create Layouts/07 - Challenge Media query integration.mp4
3.6 MB
~Get Your Files Here !/04 - 3. Create Layouts/07 - Challenge Media query integration.srt
2.2 KB
~Get Your Files Here !/04 - 3. Create Layouts/08 - Solution Media query integration.mp4
5.9 MB
~Get Your Files Here !/04 - 3. Create Layouts/08 - Solution Media query integration.srt
3.1 KB
~Get Your Files Here !/05 - 4. Refactor a Web Page/01 - Project Use calc() and custom properties.mp4
16.8 MB
~Get Your Files Here !/05 - 4. Refactor a Web Page/01 - Project Use calc() and custom properties.srt
9.9 KB
~Get Your Files Here !/05 - 4. Refactor a Web Page/02 - Step 1 Apply the grid layout.mp4
29 MB
~Get Your Files Here !/05 - 4. Refactor a Web Page/02 - Step 1 Apply the grid layout.srt
17.8 KB
~Get Your Files Here !/05 - 4. Refactor a Web Page/03 - Step 2 Add custom properties to grid layout.mp4
23.2 MB
~Get Your Files Here !/05 - 4. Refactor a Web Page/03 - Step 2 Add custom properties to grid layout.srt
14.3 KB
~Get Your Files Here !/05 - 4. Refactor a Web Page/04 - Step 3 Apply a type scale and custom properties.mp4
14.5 MB
~Get Your Files Here !/05 - 4. Refactor a Web Page/04 - Step 3 Apply a type scale and custom properties.srt
9.5 KB
~Get Your Files Here !/06 - Conclusion/01 - Next steps.mp4
9.2 MB
~Get Your Files Here !/06 - Conclusion/01 - Next steps.srt
1.9 KB
~Get Your Files Here !/Bonus Resources.txt
386 B
~Get Your Files Here !/Ex_Files_Responsive_Layout_2/Exercise Files/04_01/begin/css/style.css
2.2 KB
~Get Your Files Here !/Ex_Files_Responsive_Layout_2/Exercise Files/04_01/begin/img/corporate.jpg
204.6 KB
~Get Your Files Here !/Ex_Files_Responsive_Layout_2/Exercise Files/04_01/begin/img/crocus.jpg
138.2 KB
~Get Your Files Here !/Ex_Files_Responsive_Layout_2/Exercise Files/04_01/begin/img/flowerbkgd.png
44.7 KB
~Get Your Files Here !/Ex_Files_Responsive_Layout_2/Exercise Files/04_01/begin/img/logo.png
72 KB
~Get Your Files Here !/Ex_Files_Responsive_Layout_2/Exercise Files/04_01/begin/img/other.jpg
208.7 KB
~Get Your Files Here !/Ex_Files_Responsive_Layout_2/Exercise Files/04_01/begin/img/wedding.jpg
223.6 KB
~Get Your Files Here !/Ex_Files_Responsive_Layout_2/Exercise Files/04_01/begin/index.html
3.4 KB
~Get Your Files Here !/Ex_Files_Responsive_Layout_2/Exercise Files/04_01/desktop.png
2.6 MB
~Get Your Files Here !/Ex_Files_Responsive_Layout_2/Exercise Files/04_01/mobile.png
3.3 MB
~Get Your Files Here !/Ex_Files_Responsive_Layout_2/Exercise Files/04_01/tablet.png
2.1 MB
~Get Your Files Here !/Ex_Files_Responsive_Layout_2/Exercise Files/04_02/begin/css/style.css
2.2 KB
~Get Your Files Here !/Ex_Files_Responsive_Layout_2/Exercise Files/04_02/begin/img/corporate.jpg
204.6 KB
~Get Your Files Here !/Ex_Files_Responsive_Layout_2/Exercise Files/04_02/begin/img/crocus.jpg
138.2 KB
~Get Your Files Here !/Ex_Files_Responsive_Layout_2/Exercise Files/04_02/begin/img/flowerbkgd.png
44.7 KB
~Get Your Files Here !/Ex_Files_Responsive_Layout_2/Exercise Files/04_02/begin/img/logo.png
72 KB
~Get Your Files Here !/Ex_Files_Responsive_Layout_2/Exercise Files/04_02/begin/img/other.jpg
208.7 KB
~Get Your Files Here !/Ex_Files_Responsive_Layout_2/Exercise Files/04_02/begin/img/wedding.jpg
223.6 KB
~Get Your Files Here !/Ex_Files_Responsive_Layout_2/Exercise Files/04_02/begin/index.html
3.4 KB
~Get Your Files Here !/Ex_Files_Responsive_Layout_2/Exercise Files/04_02/end/css/style.css
2.7 KB
~Get Your Files Here !/Ex_Files_Responsive_Layout_2/Exercise Files/04_02/end/img/corporate.jpg
204.6 KB
~Get Your Files Here !/Ex_Files_Responsive_Layout_2/Exercise Files/04_02/end/img/crocus.jpg
138.2 KB
~Get Your Files Here !/Ex_Files_Responsive_Layout_2/Exercise Files/04_02/end/img/flowerbkgd.png
44.7 KB
~Get Your Files Here !/Ex_Files_Responsive_Layout_2/Exercise Files/04_02/end/img/logo.png
72 KB
~Get Your Files Here !/Ex_Files_Responsive_Layout_2/Exercise Files/04_02/end/img/other.jpg
208.7 KB
~Get Your Files Here !/Ex_Files_Responsive_Layout_2/Exercise Files/04_02/end/img/wedding.jpg
223.6 KB
~Get Your Files Here !/Ex_Files_Responsive_Layout_2/Exercise Files/04_02/end/index.html
3.4 KB
~Get Your Files Here !/Ex_Files_Responsive_Layout_2/Exercise Files/04_03/begin/css/style.css
2.7 KB
~Get Your Files Here !/Ex_Files_Responsive_Layout_2/Exercise Files/04_03/begin/img/corporate.jpg
204.6 KB
~Get Your Files Here !/Ex_Files_Responsive_Layout_2/Exercise Files/04_03/begin/img/crocus.jpg
138.2 KB
~Get Your Files Here !/Ex_Files_Responsive_Layout_2/Exercise Files/04_03/begin/img/flowerbkgd.png
44.7 KB
~Get Your Files Here !/Ex_Files_Responsive_Layout_2/Exercise Files/04_03/begin/img/logo.png
72 KB
~Get Your Files Here !/Ex_Files_Responsive_Layout_2/Exercise Files/04_03/begin/img/other.jpg
208.7 KB
~Get Your Files Here !/Ex_Files_Responsive_Layout_2/Exercise Files/04_03/begin/img/wedding.jpg
223.6 KB
~Get Your Files Here !/Ex_Files_Responsive_Layout_2/Exercise Files/04_03/begin/index.html
3.4 KB
~Get Your Files Here !/Ex_Files_Responsive_Layout_2/Exercise Files/04_03/end/css/style.css
2.9 KB
~Get Your Files Here !/Ex_Files_Responsive_Layout_2/Exercise Files/04_03/end/img/corporate.jpg
204.6 KB
~Get Your Files Here !/Ex_Files_Responsive_Layout_2/Exercise Files/04_03/end/img/crocus.jpg
138.2 KB
~Get Your Files Here !/Ex_Files_Responsive_Layout_2/Exercise Files/04_03/end/img/flowerbkgd.png
44.7 KB
~Get Your Files Here !/Ex_Files_Responsive_Layout_2/Exercise Files/04_03/end/img/logo.png
72 KB
~Get Your Files Here !/Ex_Files_Responsive_Layout_2/Exercise Files/04_03/end/img/other.jpg
208.7 KB
~Get Your Files Here !/Ex_Files_Responsive_Layout_2/Exercise Files/04_03/end/img/wedding.jpg
223.6 KB
~Get Your Files Here !/Ex_Files_Responsive_Layout_2/Exercise Files/04_03/end/index.html
3.4 KB
~Get Your Files Here !/Ex_Files_Responsive_Layout_2/Exercise Files/04_04/begin/css/style.css
2.9 KB
~Get Your Files Here !/Ex_Files_Responsive_Layout_2/Exercise Files/04_04/begin/img/corporate.jpg
