Andreas Mehlsen

Here's something fun I've been working on for a while – Web Skills, a visual overview of useful skills to learn as a web developer 🚀 I hope you find it useful! andreasbm.github.io/web-skills/

@rainecodes I’m glad you like it, thanks a lot for your kind words! 😊

@HckmstrRahul Thanks for hunting my Laser Cat extension - I’m glad you like it! I had so much fun building it 😊

I hunted my first product on Product Hunt today. It's a fun browser extension created by Andreas Mehlsen. 🔗 Upvote: producthunt.com/posts/laser-cat Demo video in thread 👇

@fatihturan Thanks for sharing, I’m glad you like it! 😊

Thank you for the "Web Skills" web site. This is a great resource for the developers @AndreasMehlsen! 👌🏻

To all beginners, if you're looking for a COMPLETE roadmap for web development, check this out 👇 andreasbm.github.io/web-skills/

@_marcba Thanks a lot for sharing 😃 I'm glad you like it 👍

Thanks to @AndreasMehlsen, the creator 👍

💡A couple of lit releases to brighten your day 🔥 *LitElement 2.3.0* #230---2020-03-18" target="_blank" rel="nofollow noopener">github.com/Polymer/lit-el… *lit-html 1.2.0* lit-html.polymer-project.org/guide/release-…

The is all the incredible work on @RuneMehlsen by the way. He doesn't Tweet much, but he should 😁 One day soon @rictic is going to tell the story of how Rune's work has drastically improved developer ergonomics at Google.

@kevinsimper Haha that's pretty cool 😃

Can I get this feature with Webcomponents in weightless @andreasmehlsen? Please, thank you so much 😄

@davidmaxwaterma Currently Weightless don’t have a drag & drop re-orderable list, but I think it would be awesome if it had. It’s not going to be added for v1.0.0 but it might be in a future release 😊

I’m super excited to announce Weightless: A bunch of high quality web components with a small footprint! 🎉 Check them out at weightless.dev. 🔥 Built with LitElement 📖 Lots of documentation & tests ♿ Accessible 🎨 Highly customizable

@kennethrohde Works fine here, haven't had any downtime 😊 You are very welcome to PM me if it happens again, then we can take a look at it together.

@AndreasMehlsen Cannot access the site right now, down?

@denladeside @kennethrohde @justinfagnani Thanks, I appreciate the feedback 😃 It is still version 0.0.34 so there are still a long way to go, but during the next few weeks I will have some time to squish out those funny things 😊

@kennethrohde @AndreasMehlsen @justinfagnani Looks awesome!!! Found a minor glitch perhaps - pulling the slider seems to pull the page/pass on gesture

@StjPeter @justinfagnani @firefox Thanks for your feedback 😊 What you mention is a know issue with focus not being delegated correctly - I have been testing it in other browsers than Chrome, but currently they works best in Chrome. During the next few weeks I will have some fixes up that evens it out 👍

@AndreasMehlsen @justinfagnani In the demo itself the forms have 'dead' zones, the focus is nowhere to be seen and input is lost but the UI shows as if an input is focused. Have you tested something other than chrome. I ran it on @firefox and its not as expected. weightless.dev/elements/form

@kennethrohde Thanks! Currently I'm using the components for some of my side-projects and we'll be using them in Ideanote soon 😊 Don't have anything public yet though 😊

@AndreasMehlsen Looks great! Are you using this for any projects yet?

@kennethrohde Thanks! You are very welcome to open issues at github.com/andreasbm/weig… if you find anything that looks funky 😃

@AndreasMehlsen More issues - cramped and invisible text and also a bit too while for dark mode :-)

@kennethrohde I'm still trying to figure out how opinionated the styling should be 😊 it's a work in progress and all input is welcome! 👍

@AndreasMehlsen This also looks cramped

My brother just released a new version of lit-plugin for @code with some amazing features. If you use lit-html or lit-element, you should definitely check it out!

A #PWA is being cooked in @citiboxES, but it's not ready yet. A bit more love and work left. Made with #WebCompoments using: - #litElement - 🌐 Lit-translate - 💤 Lazy load (Intersection Observer) - ⚙️ Service Workers

I just published "lit-plugin": a vscode plugin that adds type checking, code completion and highlighting for lit-html. It automatically finds web components in your code and libraries! Please give it a try and tell me what you think :-) marketplace.visualstudio.com/items?itemName…