PHPNews

Old Typewriter Text Effect

By randomly changing the opacity and adding a little text-shadow , one can create this old typewriter effect: Makes good use of currentColor for the shadow, so it can be applied on any coloured text. Old Typewriter Text Effect → Don’t confuse this effect with a typing carousel which types …

Continue reading »

Written by Bram.us - - Aggregated on Thursday July 11, 2019


Deploying multi-source sites to Netlify

Deploying one site (from a single source repo) to Netlify ain’t that hard – see my instructions here – but what if your sources are spread out across multiple repos? How do you combine the data without duplicating it into a monorepo? That’s exactly the problem Spatie was having for their docs.spatie.be : the …

Continue reading »

Written by Bram.us - - Aggregated on Thursday July 11, 2019


Clock Experiments by Vasilis

Vasilis had some fun and created these experimental clock interfaces. First up is the “Decimal Clock”: If we had ten hours in a day, instead of 24, and if each of these hours had 100 minutes instead of 60, and if every minute had 100 seconds, our clocks would look like this, and the time would be … …

Continue reading »

Written by Bram.us - - Aggregated on Tuesday June 25, 2019


The State of CSS 2019

Despite being over 20 years old, there’s signs that CSS might be going through the same tumultuous teenage years that JavaScript just went through. Flexbox! Grid! CSS-in-JS! In 2019, CSS is finally dyeing its hair pink and getting a tattoo just like it’s always secretly wanted. Parenting books won’t help much with …

Continue reading »

Written by Bram.us - - Aggregated on Friday June 21, 2019


Typed Properties in PHP

As mentioned before I’m really looking forward to Typed Properties that will land in PHP 7.4 (now in alpha!) . Brent has done a full writeup on ‘m: In this post we’ll look at the feature in-depth, but first let’s start by summarising the most important points: They are available as of PHP 7.4, which is …

Continue reading »

Written by Bram.us - - Aggregated on Friday June 21, 2019


Chart Design Guidelines at City Intelligence

At the City Intelligence unit at City Hall almost anyone can create a data visualisation. To keep everyone in line they created Data Design Guidelines: Effective communication of evidence and data through information design and data visualisation, is obviously important to help inform policy internally, but it is …

Continue reading »

Written by Bram.us - - Aggregated on Thursday June 20, 2019


Google Street View is a Time Capsule

Recently the Google Street View footage for the area I live in got updated. This got me thinking: Google Street View is a time capsule. I’m quite sure that one day we’ll be able to time travel through the captured footage. GooBing Detroit is a project compares old and new GSV footage from the Detroit Area: …

Continue reading »

Written by Bram.us - - Aggregated on Friday June 14, 2019


Relearn CSS layout with “Every Layout”

As just announced (on stage) at CSS Day by Heydon himself: If you find yourself wrestling with CSS layout, it’s likely you’re making decisions for browsers they should be making themselves. Through a series of simple, composable layouts, Every Layout will teach you how to better harness the built-in algorithms …

Continue reading »

Written by Bram.us - - Aggregated on Friday June 14, 2019


Reducing motion with the element

Great trick by Brad Frost, in which he combines prefers-reduced-motion? with the <picture> element <picture> <source srcset="no-motion.jpg" media="(prefers-reduced-motion: reduce)"></source> <img src="animated.gif alt="brick wall" /> </picture> Yes, that actually …

Continue reading »

Written by Bram.us - - Aggregated on Friday June 14, 2019


Resilient Management, an excerpt

On A List Apart you can read an excerpt from the book Resilient Management by Lara Hogan . It’s from chapter 2, entitled “Grow your teammates”: To spur this course-correction and growth in your teammates, you’ll end up wearing four different hats: Mentoring: lending advice and helping to problem solve …

Continue reading »

Written by Bram.us - - Aggregated on Friday June 14, 2019


Indicating focus to improve accessibility

Great article by Hidde. It totally rhymes with my Building Better Forms by not taking away affordances post. It’s a common, but fairly easy-to-fix accessibility issue: lack of indicating focus. In this post I will explain what we mean by focus and show you how focus outlines make your site easier to use. …

Continue reading »

Written by Bram.us - - Aggregated on Friday June 14, 2019