Open Source Wallpaper Maker

https://dev.to/vorg/open-source-wallpaper-maker-4glj
colorfu

Star 246 Watch 2 Fork 32

This project is recommended by VORG Open Source Magazine.

ColorFu is where people can use words, colors, patterns and images to make unique wallpapers to express their feelings or ideas.






Why is it

Writing the word "福" (Fu) is the tradition of Chinese New Year, people will write a big "福" on red paper and stick it on the door to express the good expectations of the new year.



This is a great example that people use words and colors to express their feelings or ideas. And on the other hand, wallpaper is the most common thing we see everyday which should not be cold.
What it if you can use more colors and more words to make wallpapers to express more feelings ? In that way, not only can you make your wallpapers beautiful, but also make them meaningful.







Features


There are some interesting color pallettes for you to help you express your feelings.


Extract colors from image.


There are some emojis and emoticons for your to boost your imagination.


Supports multiple devices: PC, phone, pad.






License

MIT

Recursive components in Vue 3

https://michael-verschoof.medium.com/recursive-components-in-vue-3-e897643df82?source=rss------vuejs-5
Components that call themselves as childrenContinue reading on Medium »

How to add fontawesome icons to Vuejs

https://lime5005.medium.com/how-to-add-fontawesome-to-vuejs-dfd255164144?source=rss------vuejs-5
I just learnt how to add the icons of fontawesome to my Vuejs (version 2) project, for example, the “edit” icon and the “delete” icon.Continue reading on Medium »

How to boost your form development with formify

https://medium.com/@andreasmuelder/how-to-boost-your-form-development-with-formify-dc9ea4be3c4a?source=rss------vuejs-5
formify.cloud creates human readable, high-qualify form components for modern single page application frameworks. It is a one-shot…Continue reading on Medium »

Vue.js Nation Conference — Day 1

https://medium.com/@aUnicornDev/vue-js-nation-conference-day-1-4b4084c608ea?source=rss------vuejs-5
With 11 guest Speakers over a period of 6 hours, hosted by Rob Alexin, we had a lot of Q/A sessions and bunch of giveaways in the…Continue reading on Medium »

vue.js cons ?

https://medium.com/@ksumit98203/vue-js-cons-e2444317fa06?source=rss------vuejs-5
Since we’ve covered the stars, how about we investigate the negatives of Vue.js.Continue reading on Medium »

Best VueJs Development Company in Alaska| VueJs Services Alaska

https://itriangletechnolabs.medium.com/best-vuejs-development-company-in-alaska-vuejs-services-alaska-277c064d527b?source=rss------vuejs-5
VueJs Development Company In AlaskaContinue reading on Medium »

Utilizando Nuxt 3 + Tailwind 2022

https://medium.com/@jhony.jss/utilizando-nuxt-3-tailwind-2022-d3692faeaf57?source=rss------vuejs-5
Se você já conhece ou utilizou o Nuxt 2 em seus projetos sabe muito bem do que estou falando em questão de organização de codigo, porém, o…Continue reading on Medium »

Custom JavaScript Transitions In Vue

https://medium.com/geekculture/custom-javascript-transitions-in-vue-ce78dd463d45?source=rss------vuejs-5
And why you might want to use themContinue reading on Geek Culture »

How to Use Tabs in Vuetify

https://javascript.plainenglish.io/how-to-use-tabs-in-vuetify-d7b0c78ded0a?source=rss------vuejs-5
Learn how to create and customize tabs in Vuetify.Continue reading on JavaScript in Plain English »

Looking for Admin Panel built with Laravel 8, Vue.js 3 & Tailwind CSS?

https://dev.to/scriptmint/looking-for-admin-panel-built-with-laravel-8-vuejs-3-tailwind-css-1dpn
A Complete Full Stack Starter Kit for Web Developers to quickly deliver your next client project!
MintUI offers tons of built-in features that significantly reduces your effort & time of development.
Check out the live demo at https://ui.scriptmint.com






Starting a new project is NO LONGER a pain!

A new project consumes a lot of time to build core features. Whether you are individual or a team, you need to take care of core features in the frontend as well as backend.
MintUI can significantly reduce your development time to quickly build & deliver your next web project.
Checkout some of the core features you get with MintUI:




Why MintUI?


Always Up-to-date
Built as SPA
Support REST API
Elegant Syntax

Lets understand the Concepts, Design Pattern used to build MintUI & Know what's in the bucket for Future.

Check how easy it is to create a sample form:

Visit https://scriptmint-website.test/mint-ui to know more about MintUI.
Do let us know what extra features & functionalities you wish to have in MintUI!

Ref() vs Reactive() in Vue 3 — what’s the right choice?

https://medium.com/@bsalwiczek/ref-vs-reactive-in-vue-3-whats-the-right-choice-7c6f7265ce39?source=rss------vuejs-5
Composition API comes with two ways to introduce a reactive state into the components. Do you know which one to use?Continue reading on Medium »

Looking for Admin Panel built with Laravel 8, Vue.js 3 & Tailwind CSS?

https://scriptmint.iss.onedium.com/looking-for-admin-panel-built-with-laravel-8-vue-js-3-tailwind-css-c9ec1813f8b2?source=rss------vuejs-5
A Complete Full Stack Starter Kit for Web Developers to quickly deliver your next client project!Continue reading on Medium »

Which is better? Angular vs Vue vs React

https://speedtech.medium.com/which-is-better-angular-vs-vue-vs-react-c9afbfd798fe?source=rss------vuejs-5
This question is discussed way too many times. Often this question is asked in the interviews also. But how would you answer which one is…Continue reading on Medium »

Apa Itu Vue JS ? Front End Developer Pemula Wajib Tau Sih

https://anakmalescom.medium.com/apa-itu-vue-js-front-end-developer-pemula-wajib-tau-sih-aa530296af6f?source=rss------vuejs-5
Anak Males — Kalo ngomongin soal website emang ngga ada matinya sih, apa lagi dengan framework yang buat kamu bertanya apa itu vue js.Continue reading on Medium »

Deploying VueJS with NodeJS Backend on GCP Cloud Run from Cloud Source Repositories

https://medium.com/bb-tutorials-and-thoughts/deploying-vuejs-with-nodejs-backend-on-gcp-cloud-run-from-cloud-source-repositories-6452e51836c?source=rss------vuejs-5
A step by step guide with an example project With Docker RuntimeContinue reading on Bachina Labs »

How to Add a QR and Barcode Scanner to Your Vue.js App

https://dimoff2000.medium.com/how-to-add-a-qr-and-barcode-scanner-to-your-vue-js-app-545c23f31969?source=rss------vuejs-5
In this blog post, I will show you how to add a QR and barcode scanner to your Vue.js website. This is a great way to increase engagement…Continue reading on Medium »

How to Add a QR and Barcode Scanner to Your Vue.js App

https://dev.to/olefyrenko/how-to-add-a-qr-and-barcode-scanner-to-your-vuejs-app-4c50
In this blog post, I will show you how to add a QR and barcode scanner to your Vue.js website. This is a great way to increase engagement with your users and can be used for a variety of purposes, such as marketing, product identification, and more! We will be using the vue-barcode-reader library for this tutorial, which is a popular option for scanning both QR codes and barcodes. Let’s get started!



Installation

First, we need to install the vue-barcode-reader library. We can do this with npm:



npm install vue-barcode-reader --save


Or yarn:



yarn add vue-barcode-reader


Please note that for projects which use the Vue 2.0 version you need to install the compatible version of the library ([email protected]).



TypeScript

If you are using TypeScript, you will need to install additionally the definitions of the vue-barcode-reader types. There are type definitions available at DefinitelyTyped for those who work with TypeScript.



npm install @types/vue-barcode-reader --save-dev


Or



yarn add -D @types/vue-barcode-reader





Usage

Next, we need to add the library to our project. We can do this by adding it to our Vue component:



import { StreamBarcodeReader } from "vue-barcode-reader";


Now, we need to add a QR or barcode scanner component to our project. We can do this by adding the following code:



<StreamBarcodeReader
@decode="onDecode"
@loaded="onLoaded"
></StreamBarcodeReader>


We should also implement the handlers for decode and loaded events which the library exposes.



onDecode(text) {
console.log(`Decode text from QR code is ${text}`)
},
onLoaded() {
console.log(`Ready to start scanning barcodes`)
}


Now, you can scan QR codes and barcodes in your Vue.js application! Here is an example of a QR code that I scanned:




Demo

You can find the source code of the example application on Github or check it live at Vercel or Netlify. You can also check how vue-barcode-reader library works on the live production website here.



Conclusion

In this blog post, I showed you how to add a QR and barcode scanner capabilities to your Vue.js app. This is a great way to increase engagement with your users, and can be used for a variety of purposes, such as marketing, product identification, and more! I hope you found this blog post helpful. Feel free to ask me any questions in DM on Twitter. Thanks for reading!

Nuxt.js Projelerinde Global Hata Yönetimi

https://medium.com/@muhammederdinc/nuxt-js-projelerinde-global-hata-y%C3%B6netimi-6bc9abe0334?source=rss------vuejs-5
Günümüzde frontend projeleri eskiye kıyasla daha karmaşık ve dinamik bir hale gelmiş durumdadırlar. Bu nedenle bir frontend projesi…Continue reading on Medium »

I made an extremely fast, fully static rss reader

https://dev.to/fayaz/i-made-an-extremely-fast-fully-static-rss-reader-11fa
So, I always wanted a rss reader, which had images for all the articles and I wanted it fast, hence came this idea, I have been using this for my personal use for a very long time now, finally making it open source.
https://feedful.vercel.app - do star on github if you find it good.
How did I make it static?

A github action scrapes data and commits the data every 4 hours
Vercel deploys it whenever a new commit is pushed.

Smokey Screen Wipe Transitions In Vue

https://medium.com/geekculture/smokey-screen-wipe-transitions-in-vue-4472b109e01?source=rss------vuejs-5
My first foray into the magical and confusing world of shadersContinue reading on Geek Culture »