pablolarah

pablolarah, 13 days ago to webdev

💡🌖 But what about the shadow DOM?
by Chris Ferdinandi @ChrisFerdinandi @cferdinandi
#WebComponents #shadowDOM #webdev

https://gomakethings.com/but-what-about-the-shadow-dom/

pablolarah, 14 days ago to webdev

🟢The wrong way to do Web Components
by Chris Ferdinandi @ChrisFerdinandi @cferdinandi
#WebComponents #webdev

https://gomakethings.com/the-wrong-way-to-do-web-components/

pablolarah, 15 days ago to programming

🟠 Avoiding the soft delete anti-pattern
by Tim Fisken @culturedsystems
#Deletion #programming #webdev

https://www.cultured.systems/2024/04/24/Soft-delete/

pablolarah, 19 days ago to webdev

🟤🟠⚫️ Web Components Demystified
by Scott Jehl @scottjehl on @kickstarter
A comprehensive online course on Web Components. Build fast, dynamic, resilient apps for the next phase of the web!
#webcomponents #OnlineCourse #webdev #Kickstarter

https://www.kickstarter.com/projects/scott-jehl/web-components-demystified

Animated Gif. Picture Of Scott Jehl With Text On White Rectangle On Top Left: Web Components Demystified Black Text With Highlights In Brown On Grey Background: A Preview Of What You'll Get 10+hrs Of Video Instruction In-depth Technical Dives 15 Course Modules Interviews W/ Library Devs Resilient Reusable Patterns Real-world Case Studies Quizzes And Exercises Certificate Of Completion Black Text On Grey Background With Brown Highlight: About Your Host... Scott Jehl Lightning-fast Web Performance Creator Acquired By Catchpoint, 2021 Responsible Responsive Design Author A Book Apart, 2014 Designing With Progressive Enhancement Co-author Peachpit, 2010 Black Text With Brown Highlights On Grey Background: Web Components Demystified A Comprehensive, Premium Course About Building Dynamic, Fast, Resilient Apps With Web Standards.

pablolarah, 20 days ago to wordpress

🟦🟨 Modern WordPress - Yikes!
by David Bushell @dbushell @dbushell
#Wordpress #Json #Php #webdev #CSSeverywhere
#WordpressThemes

https://dbushell.com/2024/05/07/modern-wordpress-themes-yikes/

pablolarah, 21 days ago to javascript

🟪🟥 JavaScript var, let, and const explained
by Kevin Powell @KevinJPowell
Feat.: Chris Ferdinandi @ChrisFerdinandi @cferdinandi
#js #var #let #const #webdev #coding

https://www.youtube.com/watch?v=pobWEaHNChY

pablolarah, 25 days ago to random

🟡 How to get different Web Components to talk to each other (part 2)
by Chris Ferdinand @ChrisFerdinandi @cferdinandi
#WebComponents

https://gomakethings.com/how-to-get-different-web-components-to-talk-to-each-other-part-2/

pablolarah, 26 days ago to free

Added
✥ Barry Schwartz @chemoelectric #free #fonts Bonveno, Fanwood, Fanwood Text, Sorts Mill Goudy, Goudy Bookletter 1911, Juvelo, Linden Hill and Prociono.
Web: https://crudfactory.com/#Fonts
#typography #freefont

to my Typography Resources:
https://typography.pablolarah.cl

Specimens of Barry Schwartz free fonts Bonveno, Fanwood, Fanwood Text, Sorts Mill Goudy, Goudy Bookletter 1911, Juvelo, Linden Hill and Prociono.

pablolarah, 27 days ago to webdev

🟤🟡 How to detect when attributes change on a Web Component
by Chris Ferdinandi @ChrisFerdinandi @cferdinandi
#WebComponents #webdev

https://gomakethings.com/how-to-detect-when-attributes-change-on-a-web-component/

pablolarah, 29 days ago to accessibility

🔴 How to check and fix PDF accessibility issues
by Whitney Lewis at @PopeTechA11y

#PDF #accessibility
https://blog.pope.tech/2024/04/25/how-to-check-and-fix-pdf-accessibility-issues/

pablolarah, 29 days ago to webdev

🟢 The different ways to instantiate a Web Component
by Chris Ferdinandi @ChrisFerdinandi @cferdinandi
#InstantiateWebComponent #webcomponent #webdev

https://gomakethings.com/the-different-ways-to-instantiate-a-web-component/

pablolarah, 29 days ago to CSS

🟠🟡 If View Transitions and Scroll-Driven Animations had a baby …
By @bramus
(2024.04.25 @ @css__cafe )
#ViewTransitions #ScrollDrivenAnimations #css #webdev

https://www.bram.us/2024/04/29/if-view-transitions-and-scroll-driven-animations-had-a-baby-css-cafe/

pablolarah, 1 month ago to random

🟢🟡 The essential guide to matching icons with typefaces
at @streamlinehq
A complete guide on how to pair icons and typefaces to create a consistent visual language.
#icons #PairingIconsAndTypefaces

https://blog.streamlinehq.com/choosing-the-perfect-icons-for-your-typeface/

pablolarah, 1 month ago to Podcast

🟣🟡 PodcastAP
by Steven Crader @stevencrader @steven
Follow Podcasts and Music feeds on the Fediverse
#Podcast #Fediverse #Mastodon #FollowPodcast

https://podcastap.com

pablolarah, 1 month ago to free

Added
☙ Loki Gwynbleidd @lokigwyn #Free #Fonts (typefaces used in the 1840s to 1900s): Vintage Propagandist, Anarchist Mustache, L'Internationale, ++
Web: https://partage.lokipropagand.art/en/fontes-numeriques/
#typography #freefont

to my Typography Resources:
https://typography.pablolarah.cl

Animated gif. Specimens of Fonts: Vintage Propagandist, Anarchist Mustache, L'Internationale, Broadaxe Revolution, The Strike Nest, Grotesque Bourgeoisie, Rebel Typographer, The Alarm, La Pétroleuse, Lae Communard'e, ChiffChaff Uprising

pablolarah, 1 month ago to CSS

🔴 Detect JavaScript Support in CSS
by Ryan Mulligan @hexagoncircle @hexagoncircle
#css #js #webdev

https://ryanmulligan.dev/blog/detect-js-support-in-css/

pablolarah, 1 month ago to random

🔵 Ursula K. Le Guin’s Passionate Defense of Art over Profits
Feat.: Neil Gaiman @neilhimself @neilhimself.neilgaiman.com
at @PBSAmerMasters
#UrsulaKLeGuin #NeilGaiman #PBSAmerMasters

https://youtu.be/s2v7RDyo7os

Animated gif. Ursula K. Le Guin accepting from Neil Gaiman the National Book Foundation’s Medal for Distinguished Contribution to American Letters

pablolarah, 1 month ago to CSS

🟣 Use CSS to boost the font size of emoji with no extra markup
By @Edent @Edent
#Emoji #EmojiFontSize #css #webdev

https://shkspr.mobi/blog/2024/04/use-css-to-boost-the-font-size-of-emoji-with-no-extra-markup/

pablolarah, 1 month ago to fediBots

🤖 Blockin’ bots
by Ethan Marcotte @beep @beep
#BlockinBots #bots #AI #artificialintelligence #extractivecapitalism #webdev #htaccessFile

https://ethanmarcotte.com/wrote/blockin-bots/

pablolarah, 1 month ago to accessibility

🟠🔴🟤 Jaws HTML Support
A Work in progress: Last updated 10 April 2024.
Editors: Steve Faulkner SteveFaulkner@mastodon.social
@SteveFaulkner

#a11y #accessibility #screenReaders #WebDev #WebStandards

https://freedomscientific.github.io/standards-support/html.html

pablolarah, 1 month ago to illustration

🟡🔴 Illustrator Luke McConkey's baller collaboration with Yatta is an animation slam dunk
Feat.: @mcconkeydesign + @Studio_Yatta
by Dominic Carter @DomCarterWriter at @creativeboom
#illustration #animation

https://www.creativeboom.com/inspiration/luke-mcconkey/

Based on an illustration experiment Luke McConkey shared on social media in 2023, Slam Dunk is a new animated collaboration made with Yatta that sees a basketball player endlessly shooting hoops with the help of some extreme perspectives. Comparative animation: on the left in grey two animation of the 3D version on white background of the basketball player. On the right, the player in yellow skin and magenta clothes, on yellow background. On top player passing ball under the arc of the legs. On bottom, the player climbs to the backboard, suspending briefly from the basketball hoop

pablolarah, 1 month ago to random

🟢Custom pseudo-classes for web components with the CustomStateSet API
by Ollie Williams @hypeddev
#CustomPseudoClass #WebComponents

https://fullystacked.net/custom-pseudo-classes/

pablolarah, 1 month ago to webdev

🔷 Azulejo (Ceramic Tile)
ふぉくる @focru_ino from @studio_spoon
#webdev
#TypeScript
#GLSL
#SCSS
#HTML
#JavaScript
#animation
#scroll
https://works-2023-12.vercel.app/

On grid of ceramic tiles ( 9 columns and 4 rows) in faded light blue, on scroll, the space is filled from small squares in the center(randomly adjacent squares, every tile has 4 squares inside), with colorful blue tones with different shapes. Also the tiles change design on scroll.

pablolarah, 1 month ago to CSS

🟥 Pure CSS webite
by Archie Sarre Wood @archieemwood
#css #webdev

https://github.com/archiewood/pure-css-site
https://pure-css-site.netlify.app/

pablolarah, 1 month ago to ai

🤖 Go ahead and block AI web crawlers
by Cory Dransfeldt @cory
#AI #Tech #Development #webdev #RobotsText

https://coryd.dev/posts/2024/go-ahead-and-block-ai-web-crawlers/