royalfig / the-capitalizer Goto Github PK
View Code? Open in Web Editor NEWA lightning-fast title capitalization tool built with Vue.js
Home Page: https://thecapitalizer.com
A lightning-fast title capitalization tool built with Vue.js
Home Page: https://thecapitalizer.com
The layout would be much better if instead of it being half/half, there's a box at the top, and the converted text is at the bottom.
This layout is much better as it makes it less likely for text to go across multiple lines unless it's super long. This is a key point as this tool is often used to convert multiple titles at once.
Also something to consider would the site expanding instead of having to scroll when a lot of lines are added.
Or the option for this to be possible at least, when having a lot of lines, it's preferable to see it rather than having to scroll.
If I add the $ sign or ยฃ โฌ / or " \ etc in lists.js
and add it to the AllCaps
section they're not respected, so you can't make your lists.js conditional so to only capitalize when met/next to a given symbol.
Website should have an option to hide the length explanation as you generally will only read this once, and there's a whole lot of unnecessary scrolling once you've got a jist of how the AP etc text functions.
Might be stretching here, but this would be very helpful, as it would mean you wouldn't have to manually access the lists.js, find the line alphabetically where to enter the line. It's very tedious for anyone trying to add their own words.
I've added over 500 words to the AllCaps list over a few weeks.
I've modified my lists.js to add certain words that I want to be all caps.
Now this works for most words, but when I add an apostrophe (') into the lists.js the line with the apostrophe is just ignored & the text isn't converted.
Not sure if this happens for other things like slashes (/) or hashtags (#) or any other characters, but the apostrophe is the most important to me.
Would it be possible for you to dockerize this for easy setup/management?
Would love to see a docker compose file to go with this.
When you paste links into the capitalizer, they should remain intact and not be changed.
Make use of the Clipboard API, so you don't have to manually copy etc.
You would just copy your headline from wherever, click on the site and it would automatically read your clipboard, and convert the case correctly and modify write/replace your current clipboard.
It would require clipboard permission from your browser, so this could be an optional way of using the site, but for anyone who converts a lot of headlines (like me) it'd speed things up a LOT...
It means you don't have to manually paste your text in, and then press the copy button etc, and where time is critical this is important.
https://developer.mozilla.org/en-US/docs/Web/API/Clipboard_API
Button to enable a dark mode, where all the background on the rest of the page goes dark!
Could also instead of having a button, you can have it based on what the user has it set to for their computer/phone etc.
https://drafts.csswg.org/mediaqueries-5/#prefers-color-scheme
Would also like to thank you for making this project as it's probably one of the best Capitalizer's and I use it quite often, so thank you for your effort to create a sleek and functional converter. Hopefully you don't mind my suggestions! ๐
I'm not much of a coder myself if I was I'd make my own pull requests as all these features I really want added, so if you get time to add these features it'd be much appreciated!
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.