Virtual Coffee
CSS Battles – Profiles, TIL, Interesting Finds, & Code Golfing Tips #911
Replies: 4 comments 16 replies
-
ProfilesShare your CSSBattle.dev profile in this thread! To find it, log in to CSSBattle.dev. Click on the dropdown menu with your username and avatar in the top right of the page. Select View Profile. Copy the URL and paste it in a reply on this thread. |
Beta Was this translation helpful? Give feedback.
-
Beta Was this translation helpful? Give feedback.
-
Beta Was this translation helpful? Give feedback.
-
Beta Was this translation helpful? Give feedback.
-
Beta Was this translation helpful? Give feedback.
-
Beta Was this translation helpful? Give feedback.
-
Code Golfing TipsShare your code golfing tips and tricks in replies on this thread. Remember to use backticks ( ```html
code blocks
```when needed! Also, feel free to include links. |
Beta Was this translation helpful? Give feedback.
-
Beta Was this translation helpful? Give feedback.
-
|
This is a command-line utility that you can install on your machine that lets you see if any px-based units can be converted into another unit that is smaller! For instance,
|
Beta Was this translation helpful? Give feedback.
-
|
A handy online minifier/beautifier - paste in your normal html and hit minify to get a quick minification of your code, or paste in minified code and hit beautify to look at your minified code in an easier manner. |
Beta Was this translation helpful? Give feedback.
-
|
I found a blog post with some great tips! Four tips for higher CSS Battle scores. Got any others? |
Beta Was this translation helpful? Give feedback.
-
Helpful ResourcesThese are links we regularly use when solving a CSS Battle. Add more in the thread, and we'll categorize them here in the original post. General
Borders & OutlineBox ModelColors
Gradients
Display
|
Beta Was this translation helpful? Give feedback.
-
|
great summary! Thanks Meg |
Beta Was this translation helpful? Give feedback.
-
|
MDN is far and away the best place to dive into these sorts of things! |
Beta Was this translation helpful? Give feedback.
-
|
I wrote a summary of CSS Battles. If you're new to the group read it for an overview. |
Beta Was this translation helpful? Give feedback.
-
|
I just saw this Chris, way cool! We'll have to use this to promote our weekly battles! |
Beta Was this translation helpful? Give feedback.
-
During Frontend Friday Folks Fighting CSSBattle.dev, above all we aim to learn about CSS and HTML. We've uncovered some interesting finds over the weeks we've been meeting, and now we have a place to share that knowledge!
Go ahead and add comments here on any TILs (Today I Learned), interesting finds, and code golfing tips you've come across. Drop a link to your CSSBattle.dev profile as well. And remember to join us during Frontend Friday Folks fighting CSSBattle.dev every Friday at 11:00 Eastern and Saturday at noon Eastern. Check the Virtual Coffee events page to see your local time zone.
Beta Was this translation helpful? Give feedback.
All reactions