Tag: css
-
Symfony 5+ how to make a form field hidden from display
This is easier than it sounds, but I am writing this in case I need to remember what the answer is. At first I wasn’t paying attention to all of the many different Symfony form types in this long list. I totally didn’t see the HiddenType in the list or I didn’t notice it. I […]
-
Symfony 5+ how to include page specific javascript or css when using Webpack encore and SASS
In this article I will cover how to do this with Webpack in Symfony with CSS and SASS. This is slightly confusing. Symfony has it’s own Webpack configuration called encore. Read that documentation article if you need more info, more links at the bottom of the page. Webpack Config First lets checkout the file app\webpack.config.js […]
-
CSS links and resources
Setting Height And Width On Images Is Important Again – great article explaining how browsers operate on images with CSS and HTML sizing. Cumulative layout shifts – this is when the content on your page shifts due to images, video or other content loading in the page.
-
CSS resources links and information
A complete guide to flexbox – Great introduction and coverage of flexbox and how to use it to layout content. Floats vs inline-block – We used to use float and inline-block for content layout. Progressively Enhanced CSS Layouts: Floats to Flexbox & Grid – great article explaining how we got to Flexbox and grid and […]
-
SASS CSS resources and links
SASS makes CSS way easier. You don’t have to type the same things over and over. You don’t have to hunt down instances of colors to change the theme of your website. You don’t have to hunt down font definitions to change them. You get variables and functions right in your CSS to make everything […]