html/css

Розробка сайтів з нуля є не єдиним напрямком моєї діяльності, я також займаюся їхньою доробкою. Нещодавно мене попросили доробити невеликий сайт, де використовувався CSS фреймворк під назвою Bulma, який мене зацікавив і про який я хотів би трохи розповісти в цьому записі.

У цьому короткому записі я відповідаю на питання чому в SVG властивість fill може не працювати з кольорами в форматі HEX і в яких випадках це може трапитися.

У статті описано, як за допомогою CSS не просто сховати, а видалити псевдоелементи before або after зі сторінки. А також чому цього не можна зробити за допомогою JavaScript.

Розглядається принципова відмінність між однією двокрапкою і двома в селекторах CSS, а також чому, веб девелопери фрілансери плутають їх, або навіть взагалі не знають про існування подвійної двокрапки.

У статті я показую простий та зручний спосіб впровадити векторну графіку на сторінку, використовуючи тільки каскадні стилі, без модифікування HTML файлу. А також, можливі причини, чому SVG не працює в CSS.

У цій статті є невеликий приклад HTML і CSS коду, який створює простий круговий прогрес бар. Код можна легко змінити та створити кругову діаграму на CSS.

Властивості CSS та їх значення, що стосуються блокової моделі Flex, які мають повну підтримку сучасними браузерами та їх можна безпечно використовувати.

Flexbox це цікавий і зручний метод позиціонування та розподілу елементів на HTML сторінці за допомогою CSS, який останнім часом отримав широку підтримку браузерами.