Social 📸 Photography

Inautilo<a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#Development</a> <a href="https://mastodon.social/tags/Collections" class="mention hashtag" rel="nofollow noopener" target="_blank">#Collections</a> HotFX · A collection of well-crafted web components <a href="https://ilo.im/165u3y" rel="nofollow noopener" translate="no" target="_blank">https://ilo.im/165u3y</a>_____ <a href="https://mastodon.social/tags/WebComponents" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebComponents</a> <a href="https://mastodon.social/tags/Website" class="mention hashtag" rel="nofollow noopener" target="_blank">#Website</a> <a href="https://mastodon.social/tags/DesignPattern" class="mention hashtag" rel="nofollow noopener" target="_blank">#DesignPattern</a> <a href="https://mastodon.social/tags/Design" class="mention hashtag" rel="nofollow noopener" target="_blank">#Design</a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDesign</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#Frontend</a> <a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTML</a> <a href="https://mastodon.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#JavaScript</a>

Inautilo<a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#Development</a> <a href="https://mastodon.social/tags/Approaches" class="mention hashtag" rel="nofollow noopener" target="_blank">#Approaches</a> Is JavaScript finally growing up? · “The future is layered, not stacked.” <a href="https://ilo.im/165qhj" rel="nofollow noopener" translate="no" target="_blank">https://ilo.im/165qhj</a>_____ <a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTML</a> <a href="https://mastodon.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#JavaScript</a> <a href="https://mastodon.social/tags/ProgressiveEnhancement" class="mention hashtag" rel="nofollow noopener" target="_blank">#ProgressiveEnhancement</a> <a href="https://mastodon.social/tags/Frameworks" class="mention hashtag" rel="nofollow noopener" target="_blank">#Frameworks</a> <a href="https://mastodon.social/tags/Browser" class="mention hashtag" rel="nofollow noopener" target="_blank">#Browser</a> <a href="https://mastodon.social/tags/WebPerf" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebPerf</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#Frontend</a>

David Bisset<a href="https://awesomeindex.dev/" rel="nofollow noopener" translate="no" target="_blank">https://awesomeindex.dev/</a> allows you to search trouble GitHub's "Awesome" Lists.<a href="https://phpc.social/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdev</a> <a href="https://phpc.social/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#frontend</a> <a href="https://phpc.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a> <a href="https://phpc.social/tags/webtools" class="mention hashtag" rel="nofollow noopener" target="_blank">#webtools</a> <a href="https://phpc.social/tags/Github" class="mention hashtag" rel="nofollow noopener" target="_blank">#Github</a>

knizer<a href="https://toot.boston/tags/BostonWeekend" class="mention hashtag" rel="nofollow noopener" target="_blank">#BostonWeekend</a> 18/x Sat <a href="https://toot.boston/tags/WEB" class="mention hashtag" rel="nofollow noopener" target="_blank">#WEB</a> Its <a href="https://toot.boston/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTML</a> Day! Cambridge Crossing, 3-5pm, free hosted by fediverse’s own <a href="https://icosahedron.website/@cxli" class="u-url mention" rel="nofollow noopener" target="_blank">@cxli</a> and <a href="https://sunny.garden/@kayserifserif" class="u-url mention" rel="nofollow noopener" target="_blank">@kayserifserif</a> - come write HTML with us, no experience required <a href="https://icosahedron.website/@cxli/114914202375756748" rel="nofollow noopener" translate="no" target="_blank">https://icosahedron.website/@cxli/114914202375756748</a> <a href="https://boston-html-day.neocities.org" rel="nofollow noopener" translate="no" target="_blank">https://boston-html-day.neocities.org</a> <a href="https://toot.boston/tags/Bostodon" class="mention hashtag" rel="nofollow noopener" target="_blank">#Bostodon</a> <a href="https://toot.boston/tags/FrontEnd" class="mention hashtag" rel="nofollow noopener" target="_blank">#FrontEnd</a> <a href="https://toot.boston/tags/WebPages" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebPages</a> <a href="https://toot.boston/tags/textEditor" class="mention hashtag" rel="nofollow noopener" target="_blank">#textEditor</a> <a href="https://toot.boston/tags/hacking" class="mention hashtag" rel="nofollow noopener" target="_blank">#hacking</a> <a href="https://toot.boston/tags/Boston" class="mention hashtag" rel="nofollow noopener" target="_blank">#Boston</a> <a href="https://toot.boston/tags/CambridgeMA" class="mention hashtag" rel="nofollow noopener" target="_blank">#CambridgeMA</a> <a href="https://toot.boston/tags/Firefox" class="mention hashtag" rel="nofollow noopener" target="_blank">#Firefox</a> <a href="https://toot.boston/tags/chrome" class="mention hashtag" rel="nofollow noopener" target="_blank">#chrome</a> <a href="https://toot.boston/tags/W3C" class="mention hashtag" rel="nofollow noopener" target="_blank">#W3C</a> <a href="https://toot.boston/tags/HTMLDay" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTMLDay</a> <a href="https://toot.boston/tags/Markup" class="mention hashtag" rel="nofollow noopener" target="_blank">#Markup</a> <a href="https://toot.boston/tags/Markdown" class="mention hashtag" rel="nofollow noopener" target="_blank">#Markdown</a> <a href="https://toot.boston/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#javascript</a> <a href="https://toot.boston/tags/Typescript" class="mention hashtag" rel="nofollow noopener" target="_blank">#Typescript</a> <a href="https://toot.boston/tags/python" class="mention hashtag" rel="nofollow noopener" target="_blank">#python</a> <a href="https://toot.boston/tags/code" class="mention hashtag" rel="nofollow noopener" target="_blank">#code</a> <a href="https://toot.boston/tags/browser" class="mention hashtag" rel="nofollow noopener" target="_blank">#browser</a> <a href="https://toot.boston/tags/software" class="mention hashtag" rel="nofollow noopener" target="_blank">#software</a> <a href="https://toot.boston/tags/language" class="mention hashtag" rel="nofollow noopener" target="_blank">#language</a>

ThibI wrote a post (in markdown) on my website, and would like a printed copy of it.Normal person: copy the markdown, slap it into a document, and print itMe: time for some <a href="https://mamot.fr/@media" class="u-url mention" rel="nofollow noopener" target="_blank">@media</a> print queries!<a href="https://mamot.fr/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#css</a> <a href="https://mamot.fr/tags/webDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webDev</a> <a href="https://mamot.fr/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#frontend</a>

Anselm HannemannTrying it again here on Mastodon, my favourite network apart from my in-person network:I’m available for freelance work now. If you need my advice / help for:- scalable frontends - accessibility or - making teams more effective through real agility, not just on paperSend me a message!<a href="https://mastodon.social/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#frontend</a> <a href="https://mastodon.social/tags/agile" class="mention hashtag" rel="nofollow noopener" target="_blank">#agile</a> <a href="https://mastodon.social/tags/hiring" class="mention hashtag" rel="nofollow noopener" target="_blank">#hiring</a> <a href="https://mastodon.social/tags/freelance" class="mention hashtag" rel="nofollow noopener" target="_blank">#freelance</a> <a href="https://mastodon.social/tags/accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#accessibility</a>

Jakob Mikschgood read about <a href="https://mastodon.social/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#web</a> <a href="https://mastodon.social/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#frontend</a> <a href="https://www.jonoalderson.com/conjecture/its-time-for-modern-css-to-kill-the-spa/" rel="nofollow noopener" translate="no" target="_blank">https://www.jonoalderson.com/conjecture/its-time-for-modern-css-to-kill-the-spa/</a>

Dobody 🇺🇦🍉:cursor_pointer: Desperately looking for <a href="https://mastodon.design/tags/GraphicDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#GraphicDesign</a> and <a href="https://mastodon.design/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#Frontend</a> work. I've spent 5 years learning and 3 years doing (and still learning).:kare_mac: I can make templates for CMS, plain HTML/CSS/JS, entire sites with <a href="https://mastodon.design/tags/SSG" class="mention hashtag" rel="nofollow noopener" target="_blank">#SSG</a> , name it.:kare_print: I'm also quite experienced with print, editorial or poster. I'd love to work on a print publication!:kare_alert: And if your thing is designers who use non-standard tools, I'm here.Currently <a href="https://mastodon.design/tags/fullremote" class="mention hashtag" rel="nofollow noopener" target="_blank">#fullremote</a> or arnd <a href="https://mastodon.design/tags/Luxembourg" class="mention hashtag" rel="nofollow noopener" target="_blank">#Luxembourg</a> :boost_requested:

Liminal witch 🧙‍♀️ SarahTIL crypto.randomUUID() requires https outside of localhost <a href="https://hachyderm.io/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#frontend</a> <a href="https://hachyderm.io/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#javascript</a>

Liminal witch 🧙‍♀️ SarahCareer question: are there frontend developers beyond senior level in small to mid-sized companies? (Which are not agencies)<a href="https://hachyderm.io/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#frontend</a> <a href="https://hachyderm.io/tags/career" class="mention hashtag" rel="nofollow noopener" target="_blank">#career</a> <a href="https://hachyderm.io/tags/developer" class="mention hashtag" rel="nofollow noopener" target="_blank">#developer</a>

Fronteers💡 JavaScript kent meer dan alleen loops en variabelen!Op 12 september duikt Peter Kassenaar in de minder bekende, maar superkrachtige kanten van JS. Halve dag, hands-on, online. Doe je mee?vanaf € 69,- 👉 <a href="https://ti.to/fronteers/javascript-tips-and-tricks-12-september-2025" rel="nofollow noopener" translate="no" target="_blank">https://ti.to/fronteers/javascript-tips-and-tricks-12-september-2025</a><a href="https://front-end.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#JavaScript</a> <a href="https://front-end.social/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#frontend</a>

Inautilo<a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#Development</a> <a href="https://mastodon.social/tags/Guides" class="mention hashtag" rel="nofollow noopener" target="_blank">#Guides</a> A friendly introduction to SVG · Learn SVG essentials through interactive demos <a href="https://ilo.im/165jid" rel="nofollow noopener" translate="no" target="_blank">https://ilo.im/165jid</a>_____ <a href="https://mastodon.social/tags/SVG" class="mention hashtag" rel="nofollow noopener" target="_blank">#SVG</a> <a href="https://mastodon.social/tags/Shapes" class="mention hashtag" rel="nofollow noopener" target="_blank">#Shapes</a> <a href="https://mastodon.social/tags/Animations" class="mention hashtag" rel="nofollow noopener" target="_blank">#Animations</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#Frontend</a> <a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTML</a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a> <a href="https://mastodon.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#JavaScript</a>

Joe CrawfordThe next <a href="https://xoxo.zone/tags/FrontEnd" class="mention hashtag" rel="nofollow noopener" target="_blank">#FrontEnd</a> Study Hall will be July 31, 2025. 10am Pacific. We will attempt to answer evergreen questions like who, what, when, where, and why" about <a href="https://xoxo.zone/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTML</a> and <a href="https://xoxo.zone/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a> & <a href="https://xoxo.zone/tags/WWW" class="mention hashtag" rel="nofollow noopener" target="_blank">#WWW</a>. You've got a web browser in your bindle--make a web page <a href="https://events.indieweb.org/2025/07/front-end-study-hall-033-nWnOns8NiwiM" rel="nofollow noopener" translate="no" target="_blank">https://events.indieweb.org/2025/07/front-end-study-hall-033-nWnOns8NiwiM</a> (an <a href="https://xoxo.zone/tags/IndieWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#IndieWeb</a> Zoom)

The Dutch PHP Conference🎤 Brecht de Ruyte spoke at The Dutch PHP Conference! His talk 'Engineering CSS – From type to function' is now live!💪 🚀 🎥 Watch it here: <a href="https://phpconference.nl/session/engineering-css-from-type-to-function/" rel="nofollow noopener" translate="no" target="_blank">https://phpconference.nl/session/engineering-css-from-type-to-function/</a><a href="https://mastodon.social/tags/dpc25" class="mention hashtag" rel="nofollow noopener" target="_blank">#dpc25</a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a> <a href="https://mastodon.social/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#frontend</a> <a href="https://mastodon.social/tags/phpconference" class="mention hashtag" rel="nofollow noopener" target="_blank">#phpconference</a>

Joe CrawfordYesterday’s <a href="https://xoxo.zone/tags/FrontEnd" class="mention hashtag" rel="nofollow noopener" target="_blank">#FrontEnd</a> Study Hall was useful. I took the excuse of <a href="https://xoxo.zone/tags/SDCC" class="mention hashtag" rel="nofollow noopener" target="_blank">#SDCC</a> coming up to study comics on the web, specifically <a href="https://xoxo.zone/tags/accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#accessibility</a> markup (HTML) and CSS. Started a page to explore more <a href="https://lab.artlung.com/comics-a11y/" rel="nofollow noopener" translate="no" target="_blank">https://lab.artlung.com/comics-a11y/</a> <a href="https://xoxo.zone/tags/IndieWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#IndieWeb</a>

It's a me, MauroI've just deployed my first <a href="https://mograph.social/tags/ReactJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#ReactJS</a> project on my website (many thanks to <a href="https://m.webtoo.ls/@astro" class="u-url mention" rel="nofollow noopener" target="_blank">@astro</a> )I have another small one almost ready as well to deploy, probably in the weekend.I made the mistake of not thinking "mobile first" and now it will take me more time to make it work on mobile (hello <dialog> element!), but overall for this week I shipped!<a href="https://www.mauromotion.com/portfolio/" rel="nofollow noopener" translate="no" target="_blank">https://www.mauromotion.com/portfolio/</a><a href="https://mograph.social/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdev</a> <a href="https://mograph.social/tags/buildinpublic" class="mention hashtag" rel="nofollow noopener" target="_blank">#buildinpublic</a> <a href="https://mograph.social/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#frontend</a>

Sal RahmanI'm looking for a junior to intermediate developer to work with us to empower everyone to become professional video network operators.It's on-site, 4 days a week.I'm specifically looking to onboard someone to our React frontend.React experience (or even frontend experience) is not a hard requirement.If you want to learn more about the company itself, check it out here <a href="https://gooseott.com/en/home-en/" rel="nofollow noopener" translate="no" target="_blank">https://gooseott.com/en/home-en/</a>And please DM me if you're interested.<a href="https://techhub.social/tags/GetFediHired" class="mention hashtag" rel="nofollow noopener" target="_blank">#GetFediHired</a> <a href="https://techhub.social/tags/FediHired" class="mention hashtag" rel="nofollow noopener" target="_blank">#FediHired</a> <a href="https://techhub.social/tags/Hiring" class="mention hashtag" rel="nofollow noopener" target="_blank">#Hiring</a> <a href="https://techhub.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#Frontend</a> <a href="https://techhub.social/tags/React" class="mention hashtag" rel="nofollow noopener" target="_blank">#React</a> <a href="https://techhub.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#JavaScript</a> <a href="https://techhub.social/tags/TypeScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#TypeScript</a> <a href="https://techhub.social/tags/ReactJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#ReactJS</a>

Bumblebee 🐝EspritsCollaboratifs, la société où je travaille, recrute un⋅e dev web/vue.js pour venir nous épauler (nous somme une petite équipe) sur le développement de l'interface de Curebot, un outil de veille collaborative : <a href="https://www.curebot.fr/EspritSite/wp-content/uploads/2025/07/Dev-front-0725.pdf" rel="nofollow noopener" translate="no" target="_blank">https://www.curebot.fr/EspritSite/wp-content/uploads/2025/07/Dev-front-0725.pdf</a>Télétravail possible : nos locaux sont à Fontenay-sous-Bois dans l'est parisien, mais une bonne partie de l'équipe tech. est en en full-remote. <a href="https://mamot.fr/tags/JeRecrute" class="mention hashtag" rel="nofollow noopener" target="_blank">#JeRecrute</a> <a href="https://mamot.fr/tags/Job" class="mention hashtag" rel="nofollow noopener" target="_blank">#Job</a> <a href="https://mamot.fr/tags/Dev" class="mention hashtag" rel="nofollow noopener" target="_blank">#Dev</a> <a href="https://mamot.fr/tags/Web" class="mention hashtag" rel="nofollow noopener" target="_blank">#Web</a> <a href="https://mamot.fr/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#Frontend</a> <a href="https://mamot.fr/tags/VueJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#VueJS</a> <a href="https://mamot.fr/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#JavaScript</a> <a href="https://mamot.fr/tags/CDI" class="mention hashtag" rel="nofollow noopener" target="_blank">#CDI</a>

candide.xyzHere are links to try out live demos of the <a href="https://vis.social/tags/PocketPortal" class="mention hashtag" rel="nofollow noopener" target="_blank">#PocketPortal</a> example projects:Simple page: <a href="https://pocket-portal.github.io/code/Example%20Projects/2-Pocket_Portal--Simple_Page/data/index.html" rel="nofollow noopener" translate="no" target="_blank">https://pocket-portal.github.io/code/Example%20Projects/2-Pocket_Portal--Simple_Page/data/index.html</a>Digital colouring page: <a href="https://pocket-portal.github.io/code/Example%20Projects/3-Pocket_Portal--Colouring_Page/data/index.html" rel="nofollow noopener" translate="no" target="_blank">https://pocket-portal.github.io/code/Example%20Projects/3-Pocket_Portal--Colouring_Page/data/index.html</a>Music player (NEW): <a href="https://pocket-portal.github.io/code/Example%20Projects/4-Pocket_Portal--Music_Player/data/index.html" rel="nofollow noopener" translate="no" target="_blank">https://pocket-portal.github.io/code/Example%20Projects/4-Pocket_Portal--Music_Player/data/index.html</a>ELIZA-inspired chatbot (NEW): <a href="https://pocket-portal.github.io/code/Example%20Projects/5-Pocket_Portal--Eliza_Chatbot/data/index.html" rel="nofollow noopener" translate="no" target="_blank">https://pocket-portal.github.io/code/Example%20Projects/5-Pocket_Portal--Eliza_Chatbot/data/index.html</a>Code: <a href="https://github.com/pocket-portal/code/tree/main" rel="nofollow noopener" translate="no" target="_blank">https://github.com/pocket-portal/code/tree/main</a><a href="https://vis.social/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTML</a> <a href="https://vis.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a> <a href="https://vis.social/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#frontend</a> <a href="https://vis.social/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdev</a> <a href="https://vis.social/tags/esp8266" class="mention hashtag" rel="nofollow noopener" target="_blank">#esp8266</a> <a href="https://vis.social/tags/wifi" class="mention hashtag" rel="nofollow noopener" target="_blank">#wifi</a>

Risotto Biassolo div development "wait, did you mean solo dev?" no, solo div.<html><body><div onload="{32mb JS}"></div></body></html><a href="https://toot.risottobias.org/tags/programming" class="mention hashtag" rel="nofollow noopener" target="_blank">#programming</a> <a href="https://toot.risottobias.org/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#javascript</a> <a href="https://toot.risottobias.org/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#frontend</a>

Recent searches

Search options

Administered by:

Server stats:

#frontend