Med-Mastodon

33 posts28 participants2 posts today

Terence EdenI've now published my first library on Packagist!<a href="https://packagist.org/packages/edent/pretty-print-html" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://packagist.org/packages/edent/pretty-print-html</a>Feedback, suggestions, corrections, tips, tricks, and praise very much welcome!<a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a> <a href="https://mastodon.social/tags/PrettyPrint" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#PrettyPrint</a> <a href="https://mastodon.social/tags/PHP" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#PHP</a>

RivermonsterI've never done anything like this, can anyone smarter than me confirm this will work? <a href="https://stackoverflow.com/a/56315478" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://stackoverflow.com/a/56315478</a> <a href="https://mastodon.social/tags/python" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#python</a> <a href="https://mastodon.social/tags/php" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#php</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/javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#javascript</a>

LeanpubMedior PHP <a href="https://leanpub.com/b/mediorphp" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://leanpub.com/b/mediorphp</a> by Joseph Kanyo is the featured bundle of ebooks 📚 on the Leanpub homepage! <a href="https://leanpub.com" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://leanpub.com</a> <a href="https://mastodon.social/tags/Php" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Php</a> <a href="https://mastodon.social/tags/Databases" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Databases</a> <a href="https://mastodon.social/tags/Mysql" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Mysql</a> <a href="https://mastodon.social/tags/ComputerProgramming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ComputerProgramming</a> <a href="https://mastodon.social/tags/Laravel" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Laravel</a> <a href="https://mastodon.social/tags/Symfony" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Symfony</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/Refactoring" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Refactoring</a> <a href="https://mastodon.social/tags/Apis" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Apis</a> <a href="https://mastodon.social/tags/ApiDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ApiDesign</a> <a href="https://mastodon.social/tags/books" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#books</a> <a href="https://mastodon.social/tags/ebooks" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ebooks</a>

tschigi<a href="https://social.coop/@cwebber" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@cwebber</a> <a href="https://pl.fediverse.pl/users/mkljczk" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@mkljczk</a> I would call this „old school“ 😍💪 and it's a stamp of quality from the bygone golden days of web design and -publishing. Back then it was simple, noble and classic design and code. After years of Joomla and Wordpress I'm circling back to <a href="https://swiss.social/tags/FlatFileCMS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#FlatFileCMS</a>, <a href="https://swiss.social/tags/RSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#RSS</a>, <a href="https://swiss.social/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a> and <a href="https://swiss.social/tags/Markup" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Markup</a> - and I love it! 🥰

Tyler StickaI’m fortunate to have worked with a lot of amazing designers over the years. Some were curious about designing in the browser with basic <a href="https://social.lol/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a> and <a href="https://social.lol/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a>, but weren’t sure where to begin, or felt discouraged by a lot of developer-centric content.This is the advice I gave that seemed to resonate most: <a href="https://cloudfour.com/thinks/designing-in-the-browser-five-tips-for-beginners/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://cloudfour.com/thinks/designing-in-the-browser-five-tips-for-beginners/</a><a href="https://social.lol/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDesign</a> <a href="https://social.lol/tags/DesignProcess" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#DesignProcess</a>

Drupal Developer Days💡 Take a deep dive into the DOM manipulation and HTML parsing capabilities of PHP in a Keynote session at <a href="https://drupal.community/tags/DrupalDevDays" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#DrupalDevDays</a> by Niels Dossche. 🔜<a href="https://drupal.community/tags/DDD25" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#DDD25</a> <a href="https://drupal.community/tags/PHP" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#PHP</a> <a href="https://drupal.community/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a> <a href="https://drupal.community/tags/OpenSource" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#OpenSource</a> <a href="https://drupal.community/tags/Tech" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Tech</a>

CSS by T. Afif :verified:And here is the code to generate any polygon shape with rounded corners!<a href="https://css-tip.com/rounded-polygon/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://css-tip.com/rounded-polygon/</a>Update the variables then get your code (There is another variation using CSS variables as well).<a href="https://front-end.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://front-end.social/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a>

Terence EdenYet more HTML brainteasers for you to argue over!How do you feel about newlines in attribute values?For example: `<img alt="A kitten. A puppy.">`Or: `<div class="cat dog horse">`Is there ever a time when a newline *must not* be replaced by a space? <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a>

Philip KaludercicNeat (but slow): The following snippet will instruct Org-mode to generate MathML when exporting LaTeX-snippets to HTML using <a href="https://math.nist.gov/~BMiller/LaTeXML/" rel="nofollow noopener noreferrer" target="_blank">LaTeXML</a>:<pre><code>(setopt org-latex-to-html-convert-command "latexmlc literal:%i --profile=math 2>/dev/null" org-html-with-latex 'html) </code></pre>You can adjust it to load additional packages by adding <code>--preload=</code> flags.<a href="https://commenting.onthe.incoherenceofthe.net/tags/emacs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#emacs</a> <a href="https://commenting.onthe.incoherenceofthe.net/tags/org" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#org</a> <a href="https://commenting.onthe.incoherenceofthe.net/tags/latex" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#latex</a> <a href="https://commenting.onthe.incoherenceofthe.net/tags/html" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#html</a>

Terence EdenIf you're an <a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a> nerd, I would love your help.I've released a new Pretty-Printer for PHP 8.4's Dom\HTMLDocument class.Could you please go to <a href="https://shkspr.mobi/blog/random" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://shkspr.mobi/blog/random</a> and hit view source in your browser. Does everything look OK? Anything weird? It should all be formatted nicely.THANKS!

Hacker News 50Herb: Powerful and seamless HTML-aware ERB parsing and toolingLink: <a href="https://herb-tools.dev/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://herb-tools.dev/</a> Discussion: <a href="https://news.ycombinator.com/item?id=43704853" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://news.ycombinator.com/item?id=43704853</a><a href="https://social.lansky.name/tags/html" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#html</a>

Danny BlueNoctua Technology and myself just release v1 of our web component implementation of the USWDS. I have been wanting to do this for a long time and i hope to contribute more back to the core project.<a href="https://uswds.noctuatech.com/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://uswds.noctuatech.com/</a> <a href="https://github.com/Noctua-Technology/uswds" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://github.com/Noctua-Technology/uswds</a><a href="https://indieweb.social/tags/webcomponents" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webcomponents</a> <a href="https://indieweb.social/tags/html" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#html</a> <a href="https://indieweb.social/tags/javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#javascript</a>

Terence EdenOK! I am now *moderately* confident that my <a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a> Pretty Printer works. So I'm looking for feedback 🙂 Here's how you can help:1. Visit <a href="https://shkspr.mobi/blog/random" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://shkspr.mobi/blog/random</a> and view the source. Let me know if it looks weird please! 2. Contribute test cases either at <a href="https://gitlab.com/edent/pretty-print-html-using-php/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://gitlab.com/edent/pretty-print-html-using-php/</a> or by sending me some complicated HTML. 3. Tell me how useful you think this is.THANKS GANG!

CSS by T. Afif :verified:💡 CSS Tip!Shapes with rounded corners are a nightmare in CSS but it's now easy with the new shape() function! 🥳Let's start with a classic: The Hexagon<a href="https://css-tip.com/rounded-hexagon/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://css-tip.com/rounded-hexagon/</a>Yes, you can animate the radius and rotate the shape. Modern CSS is cool!Do you want another polygon shape? I am cooking a generic code to create all of them.<a href="https://front-end.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://front-end.social/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a>

Kevin Karhan :verified:<a href="https://mastodon.social/@olafurw" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@olafurw</a> not necessarily...<ul><li>Some langugauges get interpreted directly (<a href="https://infosec.space/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a>, <a href="https://infosec.space/tags/JS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JS</a>), some use bytecode (<a href="https://infosec.space/tags/Java" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Java</a>) and some compile directly to target hardware+dependencies (<a href="https://infosec.space/tags/C" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#C</a>, <a href="https://infosec.space/tags/asm" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#asm</a>, <a href="https://infosec.space/tags/Rust" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Rust</a>)…</li></ul>

RafaelPrismic.io has published a collection of lists for many types of css/javascript/svg driven animations to enhance your web apps' user experience. Each example includes real-world use cases and clear code examples in the appropriate languages.The collection includes:1. Text Animations 2. Hover Effects 3. Button Animations 4. Background Effects, and 5. Image Effects"CSS Animation Collection: 150+ Examples & Code"<a href="https://prismic.io/guides/css-animations" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://prismic.io/guides/css-animations</a><a href="https://mastodon.social/tags/programming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#programming</a> <a href="https://mastodon.social/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#css</a> <a href="https://mastodon.social/tags/javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#javascript</a> <a href="https://mastodon.social/tags/svg" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#svg</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/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a>

CSS BasicsCreate an <a href="https://hachyderm.io/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a> dialog when you click an image: "So, I worked some HTML <dialog> magic and set it up so that as I add images to a post, you can click on them and see them a bit bigger in a pop up!" <a href="https://cassidoo.co/post/html-dialog-on-image-click/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://cassidoo.co/post/html-dialog-on-image-click/</a>

Reilly Spitzfaden (they/them)I love looking at people's website source code, especially when I stumble across cool things like this:view-source:<a href="https://www.write-on.org/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://www.write-on.org/</a><a href="https://hachyderm.io/tags/ASCII" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ASCII</a> <a href="https://hachyderm.io/tags/ASCIIArt" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ASCIIArt</a> <a href="https://hachyderm.io/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a> <a href="https://hachyderm.io/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a> <a href="https://hachyderm.io/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a>

CSS by T. Afif :verified:If you don't know, my CSS Tip website is open to advertisers. Don't miss the opportunity to promote your product and support my work!Reach a wide audience of passionate web developers (~14.000 active users per month) starting from 150$/month.<a href="https://css-tip.com/advertise/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://css-tip.com/advertise/</a><a href="https://front-end.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://front-end.social/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a>

Aral BalkanNew Kitten release• Fix: messages that are promises are properly awaited before being sent.<a href="https://kitten.small-web.org" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://kitten.small-web.org</a>Kitten automatically and transparently handles asynchronous content in your templates for you so you don’t have to worry about it. One place where this wasn’t working properly is if you addressed `this.component` to stream a custom update of your component manually instead of calling the `this.update()` method of Kitten component instances.e.g.,```js export default class AdminPage extends kitten.Page { // … onSelectedPost (data) { this.send(kitten.html`<${this.component} postId='${data.selectedPost.postId}' />`) } } ```:kitten:💕<a href="https://mastodon.ar.al/tags/Kitten" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Kitten</a> <a href="https://mastodon.ar.al/tags/SmallWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SmallWeb</a> <a href="https://mastodon.ar.al/tags/SmallTech" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SmallTech</a> <a href="https://mastodon.ar.al/tags/news" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#news</a> <a href="https://mastodon.ar.al/tags/updates" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#updates</a> <a href="https://mastodon.ar.al/tags/promises" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#promises</a> <a href="https://mastodon.ar.al/tags/StreamingHTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#StreamingHTML</a> <a href="https://mastodon.ar.al/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#web</a> <a href="https://mastodon.ar.al/tags/dev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#dev</a> <a href="https://mastodon.ar.al/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a> <a href="https://mastodon.ar.al/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://mastodon.ar.al/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JavaScript</a>

Recent searches

Search options

Administered by:

Server stats:

#html