Pattern Monster: A simple online pattern generator to create repeatable SVG patterns. Perfect for website backgrounds, apparel, branding, packaging design and more. - Source: dev.to / about 2 years ago

SVG Patterns (if it counts as illustration:) https://pattern.monster/. Source: about 3 years ago

For the back of the card I'll use and SVG pattern, feel free to use the one you like the most from Pattern Monster. Also center the background image with background-position, and make it cover the full card by adding background-size: cover;. - Source: dev.to / over 3 years ago

I'd like to put together a POC to show some possible solutions. I know there are some tools out there such as https://pattern.monster/ and https://haikei.app/ which can generate images, but ideally this would be a library or at least an API I can hook into, so admins can just create templates in our admin application without having to go to an external site and manually knock a thumbnail up. Although not required,... Source: over 3 years ago

Bonus points for adding a custom background - pattern.monster is a must-use, in my personal, humble opinion. Source: almost 4 years ago

The point isn't showing what they look like, it's that the result is randomized. Screenshots aren't, so that kind of defeats the purpose. The article starts with instructions on how to actually see and interact with the demos (the easiest is to use [Polypane](https://polypane.app)), as well as a video showing all the demos from the article running in Polypane. - Source: Hacker News / 16 days ago

We also need to talk about Source Order vs. Tab Order—they’re more different than you’d expect 👀. Source Order is the sequence of nxodes inside their parent in the DOM. Tab Order is the sequence of focusable nodes navigated using the Tab key. If a focusable element lacks tabindex, it follows a depth-first traversal of Source Order (visualized conceptually as a traversal path). Want to visualize Source Order?... - Source: dev.to / about 1 year ago

URL: https://polypane.app What it does: A browser tailored for developers, enabling real-time testing and previewing of responsive designs. Why it's great: Test your site on multiple screen sizes simultaneously for smoother cross-device optimization. - Source: dev.to / over 1 year ago

That's pretty cool! Get ready to keep these up to date monthly or become obsolete quickly. One of the downsides of tools like this is that your URL needs to be available online so if there's an issue, your iteration loop is quite long. In Polypane [1] I've built social media previews that work with any local URL but also let you overwrite that URL for the social media that display those. I built (and frequently... - Source: Hacker News / almost 2 years ago

The address bar in Polypane can match URLs and page titles based on fragments. So you can type po blo 20 to get to e.g. https://polypane.app/blog/polypane-20-browser-features-and-performance/. - Source: dev.to / about 2 years ago