Brief description
CSS (from the English. Cascading Style Sheets — «cascading style sheets») is a language of hierarchical rules (stylesheets) used to represent the appearance of a document written in HTML or XML (including various XML languages like SVG and XHTML). CSS describes how an element should be displayed on the screen, paper, voice, or other media.
CSS3 - this is the latest evolutionary change language CSS, which is aimed at extension of CSS 2.1. It brings the long-awaited novelties, like rounded corners, shadows, gradients, transitions or animations, as well as new layouts such as the layout of multiple columns, rubber» «design or grid layout.
LESS - preprocessor of the CSS language allows you to use variables, functions, loops, and other technologies to simplify work with styles.» «the Preprocessor in this case means that we are dealing with a dynamic style language, which is converted (compiled) into CSS.
SASS (from the English. Syntactically Awesome Stylesheets — «syntactically gorgeous table styles») is another popular CSS preprocessor language.
Links to materials for the study
Basic resources
- CSS Wikipedia
- Standard CSS 2.1 - w3.org
- The current work of the CSS (specification) - w3.org
- CSS3 - Mozilla Developer Network
- LESS - the Official website
- LESS - the Documentation in Russian
- SASS - Official website
- SASS - Documentation in Russian
Tutorials
- Tutorial CSS htmlbook.ru
- Recipes CSS htmlbook.ru
- CSS3 - htmlbook.ru
- CSS3 by examples - htmlbook.ru
- CSS and CSS3 HTML5BOOK.ru
- CSS for beginners - Mozilla Developer Network
- Less WebReference.ru
Interactive courses
Presented below interactive courses include assignments to test the gained knowledge and skills.
- Basics of CSS WebReference.ru
- The text in CSS WebReference.ru
- Block model in CSS WebReference.ru
- Positioning in CSS WebReference.ru
- Advanced CSS WebReference.ru
- Basics of SASS - WebReference.ru
- CSS Tutorial - W3Schools
- Interactive online courses on front end - HTML Academy
Reference
- Spravochnik CSS WebReference.ru
- Reference CSS htmlbook.ru
- CSS Reference - W3Schools
- CSS reference - Mozilla Developer Network
- Learn CSS in Detail - Scaler Topics
Video
- Basics of developing websites and web applications - Microsoft Virtual Academy
- HTML5 and CSS3 - webtheory
- Mprsnd HTML5 CSS3 Fundamentals - Microsoft Virtual Academy
- Video course HTML&CSS - ITVDN
- Video course HTML5 and CSS3 - ITVDN
- LESS tutorials and examples. All about the CSS preprocessor LESS - Best Lessons
- All about Sass and Compass - uWebDesign
Additionally ###
- School of development of interfaces. Moscow - Academy of Yandex
- School of development of interfaces. Ekaterinburg Academy of Yandex
- School of development of interfaces. Simferopol - Academy Yandex
Instead of the presentation
Recommended books
- Lessons on HTML and CSS - Shay Howe
- Advanced lessons on HTML and CSS - Shay Howe
- The magic of CSS - Adam Schwartz
- CSS. Cascading style sheets. Detailed guide - Eric A. Meyer
- CSS. Recipes programming - Christopher Schmitt
- HTML and CSS. The path to perfection - Ben hennick
Software
- Basic software - Mozilla Developer Network
- Visual Studio Code
- Google Chrome DevTools - Mozilla Developer Network
- Developer tools Firefox - Mozilla Developer Network
- Firebug extension for Firefox - Mozilla Developer Network
- Web Developer extension for Firefox - Mozilla Developer Network
- W3C CSS Validation Service
- To obtain information about the structure of the graphical output - mydevice.io
- SimpLESS Compiler LESS
- Koala - Compiler, LESS, SASS, Compass and CoffeScript
- Less.js Compiler for LESS Node.js
Tests, laboratory work and practical tasks
Tests
- Basics of CSS 2.1 - htmlbook.ru
- CSS 2.1 selectors - htmlbook.ru
- CSS 2 in practice, htmlbook.ru
- CSS Quiz - W3Schools