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/

Take a deep dive into the DOM manipulation and HTML parsing capabilities of PHP in a Keynote session at #DrupalDevDays by Niels Dossche.

#Development #Introductions
The customizable select (part two) · Potions, anchoring, and radial shenanigans in CSS https://ilo.im/163bxd

_____
#SelectElement #Form #AnchorPositioning #ProgressiveEnhancement #Chrome #Browser #WebDev #Frontend #HTML #CSS

"A further brief digression is warranted here. HTML email is, without doubt, evidence of the imminent end of civilized life as we know it; much like the Golgafrincham diaspora, it is attributable to a depraved cabal of marketing consultants and provides the same level of social good as syphilis and fistulas. Suffice to say, it is a blight."

https://jasonwryan.com/blog/2012/05/12/mutt/

JSX-Syntax with Webcomponents.

https://positive-intentions.com/blog/dim-functional-webcomponents

I made something to try out and I'm working towards a UI framework for my personal projects. It's far from finished but perhaps this might be interesting to share.

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/

Herb: Powerful and seamless HTML-aware ERB parsing and tooling

Link: https://herb-tools.dev/
Discussion: https://news.ycombinator.com/item?id=43704853

Noctua 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.

https://uswds.noctuatech.com/
https://github.com/Noctua-Technology/uswds

From the archives:

On the Uniting Power of a Commitment to HTML Conformance:

https://meiert.com/en/blog/commit-to-conformance/

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

https://css-tip.com/rounded-hexagon/

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.

Les attributs oubliés de l'élément HTML `input`.

https://garrettdimon.com/journal/posts/fine-tuning-text-inputs

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