Jeremy Keith looks at the competing standards for the metadata that goes in the head which ultimately helps services such as Slack, Twitter and Facebook to create a preview of the content of a website. Unfortunately the lack of consensus …
I work on an RSS reader app called Readerrr (editor’s note: link removed as site seems dead). I wanted to enrich the feed import experience by making allowing for drag and drop file upload alongside the traditional file input. Sometimes …
Have you been trying to find some kind of SALE happening online today, but coming up empty handed? We have some CSS-Tricks T-Shirts and hoodies in the store at 40% off (use coupon code trikzare4kids) now through Monday.
If …
Redesigning a site with responsive design? The tech stuff can be challenging, but easy compared to the decision-making, process-defining, and organization-wrangling before you even get there. Karen McGrane has a new book on all this stuff called Going Responsive, …
This property gives developers the ability to set the font-size of an element depending on the size of its lowercase letters, rather than the uppercase letters.
.element {
font-size: 22px;
font-size-adjust: .5;
}In this case the lowercase letters of …
Nick Sherman gave a fascinating talk at Ampersand earlier this month which was based on an article he wrote called Variable Fonts for Responsive Design. In both the talk and the essay he suggests that we need a new …
The web is a fluid place. Different sized screens, yadda yadda yadda. Fortunately for us, the web is ready for it. Text wraps. CSS gives us control over how to size things. What we don’t get (easily, anyway) is a …
WPO, as in, “Web Performance Optimizations”, I believe.
Case studies and experiments demonstrating the impact of performance optimization on user experience and business metrics.
Real companies, real performance changes, real impact. Ya know, Little things like:
…Staples reduced median homepage
Neat trick by Tobias Ahlin:
…How do you animate the
box-shadowproperty in CSS without causing re-paints on every frame, and heavily impacting the performance of your page? Short answer: you don’t. Animating a change ofbox-shadowwill hurt performance.
Pretty bold step for WordPress. Totally new UI. Totally new technologies. No more PHP and MySQL, it’s Node.js, React, Flux, Babel, Webpack… the fanciest of fancy modern tooling. Still completely open source.
On one hand it seems …
The following is a guest post by Eduardo Bouças. Eduardo is back to follow up on his journey of approaching media queries programatically. He’ll catch you up on how this started, where it’s went, and how that’s going.…
