Friday Frontend: “Notch” one more developer scramble off for Apple 😉
It’s been a little over a week since the iPhone X was announced, so there’s been time for a ton of commentary and reactions. “The Notch” definitely got its share of haters, but boy they’ve packed some interesting things in there. Everyone is scrambling to figure out the implications, but no doubt about it this will influence mobile web design & development in the coming years.
KBall from ZenDev
CSS & SCSS
With the big Apple announcements and the new screen structure announced in the iPhone X, figuring out how to update your CSS and designs to handle it is a hot topic.
An excellent tutorial on CSS tutorials with codepen examples each step of the way so you can tinker and experiment as you go.
Accessibility is a multi-faceted topic, especially when you consider the many different ways someone can need more accessible websites. My eyes are terrible, so font size is a big one for me! This is a great read through of the myriad ways your CSS influences the accessibility of your website.
A fascinating look through some of the less-well-known pseudo-classes from the CSS Level 4 spec.
I tend to be a little bit opinionated about CSS in JS, but there are definitely some scenarios where enforcing your component scope in code can be valuable. if you’re going to go that route the CSS Modules approach has a lot going for it.
The big news here is native support for ECMAscript modules. The compromise outcome of using the
mjs file extension is a big gotcha though, especially given all of the existing tooling utilizing babel with simple
I have a love/hate relationship with WordPress. Hate it as a developer - love it as a CMS for non-technical folks. But even Wordpress is coming into the modern world - here’s a great walkthrough of how to build a JS app in React on top of the Wordpress backend.
I keep hearing more about Vue.js, and things like this beautifully simple approach to defining template filters is probably why.
In case you missed it, here’s the announcement from Apple about the iPhone X. The “Notch” may be ugly, but damn this is a sweet looking piece of hardware.
A great list of reactions, whimsical ideas, and resources to use when beginning to design and develop for the iPhone X.
If this had come out sooner it would have been a great fit for last week’s developer tools edition, but regardless if you aren’t already familiar with how to interact with CSS within the developer tools this is a MUST READ.
Automatic (the parent company behind Wordpress) abandons React for Wordpress related applications due to the React patents clause. Worth reading.