Search
Items tagged with: WebDev
This blog is now generated by Eleventy 3.0, which was released last month. The upgrade process took me a few hours over the course of two evenings and I took a few notes on my upgrade process for posterity.
chromamine.com/2024/11/notes-o…
Notes on Upgrading to Eleventy 3.0
My blog is now generated by Eleventy 3.0, which was released last month. The upgrade process took me a few hours split over two evenings and I took a few notes.Harris Lapiroff
Why I 🧡 the web.
#Foursquare #opensource its places database. @simon gives a little preview if you're a #developer:
simonwillison.net/2024/Nov/20/…
Actual announcement here: location.foursquare.com/resour…
Could lead to maybe some fun #webdev ideas.
Foursquare Open Source Places: A new foundational dataset for the geospatial community | Foursquare
Stay up to date with the latest from Foursquare! Learn more about Foursquare Open Source Places: A new foundational dataset for the geospatial communityFoursquare
Someone hearted a Pen I made over a year ago, a no library, minimal JS version of another I found on @codepen.
At the time, it didn't work in Firefox as it was transitioning custom properties and support for :has() there was spotty.
Now it's cross-browser codepen.io/thebabydino/pen/gOqYdJd
#CSS #cssTransition #mask #cssMask #revealEffect #textEffects #textEffect #code #coding #frontend #webDevelopment #web #dev #webDev
Someone asked how to get such a card with text content, transparent background, rounded corners and a rotating inner edge rainbow gradient glow, so here's my take on it reddit.com/r/css/comments/1gpz…
Live demo on @codepen
codepen.io/thebabydino/pen/WNV… (single div, heavily commented)
#CSS #gradient #gradients #cssGradient #glow #gradientGlow #code #coding #web #dev #webDev #webDevelopment #frontend
This little thing made this week's @codepen Spark!
#CSS #code #coding #frontend #web #dev #cssGradient #webDevelopment #webDev #glow #cssAnimation #rainbow
Nice.
Scooter is an interactive find-and-replace #terminal UI app.
Search with either a fixed string or a regular expression, enter a replacement, and interactively toggle which instances you want to replace. Regex supported.
github.com/thomasschafer/scoot…
GitHub - thomasschafer/scooter: Interactive find and replace in the terminal
Interactive find and replace in the terminal. Contribute to thomasschafer/scooter development by creating an account on GitHub.GitHub
#HowTo Selfhosting Nearly Any Site On The Darkweb Using I2PD (light option ideal for single board computers and more
SECURITY BENEFIT: end-to-end #encryption overlay (no #https needed) & w/network range/IP not viewable, more challenge to attack other server services
READ / WATCH ON I2P: righttoprivacy.i2p/selfhost-da…
#i2pd #darknet #darkweb #development #webDev #encryption #infosec #cybersecurity
tube.tchncs.de/w/brDxfhZNeMDbj…
Selfhosting Darknet Websites Using I2PD
HOWTO: Selfhost Nearly ANY Website On The Darkweb - Easier Than You Think! We begin by installing NGINX webserver, for self-hosting our website code, and gain the added benefit of end-to-end encry...tchncs
My new post about the lovely “#Kitten”:
The #project I really appreciate.
saman.bearblog.dev/kitten-web-…
With the hope for a better #net/#web and simplifying web #app or #website creation for anyone.
@aral
#webdev #html #programming #indie #producthunt
Kitten project: a complete Small Web development kit
I have recently learnt about “The Small Web” and the “Kitten”, a complete Small Web development kit. Let’s dive into these topics. I have recently learnt ...I,m Saman an indie maker :)
Center the bottom row when using grid auto-fit in #CSS (video)
youtube.com/watch?v=HvhSEsFEsA… #webdev
- YouTube
Bekijk je favoriete video's, luister naar de muziek die je leuk vindt, upload originele content en deel alles met vrienden, familie en anderen op YouTube.www.youtube.com
My new website is online! fratorgano.me/
I truly enjoyed using @eleventy to build it, the flexibility provided by using an SSG is such a game changer!
This allows, for example, to automate the seasonal colour and profile pic changes without having to write additional client-side code.
I took some (or rather, a lot of) inspiration from the wonderful website of @latte, you should definitely check it out at: anhvn.com/
📝 Importing music metadata from Plex #Development #Webdev #Plex
To track the music I listen to I need to add records for artists and albums associated with them. This is something I've tackled manually — add an artist name, slug, description and a record for each album.
Here's a fun #3D layered text effect on @codepen codepen.io/thebabydino/pen/vYM…
No text duplication whatsoever, no text-shadow, no JS, no images save for CSS gradients.
All done with #CSS gradients, transforms & #SVG #filter magic! 🪄
Also an entry for this week's
#CodePenChallenge.
#svgFilter #textEffects #code #textEffect #web #dev #webDev #webDevelopment #coding #frontend
Come as you are¹ on @codepen codepen.io/thebabydino/pen/yLw…
No text duplication whatsoever, no text-shadow, no images save for #CSS gradients, no JS, just #SVG #filter magic.
Also an entry for this week's #CodePenChallenge.
¹but fully clothed
#svgFilter #textEffects #code #textEffect #web #dev #webDev #webDevelopment #coding #frontend
One of the things I’m working on while doing the #30DayMapChallenge is creating a portfolio site for the maps I create. It’s pretty hard explaining everything when you’re constrained by a 500-character limit, and this provides me with the space to expound on my mapmaking process.
Also, I took this opportunity to finally play around with @eleventy as a static-site generator, something that I mentioned last month: en.osm.town/@seav/113322416132…
#Eleventy #11ty #webdev #cartography #maps #Mapstodon
Eugene Alvin Villar 🇵🇭 (@seav@en.osm.town)
I’m planning to create my first @eleventy@fosstodon.org site soon and I’m already wondering which template language to use. Given that #Eleventy supports several formats, there’s a minor #ParadoxOfChoice at play here.OSM Town | Mapstodon for OpenStreetMap
🚀 New Post 🚀
A Design Tokens Workflow (part 2): Outputting to Different Formats With Style Dictionary
Learn how to output Design Tokens to CSS, Sass, JavaScript, iOS, Android, and more.
🔗 alwaystwisted.com/articles/a-d…
#DesignTokens #FrontEnd #WebDev #DesignSystems
A Design Tokens Workflow (part 2) - Outputting to Different Formats with Style Dictionary | Always Twisted
Explore the various built-in formats in Style Dictionary for transforming design tokens into usable code across platforms.Always Twisted
PDFs are useful, but they aren’t accessible, especially when it comes to ebooks.
In “Transforming eBooks: From PDFs to Accessible Web Experiences”, learn how we turned our latest #ebook into a dynamic reading experience that is also accessible using #11ty
lullabot.com/articles/transfor…
Transforming eBooks: From PDFs to Accessible Web Experiences
Learn how we converted our PDFs into an accessible, dynamic reading experience using a static site generator.Lullabot
Just wrote up my short talk from the 11ty meetup about using Cloudinary for dynamic social share images
Big props to @jlengstorf for the prior art and original code. Here I talk a lot about how gravity and layers work.
#webdev #11ty #cloudinary
sia.codes/posts/social-share-i…
Dynamic social share images using Cloudinary
Automatically generate unique Open Graph images for each page of your websiteSia Karamalegos (sia.codes)