Tirius
KPCKevin Powell - Community
•Created by CDL on 8/14/2024 in #front-end
Trying to wrap my head around this example of list rendering in VueJS
v-model in this case is the same as this:
it's a build-in macro that can help you make your code less verbose. But sometimes you might want to handle it by your self.10 replies
KPCKevin Powell - Community
•Created by Mohammed Ayoub on 8/13/2024 in #front-end
Should I learn SASS right now?
If you mean pre-configured styles/variables, then no
55 replies
KPCKevin Powell - Community
•Created by Mohammed Ayoub on 8/13/2024 in #front-end
Should I learn SASS right now?
usually just need to
yarn add less and ready to go55 replies
KPCKevin Powell - Community
•Created by Mohammed Ayoub on 8/13/2024 in #front-end
Should I learn SASS right now?
Every platform I used had Less support
55 replies
KPCKevin Powell - Community
•Created by Mohammed Ayoub on 8/13/2024 in #front-end
Should I learn SASS right now?
Is anyone experience with every of the mentioned ? Just wonder if there is some major difference beside different syntax that Stylus and Sass is offer compared to Less and SCSS.
55 replies
KPCKevin Powell - Community
•Created by Mohammed Ayoub on 8/13/2024 in #front-end
Should I learn SASS right now?
Just learn Less and get rid of that SCSS/SASS confuse 🙃
55 replies
KPCKevin Powell - Community
•Created by clevermissfox on 8/3/2024 in #front-end
how would you approach this animation?
That's cool that you have manage to do animation without js 👍
35 replies
KPCKevin Powell - Community
•Created by clevermissfox on 8/3/2024 in #front-end
how would you approach this animation?
not perfect but that's what I had time for
35 replies
KPCKevin Powell - Community
•Created by clevermissfox on 8/3/2024 in #front-end
how would you approach this animation?
https://codepen.io/The-Tirius/pen/MWMoaGz @Chris @clevermissfox
35 replies
KPCKevin Powell - Community
•Created by clevermissfox on 8/3/2024 in #front-end
how would you approach this animation?
I will post some examples a bit later, at work atm
35 replies
KPCKevin Powell - Community
•Created by clevermissfox on 8/3/2024 in #front-end
how would you approach this animation?
need better animation and fix icons, gradient rotation
35 replies
KPCKevin Powell - Community
•Created by clevermissfox on 8/3/2024 in #front-end
how would you approach this animation?
Was able to achieve this result in one evening, animation is more simple than original
35 replies
KPCKevin Powell - Community
•Created by francis on 8/3/2024 in #front-end
Favicon Not Updating in Google Search Results
If old icon is cached then you can try to add some extra parameters to favicon path for example "/favicon.png?1"
Also, maybe you have some "favicon.ico" file in your public folder ?
6 replies
KPCKevin Powell - Community
•Created by Dennis on 7/1/2024 in #front-end
Suggestions on how to correctly handle 2 scrollable items on mobile
It depends on the map provider, but most of them should support “two point”gestures. Make that map interaction on phone require two point gestures. Also for a better UX you can make a switcher that switch between two point and one point.
4 replies
KPCKevin Powell - Community
•Created by snxxwyy on 7/6/2024 in #front-end
Input design method
Like in example from codepen
24 replies
KPCKevin Powell - Community
•Created by snxxwyy on 7/6/2024 in #front-end
Input design method
I missed that author need to include "cm" text, 100% input width does not work here then.
Make input take as much space as possible so it will be easier to click on it, remove
input border and use .input-group border to indicate focus state using :focus-within selector.
But for something more reliable and reusable, you should change you class names/css selectors to something more isolated. And you can also make it as web components if you want to easy reuse it and at the same time keep it in vanilla ecosystem (example - https://codepen.io/The-Tirius/pen/ExBYzRq) or better use a proper js framework.24 replies
KPCKevin Powell - Community
•Created by snxxwyy on 7/6/2024 in #front-end
Input design method
Look carefully, input-group have a padding that prevent input from taking all the width
24 replies
KPCKevin Powell - Community
•Created by snxxwyy on 7/6/2024 in #front-end
Input design method
There is many things that can be improved about it, it's depends on how far you would like to go. But for the bare minimum I'll recomend you to make input size equal to wrapper size, so when you focus you don't have that double border effect.
24 replies
KPCKevin Powell - Community
•Created by Jeremy Parker on 6/17/2024 in #front-end
Are CSS Variables Bad?
You definitely shouldn't be afraid to use them.
CSS Variables are great, and can do most of the job that CSS preprocessor do.
They also give easy ability to override styles of module/plugins/components if they are using them.
They are super handly for theming.
Idealy I try to use both, Less(CSS preprocessor) variables for static part and CSS variables for dynamic part. You probably can use PHP instead of CSS preprocessor if you comfortable with it, but you still want to minimize your CSS somehow..
10 replies
KPCKevin Powell - Community
•Created by Vipe on 6/16/2024 in #front-end
Struggling to display titles from api (RapidAPI)
Fix this first
21 replies