When using any new CSS, the question of browser support has to be addressed. This is even more of a consideration when new CSS is used for layout as with Flexbox and CSS Grid, rather than things we might consider an enhancement. In this article, I explore approaches to **dealing with browser support today**. What […]
This site is a collection of examples, video and other information to help you learn CSS Grid Layout. Developed and maintained by Rachel Andrew. Small examples of the CSS Grid Layout specification. Each demonstrates a feature of the specification…. Source: https://gridbyexample.com/
Become a CSS Layout expert in 2017! I hope you like these tutorials. If this is a style of learning you enjoy then check out my CSS Layout Workshop. Learn layout from the basics through to new and advanced features including flexbox, Grid, CSS Shapes and more…. Source: http://gridbyexample.com/video/series-define-a-grid/
Even if you consider yourself a CSS expert, chances are that at some point on a large project you’ve had to deal with a convoluted, labyrinthine stylesheet that never stops growing. Some stylesheets can feel like a messy entangled web of inheritance. The cascade is incredibly powerful…. Source: https://css-tricks.com/growing-popularity-atomic-css/
Firebug is my tool of choice to fiddle with CSS. I’ll edit the elements on the page, and then copy my changes back to the .css file. Then save. If you’re in a webapp, refreshing the page could take a while, so here’s a great way to reload the freshest copies of the stylesheets…. Source: […]
In the last tutorial you learned how to use PostCSS to help make your stylesheets more cross browser compatible, in particular dealing with issues arising from support for legacy versions of IE…. Source: https://webdesign.tutsplus.com/tutorials/using-postcss-for-minification-and-optimization–cms-24568
I recently had the opportunity to speak at Web Directions Code 2017 over in Melbourne. While there, I was part of a panel with Mark Dalgleish and Glen Maddern (who gave spectacular talks I might add)…. Source: https://medium.com/@mandy.michael/is-there-any-value-in-people-who-cannot-write-javascript-d0a66b16de06
I recently had the opportunity to speak at Web Directions Code 2017 over in Melbourne. While there, I was part of a panel with Mark Dalgleish and Glen Maddern (who gave spectacular talks I might add)…. Source: https://medium.com/@mandy.michael/is-there-any-value-in-people-who-cannot-write-javascript-d0a66b16de06
When first learning how to use Grid Layout, you might begin by addressing positions on the grid by their line number…. Source: https://www.smashingmagazine.com/2017/10/naming-things-css-grid-layout/
Globally, the media control icons are some of the most universally understood visual language in any kind of interface. A designer can simply assume that every user not only knows ▶️ = play, but that users will seek out the icon in order to watch any video or animation…. Source: https://css-tricks.com/making-pure-css-playpause-button/