Last fall, after a lower court ruled that HiQ was within its rights to circumvent LinkedIn’s API program by “scraping" LinkedIn’s Web pages, a US Court of Appeals upheld the ruling and paved the way for irreparable harm to the API economy. What this means for the future of the API economy remains to be seen.
HTMLHint
Along with our recent release of using Prettier for code formatting, we've also now upgraded our HTML linter to use HTMLHint instead of html-inspector. Interestingly, they have about the same number of stars on GitHub, but html-inspector is archived and no longer maintained while HTMLHint is actively maintained.
You use it by selecting Analyze HTML from the editors actions menu.
For us, it also meant being able to send off your HTML to our own service, just like we do with all our preprocessors. We weren't doing that with html-inspector as it was meant to be injected into the DOM to run and we had a fancy little process for doing that. It's much better this way for security and consistent handling of code services on our end.
Config
This is for all Pens on the entirely of CodePen, it can't be customized on a per-Pen or per-Account basis. Here's how we have it set up:
{
'alt-require': true,
'attr-lowercase': true,
'attr-no-duplication': true,
'attr-unsafe-chars': true,
'attr-value-double-quotes': true,
'attr-value-not-empty': false,
'doctype-first': false,
'doctype-html5': false,
'empty-tag-not-self-closed': false,
'head-script-disabled': false,
'href-abs-or-rel': true,
'id-class-ad-disabled': false,
'id-class-value': false,
'id-unique': true,
'inline-script-disabled': false,
'inline-style-disabled': false,
'space-tab-mixed-disabled': 'space',
'spec-char-escape': true,
'src-not-empty': true,
'style-disabled': false,
'tag-pair': true,
'tagname-lowercase': true,
'title-require': false
}
I post this mostly because we've already had to make some small changes to it after release. For example, we had a value set for id-class-value that is meant to be an opinionated way you should name your ids and classes. That doesn't make sense on CodePen. Y'all can do whatever you like with naming. This is more about finding things in your HTML that are almost certainly a mistake or would cause a problem.
The post HTMLHint appeared first on CodePen Blog.
Admin Block Directory Prototype, Pods Framework, Block Theme Experiments, User Donations 🗞️ February 2020 WordPress News w/ CodeinWP
An Interview With Zach Leatherman: A SmashingConf Austin Speaker
An Interview With Zach Leatherman: A SmashingConf Austin Speaker
Rachel AndrewWe are so excited to be bringing SmashingConf to a new city this year. We’re bringing you SmashingConf Austin and we have a fantastic line-up of speakers.
Check out this post, where we introduce our new venue of Austin and share an interview with Miriam Suzanne. This time we have an interview with Zach Leatherman.
Zach is no stranger to the Smashing stage, and if you want to find out more about web fonts and loading strategies, you can watch his talk from SmashingConf London 2018, paired with a talk by Monica Dinculescu from SmashingConf Barcelona, “Web Fonts And Performance: SmashingConf Videos".
Also, take a look at some of the resources that Zach has made available on the subject in his archive of posts about web fonts. There is plenty to get you started, and I think you can agree that there is no-one better to help us understand the current state of font loading while we are in Austin!
Tickets Are On Sale Now!
If you want to join in the fun, tickets are on sale. Last year, we sold out three of our conferences well before the conference date, and popular workshops also fill up fast. Just saying!
How important is Website Performance: Improve Speed
We live in a world of constant and instant updates. We demand more, and if we don’t get what we want right way, we leave the website and move onto the next one that can help us. If we do this in our own time, flitting from slow websites to fast ones, then it stands […]
The post How important is Website Performance: Improve Speed appeared first on designrfix.com.
WordPress Breadcrumbs: How to Use This Function?
Full Stack Panic
A new podcast from Sean Fioritto inspired by Joel Califa's term "Full Stack Anxiety".
... the little voice in your head says ... “I should know all of this. Do I even know what I'm doing?” Why do web developers the world over feel like this?
There is an episode with Joel talking about it as well as other interesting angles like an episode with psychologist Dr. Sherry Walling.
The overall vibe is that of catharsis in that, hopefully, none of this matters as much as it seems like it might. I'd like to think we try to deliver that, through a bit of levity, on ShopTalk Show as well.
Oh hey and Panic started a podcast too, a must-subscribe from me as a long-time fan of all their interesting work.
Direct Link to Article — Permalink
The post Full Stack Panic appeared first on CSS-Tricks.
HTML Snippets: The Most Useful Ready-to-use Examples
How To Create Google Site Kit In WordPress
Get started with your business decisions in WordPress by creating a Google Site Kit as one of your many tools to use online. Creating a Google Site Kit as a tool in WordPress lets you use several SEO tools like Google Analytics for doing that statistical business analysis. So, if you wish to create a […]
The post How To Create Google Site Kit In WordPress appeared first on WPArena.
Lightning-Fast Web Performance
If you're interested in leveling up your knowledge and skill of web performance, you can't do better than learning directly from Scott Jehl.
Direct Link to Article — Permalink
The post Lightning-Fast Web Performance appeared first on CSS-Tricks.
2019: The Year in Review – The Highs, Lows, and In-Betweens
Email Marketing Ideas for E-commerce Websites
This post is originally published on Designmodo: Email Marketing Ideas for E-commerce Websites
Email marketing and e-commerce are mutually reinforcing elements. While they can exist independently, they are inseparable when it comes to online sales. They provide business owners with a powerful tool for drawing attention toward the brand, keeping audience interest alive, …
For more information please contact Designmodo
WP Hive: A Bold & New Take on the WordPress Repository
People have been using WordPress for more than 15 years. There have been many changes and improvements to WordPress since Matt forked it from b2 in 2004. Allowing others to create functionalities on top of WordPress was the biggest growth hack for WordPress. It wasn’t until May 22, 2004, when the third release of WordPress, […]
The post WP Hive: A Bold & New Take on the WordPress Repository appeared first on WPArena.
20 Amazing Event & Conference WordPress Themes of 2021
Choosing a Best Event/Conference WordPress Theme for your blog could always land you in a dilemma as the scenario is very confusing with hundreds of options available these days, although some of them are very...
The post 20 Amazing Event & Conference WordPress Themes of 2021 appeared first on 85ideas.com.
Google Completing Accelerated Budget Delivery Sunset
Google has announced the complete sunset of accelerated budget delivery. Last October, Google sunsetted its use with search campaigns, shopping campaigns, and shared budgets. Now, Google is beginning to sunset its use with other campaign types (this includes both shared and non-shared budgets). Such apps include Display, App, video campaigns and more.
Mastering The HTML <audio> Tag
Bankin’ Expands Financial Offering Via Bridge Pay API
French fintech startup Bankin’ has announced a new API that expands its consumer and business financial offerings to include payment processing. The new Bridge Pay API uses bank transfers to process payments and is being utilized by 12 major French banks.
Four Layouts for the Price of One
Pretty notable when a tweet about a flexbox layouts gets 8K+ likes on Twitter!
4 layouts for the price of 1, thanks flex 👍
— Adam Argyle (@argyleink) January 14, 2020
css`
form {
display: flex;
flex-wrap: wrap;
& > input {
flex: 1 1 10ch;
margin: .5rem;
&[type="email"] {
flex: 3 1 30ch;
}
}
}
`
view source on Codepen 👇https://t.co/Q8H5ly2ZIe pic.twitter.com/y6HqxClILZ
That's "native" CSS nesting in use there as well, assuming we get that at some point and the syntax holds.
There was some feedback that the code is inscrutable. I don't really think so, to me it says:
- All these inputs are allowed both to shrink and grow
- There is even spacing around all of it
- The email input should be three times bigger than the others
- If it needs to wrap, fine, wrap.
A great use case for flexbox, which is the right layout mechanism when you aren't trying to be super precise about the size of everything.
There is a blog post (no byline 🤷♂️) with a more longwinded explanation.
This reminds me a lot of Tim Van Damme's Adaptive Photo Layout where photos lay themselves out with flexbox. They don't entirely keep their Aspect ratios, but they mostly do, thanks to literally the flexibility of flexbox.
Here's a fun fork of the original.
It's like a zillion layouts for the price of one, and just a few lines of code to boot.
The post Four Layouts for the Price of One appeared first on CSS-Tricks.