lamplightdev

7 ms·

1.
by lamplightdev 6mo ago
I learnt to juggle with the help of this book: https://www.goodreads.com/en/book/show/777103.The_Complete_J... , all sorts of tips and tricks in there
2.
by lamplightdev 5y ago
Wafer is a simple and lightweight base library for building Web Components that can be used on the browser, server or both. It small (<2kb minified and compressed) and opts for a CSS selector based API for updating component templates. C
3.
Show HN: Wafer – a small Web Component base library for the client and server(waferlib.netlify.app)
1 points by lamplightdev 5y ago|1 comments
4.
by lamplightdev 6y ago
Hi all - thought I'd share a side project I've been working on recently. Think of it as a Slack-lite for groups of people who are temporarily networking with each other - think events, conferences and meetings. Would love to get s
5.
Show HN: MeetSpace – a web app to set up instant meeting spaces(meetspace.app)
2 points by lamplightdev 6y ago|1 comments
6.
by lamplightdev 6y ago
RemindMe is an experimental app to showcase background notifications in the browser. It makes use of Notification Triggers, an experimental API to schedule local notifications that don't require a network connection. Currently Chrome i
7.
Show HN: RemindMe – A PWA Showcasing Notification Triggers(remindme.lamplightdev.com)
2 points by lamplightdev 6y ago|1 comments
8.
by lamplightdev 7y ago
Nice idea, although I think the difficult thing is how to make that obvious to the user as it's not a standard way to select something.
9.
by lamplightdev 7y ago
Thanks for the feedback. I agree the meaning of the icons is unclear - one is cancel, the other is clear. I would prefer to have text on these buttons, but then localising the language becomes an issue. I will think over these issues!
10.
by lamplightdev 7y ago
Thanks for these pointers, very useful indeed - I'll look to address them in the next update.
11.
by lamplightdev 7y ago
Thanks! That was a key requirement for my use case, so I appreciate the feedback.
12.
by lamplightdev 7y ago
Thanks! The Storybook doesn't work too well on smaller viewports, but the picker does work well on small screens in regular pages, e.g. https://lamplightdev.github.io/aeon/
13.
by lamplightdev 7y ago
I needed a progressively enhanced, lightweight date and time picker that functioned and looked consistent across all browsers, and that worked with or without a framework. The difference in support (no native picker on desktop Safari) style
14.
Show HN: Aeon – a lightweight date picker built with web components(github.com)
34 points by lamplightdev 7y ago|12 comments
15.
by lamplightdev 7y ago
You can't without client side JavaScript if you're using the Shadow DOM. If you're not using Shadow DOM, just Light DOM, then you can do so: https://lamplightdev.com/blog/2019/07/20/how-to-
16.
Web Components aren't a framework replacement – they're better than that(lamplightdev.com)
4 points by lamplightdev 7y ago|0 comments
17.
by lamplightdev 7y ago
Any UI library based on web components is your best bet for a 'framework-less' solution. Some more popular ones are: - Material Design Web Components, https://github.com/material-components/material-components
18.
by lamplightdev 7y ago
There's a video from the latest Chrome Dev Summit on this very topic https://www.youtube.com/watch?v=ZFvPLrKZywA&feature=youtu.be
19.
by lamplightdev 7y ago
Yeah, sorry - https://scrapp.it - not sure how I managed to forget that!
20.
by lamplightdev 7y ago
This has been a labour of love to create a web based bookmark manager that I can use across all devices without having to install anything. I've learnt a lot about building this PWA with web components as a well as more than I care to
21.
Show HN: Scrapp – a lightweight bookmark manager PWA(scrapp.it)
3 points by lamplightdev 7y ago|1 comments
22.
by lamplightdev 7y ago
This has been a labour of love to create a web based bookmark manager that I can use across all devices without having to install anything. I've learnt a lot about building this PWA with web components as a well as more than I care to
23.
Show HN: Scrapp – a lightweight bookmark manager PWA
2 points by lamplightdev 7y ago|3 comments
24.
by lamplightdev 8y ago
Habit Loop is a free app to help you form good habits. It helps to remind you when you need to achieve your goals, and lets you track your progress over time. Built as an offline first, cross browser PWA using LitElement and Firebase in a w
25.
Show HN: Habit Loop – a PWA habit tracker(habit-loop.com)
1 points by lamplightdev 8y ago|1 comments
26.
by lamplightdev 9y ago
A set of small, efficient, no dependency mixins to provide simple shadow root templating, property observers and event binding for vanilla web components. An example HN reader implementation is at https://compost-35844.firebaseap
27.
Show HN: Compost: a group of simple Web Component mixins(github.com)
2 points by lamplightdev 9y ago|1 comments
28.
Polymer 2.x Cheat Sheet(meowni.ca)
2 points by lamplightdev 9y ago|0 comments
29.
by lamplightdev 12y ago
That is incredible, will look to use that library in the future.
30.
by lamplightdev 12y ago
Thanks for the feedback all. Unfortunately each browser seems to have its quirks in the implementation of the spec - I thought I'd caught most of them but obviously still a bit of work to do! With regard to the dial rotating rather tha

More ›