Hey folks! How you doing?
I was quite busy recently focusing all my efforts into making this app work! I know the name sounds terrific, but that's actually what the app is all about.
Tulsi Prasad 🦄🎉 I've built a small tool for the community: Picturesque.css
A tool that provides a convenient interface to visualize your images with CSS filter effects and get the corresponding CSS styles after the filters have been applied. 🦄
Picturesque is an online tool that provides a convenient interface to visualize your images with CSS filter effects and get the corresponding CSS styles after the filters have been applied. And that's it.
Well, it's pretty much a beginner's stack, as I wanted to use what I learned, to build something from scratch. Yes, it's good old HTML, CSS (Sass) and JS (jQuery).
Almost about anyone, starting to learn the powers of CSS Filters and also people who used to spend a lot of time earlier getting the right %'s of
blur to their images!
Hell yeah, it's at the heart of every software. Here's a link to its source code, at GitHub. Make sure to give it a ⭐ if its something you liked!
A tool for giving your images a picture perfect look on your website, by just using CSS filters.
Making your images just, Picturesque.
You can use this whenever you want to give your image a slight tint of purple or shallow it in grayscale just for fun, and don't want to go all the way into your Photoshop and create and host another image. This is it. This is the purpose of this website.
How to setup?
Fork and Clone the repo at first.
npm install live-server node-sass npm-run-all
npm run dev
Also, the JS code is highly documented in order for you, to get started within a flash.
Don't forget to give it a
If you are having any dope ideas to improve this (even as little as changing the font-face), don't just think twice. Go ahead and create an issue or let me know on Twitter. We can improve it together. Give it a
If you are having any dope ideas to improve this (even as little as changing the font-face), don't think twice, the repo is very beginner-friendly. (I'm too 😅) Go ahead, create an issue, and start working or let me know at Twitter @heytulsiprasad.