Beatiful anime AI generated wallpapers up to 8K

Julian Kominovic — Sun, 25 Aug 2024 19:15:34 +0000

Website: https://wallpis.jkominovic.dev
Repo: https://github.com/JulianKominovic/wallpis

Techs: Go, vanilla javascript, Mustache, Tailwind css, Sqlite

Low quality showcase

Some examples of ~100 available wallpapers.

Immerse yourself in a world of stunning 8K anime-inspired wallpapers, free for you to download and enjoy! Our collection features breathtaking, high-resolution artwork that will transform your screens into visual masterpieces.

Each wallpaper is meticulously crafted using cutting-edge AI technology, then enhanced to crystal-clear 8K quality. The result? Impossibly detailed, vibrant, and imaginative scenes that bring the anime aesthetic to life like never before.

Whether you're decorating your desktop, spicing up your smartphone, or looking for the perfect backdrop for your next video call, our free wallpapers offer something for every taste and device.

Discover new favorites daily, and elevate your digital spaces with art that inspires. Don't settle for ordinary backgrounds—download our extraordinary 8K anime-style wallpapers now and transform your screens into windows to fantastical worlds!

Update: Live Feedback script

Julian Kominovic — Mon, 10 Jun 2024 02:58:35 +0000

Hi! A few weeks ago I wrote a blog post Introducing Live Feedback as a Google Chrome Extension.
Live Feedback is a script that allows you to start getting feedback directly on your website in real time from your developers, designers and everyone with a Github account.

I've been using it for a while and I realized that it would be much more useful if it was a standalone script.
So I decided to rewrite it as a script and publish it on GitHub.

Try it out and let me know what you think!
Link: Try Live Feedback
Github repo

Introducing Live Feedback

Julian Kominovic — Mon, 27 May 2024 02:34:26 +0000

Update: https://dev.to/juliankominovic/update-live-feedback-script-35oi

Take a look at the demo video here.

JulianKominovic / live-feedback

Share development feedback with your team directly on the website.

Live feedback

Live feedback is a script you can inject on your site that allows you to get feedback on your website in real time from your developers, designers, and clients It is a simple and easy-to-use tool that helps you to improve your website by getting feedback from your team Integration is really simple.

In a few steps you can get feedback on your website:

Add Live Feedback script in your website
Pass some mandatory properties to the script such as repo and owner
Live Feedback is now enable on your website.
You will see the Login button, click it.
After giving Live Feedback access to your repositories you can start giving feedback.

Demo

2024-05-26.22-08-24.mp4

Instructions

Add script tag

Add this script at the end of <body> tag.

<script
  repo="{your repo}"
  owner="{repo owner}"
  async
  src="https://cdn.jsdelivr.net/gh/JulianKominovic/live-feedback@latest/build/bundle.js"
/>

i.e:

<script

…

View on GitHub

Today I'm going to introduce a new Google Extension that I've been working on the past few weeks.

Live feedback is an extension made for Google Chrome browser that allows you to get feedback on your website in real time from your developers, designers, and clients. It is a simple and easy-to-use tool that helps you to improve your website by getting feedback right on the page.

The extension is designed to be simple and intuitive, so you can start using it right away without any training by following these simple steps.

It's very similar to Vercel Comments, but it's open source and it's not tied to any specific platform, so you can use it everywhere, even on your local development environment.

Disclaimer: The extension is under development and it's not ready for production yet. I'm still working on it and adding new features so you may encounter some bugs or issues while using it. Some major changes may happen in the future as well. If you have any feedback or suggestions, please let me know in the comments.

What does it do?

The extension allows you to select an element on the page and add a comment to it.
When you submit the feedback, a screenshot is taken automatically, and the feedback is sent to whatever Github repository you have configured in the extension settings as an issue. You can then view the feedback on Github and discuss it with your team and you also can see the feedback directly on the page as a bubble.

Anyone with access to the repository will see the feedback bubble and will be able to comment on it. This makes it easy to collaborate with your team and improve your website. Just make sure you both have the extension installed and configured with the same repository (since the extension uses Github Issues as a backend).

In case you are reviewing a pull request, you can also link the issue to the pull request, so you can use this tool to review pull requests as well.

How does it work?

The extension injects a small script into the page you are viewing.
A toolbar is displayed at the bottom of the page.
Click on the toolbar + button to start adding feedback.
Select an element on the page.
Leave a comment.
Submit the feedback.
2 screenshots are taken: one of the whole page and one of the selected element. They will be uploaded to your Github repository master branch inside .github/feedback folder.
A new issue is created in your Github repository with the feedback and the screenshots attached.
In the issue, you can see the feedback, the screenshots, and the comments. You can discuss the feedback with your team in the issue comments.

Please DO NOT MODIFY the issue. The issue saves a lot of internal data that the extension uses to display the feedback. If you modify the issue, the extension will not be able to display the feedback correctly.

How to install it?

Follow these simple steps to install and configure the extension.

Features

Smart HTML Element tracking: Your feedback will be linked to the specific element on the page.
Commenting: You can add comments to the feedback to provide more context.
Screenshot: Screenshots are taken automatically when you submit feedback.
No backend required: The extension uses Github Issues as a backend, so you don't need to set up a server.
Open source: The extension is open source, so you can contribute to its development.
Trusthworthy: The extension only requires the permissions it needs to work, and it doesn't collect any personal data. Any data collected is stored on your Github repository. You can see every request the extension makes in the network tab of the developer tools.

Checklist

I'm still working on the extension, and I plan to add more features in the future.
If you have any feedback or suggestions, please let me know in the comments.
You may encounter some bugs or issues while using the extension. If you do, please report them on the repository.

Soon I will be adding a roadmap to the repository so you can see what features are planned and what features are already implemented in detail.

As of now, the extension has the following features:

[x] HTML Element tracking
- [x] CSS Selector system: list of selectors to find the element and kind of consensus criteria to find the element.
- [x] Typical display attributes: display, visibility, opacity, and pointer-events.
- [x] Feedback coordinates: x and y coordinates of the element and viewport scroll position.
- [] Efficient tracking: stop using polling and use MutationObserver instead. Although it's not a big deal since the extension is not running all the time and didn't have any performance issues.
- [] Lax URL matching: stop making a === comparison and use a more scoped comparison.
- [] Width and height recovery: recover width and height of the viewport of whoever submitted the feedback.
- [] Scroll position recovery: recover scroll position of the viewport of whoever submitted the feedback.
[x] Feedback on element: clicking on an element.
[x] Feedback on text selection: selecting text.
[x] Toolbar
- [x] Toolbar position: bottom of the page.
- [x] Toolbar styles: simple and clean.
- [x] Draggable toolbar: drag the toolbar to any position on the page.
- [x] Toolbar features:
- [x] Add feedback button: add feedback on an element.
- [x] Add feedback on text selection button: add feedback on text selection.
- [x] Show async tasks semaphores: show the status of the async tasks.
- [] Close toolbar button: close the toolbar.
[x] Async tasks status: show the status of the async tasks the extension is running.
- [x] Loading: when the extension is loading.
- [x] Success: when the extension has finished successfully.
- [x] Error: when the extension has finished with an error.
- [] Improve the status messages.
- [] Add a timeout to the async tasks.
[] Add settings page
[] Mentions
- [] When people mentioned me in the comments.
- [] When people mentioned me in the issue.
- [] Issues related to me.
[] Threads
- [] Resolve threads.
- [] List all threads.
[x] Commenting
[x] Automatic screenshots
[x] No backend required
[x] Github integration
- [x] Create issue
- [x] Upload screenshots
- [x] Link issue to pull request
- [x] Get issue comments
- [x] Get repository visibility
- [] Mentions
- [] Get user mentions
- [] Get unread notifications

Portfolio rebuilt.

Julian Kominovic — Wed, 10 Nov 2021 23:02:01 +0000

Hi, this is my new portfolio.

Built with picoCSS and Vite in vanilla JS, CSS and html.

Also my first blog.

Live demo:

https://jkportfolio.web.app/

JulianKominovic / picocss-vanilla-portfolio

Personal portfolio.

⭐Personal Portfolio

💥 My personal portfolio built with PicoCSS, vanilla JS, CSS and HTML5.

Take a look!

💻 Click the image below to live demo

🔎 Features

Minimalist design.
Responsive design.
First Mobile.

Dark/Light themes.

🔨 Tech stack.

Frontend

Working Tools

Libraries

📌 Contact

👌 Made by Julian Ezequiel Kominovic.

View on GitHub

HTML Structure:

Basically I didn't write so much CSS. The main reason for writing CSS with this framework is for aesthetic purposes.

The portfolio's structure is simple:

The landing page: which is simple and contains my face and branding.
The projects: section with the most recent projects.
Skills section: for obvious reasons.
Blog: coming soon...
Contact: just my email and GitHub profile.

DEV Community: Julian Kominovic

Beatiful anime AI generated wallpapers up to 8K

Low quality showcase

Update: Live Feedback script

Introducing Live Feedback

JulianKominovic / live-feedback

Share development feedback with your team directly on the website.

Live feedback

Demo

Instructions

Add script tag

What does it do?

How does it work?

How to install it?

Features

Checklist

Portfolio rebuilt.

Hi, this is my new portfolio.

Live demo:

JulianKominovic / picocss-vanilla-portfolio

Personal portfolio.

⭐Personal Portfolio

💥 My personal portfolio built with PicoCSS, vanilla JS, CSS and HTML5.

Take a look!

💻 Click the image below to live demo

🔎 Features

🔨 Tech stack.

Frontend

Working Tools

Libraries

📌 Contact

👌 Made by Julian Ezequiel Kominovic.

HTML Structure:

The portfolio's structure is simple:

Header HTML code:

Aside menu:

Projects HTML code:

Skills HTML code:

📌 Contact

👌 Made by Julian Ezequiel Kominovic.