Ricard's Social

10 posts9 participants0 posts today

Terence Eden🆕 blog! “How to prevent Payment Pointer fraud”There's a new Web Standard in town! Meet WebMonetization - it aims to be a low effort way to help users passively pay website owners.The pitch is simple. A website owner places a single new line in their HTML's <head> - something like this:<link rel="monetization"…👀 Read more: <a href="https://shkspr.mobi/blog/2025/03/how-to-prevent-payment-pointer-fraud/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://shkspr.mobi/blog/2025/03/how-to-prevent-payment-pointer-fraud/</a> ⸻ <a href="https://mastodon.social/tags/CyberSecurity" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CyberSecurity</a> <a href="https://mastodon.social/tags/dns" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#dns</a> <a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a> <a href="https://mastodon.social/tags/standards" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#standards</a> <a href="https://mastodon.social/tags/WebMonitization" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebMonitization</a>

Jonathan LamotheI am in urgent job search mode, so I'm gonna throw this out here and see if anything comes of it.I am a <a href="https://social.jlamothe.net/search?tag=Canadian" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Canadian</a>, fluent in both <a href="https://social.jlamothe.net/search?tag=English" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#English</a> and <a href="https://social.jlamothe.net/search?tag=French" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#French</a>. I have experience with several programming languages. My strongest proficiency is with <a href="https://social.jlamothe.net/search?tag=Haskell" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Haskell</a> and <a href="https://social.jlamothe.net/search?tag=C" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#C</a>. I also have a reasonable grasp of <a href="https://social.jlamothe.net/search?tag=HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a>, <a href="https://social.jlamothe.net/search?tag=JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JavaScript</a>, <a href="https://social.jlamothe.net/search?tag=SQL" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SQL</a>, <a href="https://social.jlamothe.net/search?tag=Python" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Python</a>, <a href="https://social.jlamothe.net/search?tag=Lua" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Lua</a>, <a href="https://social.jlamothe.net/search?tag=Linux" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Linux</a> system administration, <a href="https://social.jlamothe.net/search?tag=bash" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#bash</a> scripting, <a href="https://social.jlamothe.net/search?tag=Perl" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Perl</a>, <a href="https://social.jlamothe.net/search?tag=AWK" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#AWK</a>, some <a href="https://social.jlamothe.net/search?tag=Lisp" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Lisp</a> (common, scheme, and emacs), and probably several others I've forgotten to mention.I am not necessarily looking for something in tech. I just need something stable. I have done everything from software development, to customer support, to factory work, though my current circumstances make in-person work more difficult than remote work. I have been regarded as a hard worker in every job I have ever held.<a href="https://social.jlamothe.net/search?tag=GetFediHired" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#GetFediHired</a>

Steve Faulkner🎉 Off to State of the Browser <a href="https://mastodon.social/tags/SOTB" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SOTB</a> tomorrow the <a href="https://mastodon.social/tags/WebStandards" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebStandards</a> conference organized by <a href="https://front-end.social/@dletorey" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@dletorey</a> and <a href="https://mastodon.world/@webstandards" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@webstandards</a> team. Excited to learn from <a href="https://front-end.social/@sarajw" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@sarajw</a> and <a href="https://front-end.social/@matuzo" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@matuzo</a> amongst others.<a href="https://mastodon.social/tags/accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#accessibility</a> <a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> If you are attending come say 👋

Terence EdenBugger. There's no sensible way to "Pretty Print" HTML5 using PHP.HTMLtidy hasn't been updated in years and breaks a bunch of modern HTML.DOMdocument only pretty-prints XML.Manually indenting is a right pain in the arse.I like having nicely formatted source code - even if no one else looks at it.<a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a> <a href="https://mastodon.social/tags/PHP" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#PHP</a>

Terence Eden🆕 blog! “Create a Table of Contents based on HTML Heading Elements”Some of my blog posts are long. They have lots of HTML headings like <h2> and <h3>. Say, wouldn't it be super-awesome to have something magically generate a Table of Contents? I've built a utility which runs server-side using PHP. Give it some HTML and it will construct a Table of…👀 Read more: <a href="https://shkspr.mobi/blog/2025/03/create-a-table-of-contents-based-on-html-heading-elements/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://shkspr.mobi/blog/2025/03/create-a-table-of-contents-based-on-html-heading-elements/</a> ⸻ <a href="https://mastodon.social/tags/HowTo" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HowTo</a> <a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a> <a href="https://mastodon.social/tags/php" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#php</a>

Ricard Torres"Styling <details>: Horizontal Accordion"➡️ <a href="https://codepen.io/web-dot-dev/pen/XWvBZNo" target="_blank" rel="nofollow noopener noreferrer" translate="no">https://codepen.io/web-dot-dev/pen/XWvBZNo</a><a href="https://ricard.social/tags/WebDevelopment" class="mention hashtag" rel="tag">#WebDevelopment</a> <a href="https://ricard.social/tags/Frontend" class="mention hashtag" rel="tag">#Frontend</a> <a href="https://ricard.social/tags/CSS" class="mention hashtag" rel="tag">#CSS</a> <a href="https://ricard.social/tags/HTML" class="mention hashtag" rel="tag">#HTML</a>

Ricard Torres👨‍💻 Was excited to try and implemented the new and shiny Popover API <a href="https://developer.mozilla.org/en-US/docs/Web/API/Popover_API" target="_blank" rel="nofollow noopener noreferrer" translate="no">https://developer.mozilla.org/en-US/docs/Web/API/Popover_API</a>When I couldn't position it relative to my parent element I came across this post from <a href="https://front-end.social/@hdv" class="u-url mention">@hdv</a> 👀 <a href="https://hidde.blog/positioning-anchored-popovers/" target="_blank" rel="nofollow noopener noreferrer" translate="no">https://hidde.blog/positioning-anchored-popovers/</a>Which very well explains we can't use Popovers as tooltips for now without JS :blobcat_sadlife: We need to wait until we have Anchor Positioning in CSS in all browsers <a href="https://caniuse.com/css-anchor-positioning" target="_blank" rel="nofollow noopener noreferrer" translate="no">https://caniuse.com/css-anchor-positioning</a>I'm very disappointed 😞 <a href="https://ricard.social/tags/CSS" class="mention hashtag" rel="tag">#CSS</a> <a href="https://ricard.social/tags/WebDevelopment" class="mention hashtag" rel="tag">#WebDevelopment</a> <a href="https://ricard.social/tags/Frontend" class="mention hashtag" rel="tag">#Frontend</a> <a href="https://ricard.social/tags/HTML" class="mention hashtag" rel="tag">#HTML</a>

Ricard Torres"Gorillas - Plain JavaScript Game with HTML Canvas"➡️ <a href="https://codepen.io/HunorMarton/full/jOJZqvp" target="_blank" rel="nofollow noopener noreferrer" translate="no">https://codepen.io/HunorMarton/full/jOJZqvp</a><a href="https://ricard.social/tags/Game" class="mention hashtag" rel="tag">#Game</a> <a href="https://ricard.social/tags/HTML" class="mention hashtag" rel="tag">#HTML</a> <a href="https://ricard.social/tags/JavaScript" class="mention hashtag" rel="tag">#JavaScript</a> <a href="https://ricard.social/tags/CSS" class="mention hashtag" rel="tag">#CSS</a> <a href="https://ricard.social/tags/Frontend" class="mention hashtag" rel="tag">#Frontend</a> <a href="https://ricard.social/tags/WebDevelopment" class="mention hashtag" rel="tag">#WebDevelopment</a>

Ricard Torres:html5: :safari: This eluded my radar. On Safari TP you can use "switch" attribute in an input type checkbox and it turns into a switch➡️ Demo: <a href="https://codepen.io/Rik/pen/gOEYZgE?editors=1000" target="_blank" rel="nofollow noopener noreferrer" translate="no">https://codepen.io/Rik/pen/gOEYZgE?editors=1000</a>➡️ Release: <a href="https://webkit.org/blog/14885/release-notes-for-safari-technology-preview-185/" target="_blank" rel="nofollow noopener noreferrer" translate="no">https://webkit.org/blog/14885/release-notes-for-safari-technology-preview-185/</a><a href="https://ricard.social/tags/Safari" class="mention hashtag" rel="tag">#Safari</a> <a href="https://ricard.social/tags/WebDevelopment" class="mention hashtag" rel="tag">#WebDevelopment</a> <a href="https://ricard.social/tags/Frontend" class="mention hashtag" rel="tag">#Frontend</a> <a href="https://ricard.social/tags/HTML" class="mention hashtag" rel="tag">#HTML</a>

Ricard Torres<a href="https://front-end.social/@rem" class="u-url mention">@rem</a> Usually <nav> 😎 ➡️ <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/nav" target="_blank" rel="nofollow noopener noreferrer" translate="no">https://developer.mozilla.org/en-US/docs/Web/HTML/Element/nav</a><a href="https://ricard.social/tags/Frontend" class="mention hashtag" rel="tag">#Frontend</a> <a href="https://ricard.social/tags/HTML" class="mention hashtag" rel="tag">#HTML</a> :html5: <a href="https://ricard.social/tags/WebDevelopment" class="mention hashtag" rel="tag">#WebDevelopment</a>

Jake in the desertTiny websites have always fascinated me, along with internet web portals (which haven't been a thing for many years-- at least in the way we used to know them). I'm talking a simple HTML page with just a graphic or two, and a bunch of links. Something that might resemble the early days of Yahoo, etc. The idea for this site I made has been buzzing around in my head for a while now. It is NOT responsive, there is NO JavaScript, and there's just a TINY bit of CSS. The whole site (one HTML page) is only about 9kb! A simple site like this one might look primitive compared to some of the huge, complicated websites we see as standard on the internet today, but this site is guaranteed to work on any browser or device. I used links for sites/documents that I frequent or use a lot, and mixed in my own personal projects for fun. It's a super simple page-- mostly for my own usage. But I really love the design of it! I call it 'Mr Beamer's Old Timey Web Portal' 😂 EDIT: I moved it to Neocities! ⬇️ <a href="http://oldtimeywebportal.neocities.org" rel="nofollow noopener noreferrer" translate="no" target="_blank">http://oldtimeywebportal.neocities.org</a><a href="https://c.im/tags/html" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#html</a> <a href="https://c.im/tags/simplesites" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#simplesites</a> <a href="https://c.im/tags/webportal" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webportal</a> <a href="https://c.im/tags/webportals" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webportals</a> <a href="https://c.im/tags/htmlmostly" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#htmlmostly</a> <a href="https://c.im/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#css</a> <a href="https://c.im/tags/bareboneshtml" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#bareboneshtml</a> <a href="https://c.im/tags/weirdweb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#weirdweb</a> <a href="https://c.im/tags/personalsites" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#personalsites</a> <a href="https://c.im/tags/personalwebsites" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#personalwebsites</a> <a href="https://c.im/tags/indieweb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#indieweb</a>

Ricard TorresAll of Learn HTML is now available 👇 "This HTML course for web developers provides a solid overview for developers, from novice to expert level HTML"➡️ <a href="https://web.dev/learn/html/" target="_blank" rel="nofollow noopener noreferrer" translate="no">https://web.dev/learn/html/</a><a href="https://ricard.social/tags/Frontend" class="mention hashtag" rel="tag">#Frontend</a> <a href="https://ricard.social/tags/HTML" class="mention hashtag" rel="tag">#HTML</a> :html5: <a href="https://ricard.social/tags/WebDevelopment" class="mention hashtag" rel="tag">#WebDevelopment</a>

Ricard TorresToday I learned about this <a href="https://ricard.social/tags/HTML" class="mention hashtag" rel="tag">#HTML</a> attribute: "The autocapitalize global attribute is an enumerated attribute that controls whether and how text input is automatically capitalized as it is entered/edited by the user"<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autocapitalize" target="_blank" rel="nofollow noopener noreferrer" translate="no">https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autocapitalize</a><a href="https://ricard.social/tags/WebDevelopment" class="mention hashtag" rel="tag">#WebDevelopment</a> <a href="https://ricard.social/tags/Frontend" class="mention hashtag" rel="tag">#Frontend</a>

Recent searches

Search options

Administered by:

Server stats:

#html