Medior PHP https://leanpub.com/b/mediorphp by Joseph Kanyo is the featured bundle of ebooks on the Leanpub homepage! https://leanpub.com #Php #Databases #Mysql #ComputerProgramming #Laravel #Symfony #Html #Refactoring #Apis #ApiDesign #books #ebooks

I’m fortunate to have worked with a lot of amazing designers over the years. Some were curious about designing in the browser with basic #HTML and #CSS, 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: https://cloudfour.com/thinks/designing-in-the-browser-five-tips-for-beginners/

Neat (but slow): The following snippet will instruct Org-mode to generate MathML when exporting LaTeX-snippets to HTML using LaTeXML:

(setopt
 org-latex-to-html-convert-command "latexmlc literal:%i --profile=math 2>/dev/null"
 org-html-with-latex 'html)

You can adjust it to load additional packages by adding --preload= flags.

If you're an #HTML 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 https://shkspr.mobi/blog/random and hit view source in your browser.

Does everything look OK? Anything weird? It should all be formatted nicely.

THANKS!

Create an HTML Dialog When You Click an Image, by @cassidoo:

https://cassidoo.co/post/html-dialog-on-image-click/

Prismic.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"

https://prismic.io/guides/css-animations

Create an #HTML 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!" https://cassidoo.co/post/html-dialog-on-image-click/

I love looking at people's website source code, especially when I stumble across cool things like this:

view-source:https://www.write-on.org/

New Kitten release

• Fix: messages that are promises are properly awaited before being sent.

https://kitten.small-web.org

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}' />`)
}
}
```

A favorite hobby of mine has become collecting outdated, preferably chintzy, tech books. My most recent is the MS-DOS 6.2 guide.

#TIL: Vielleicht bin ich ja der letzte der davon erfahren hat, aber #mastodon hat auch #html Meta Tag(s) für die author Darstellung.

https://blog.joinmastodon.org/2024/07/highlighting-journalism-on-mastodon/

#Development #Techniques
How to open and close HTML dialogs · You’ll use a little JS today but none in the future https://ilo.im/163b4u

_____
#Dialogs #Modals #Invokers #Browser #WebDev #Frontend #HTML #CSS #JavaScript

SELFHTML wird 30! Das wollen wir feiern!

Am Samstag, den 24.05.2025 gibt es …
12:00 Unconference mit Beiträgen zu RWD, Screenreadern und mehr
17:00 Stadtrundgang Stadt.Wand.Kunst
19:00 Abendessen

https://forum.selfhtml.org/self/2025/apr/11/self-treffen-2025-unconference/1819538#m1819538

Is the ordering of attribute values ever semantically or logically important.

For example, is there ever a practical difference between:

`<p class="a b">`
and
`<p class="b a">`