Gracie Gregory (she/her)This is a weekly roundup of awesome DEV comments that you may have missed. You are welcome and encouraged to boost posts and comments yourself using the #bestofdev tag.
Love the sunflower, @monika_roy1! Lots of other great workspace snapshots in this thread.
Monika Roy
•
Nice addition to this custom toggle switch tutorial, @mborgeaud!
Great tip!
I just did a small change to the CSS to give a transition effect to both the tick and the cross.
.toggle-thumb {
...
overflow: hidden;
}
svg:nth-child(1) {
position: relative;
left: -26px;
}
svg {
transition: .4s all ease;
}
.checkbox:checked + .toggle-thumb > svg {
transform: translateX(26px);
}
</div>
Really nice work, @ilizette! Keep us posted on how the job is going 😊
I landed a new job after 4 months of job hunting
We couldn't agree with your thoughts on @aspittel's #SheCoded post more, @benmallinson. ❤️
This has really left me lost for words. I'm sorry that you have to put up with this horrendous behaviour. No one deserves this.
You continuously put out amazing learning materials that help thousands of people all around the world become better developers, and create better lives for themselves and this is what you get? Absolutely vile.
Your strength to keep going, and sharing your experiences admist all of this harrasment is admirable. Thank you.
Love this helpful feedback on @marulucenat's projects, @flexonze! This is what DEV is all about.
These are great! Honestly. But, since you want some feedback, here are some of my thoughts on each project:
#1 Tribute page
- I like it!
- I feel like it could use an accent color (It wouldn't have to be flashy) since only black and white looks a little bit too sober in my opinion.
- I think the sections could use a bit more padding-bottom to equilibrate with the padding on top.
#2 Survey form
- This one is very cute 😄
- Nothing negative to say about it. It's simple, very responsive, colors are nice. Great job!
#3 Product landing page
- I really enjoy the colors
- Small detail: The button could change color when hovering with the mouse and the cursor could change to a pointer. Something like:
.button:hover {
background-color: #EFA23C95;
cursor: pointer;
}
#4 Technical Documentation Page
- This is my favorite one. It looks very professional. I am impressed 😅
#5 Personal Portfolio
- Again, this is very nice.
- Simple, yet effective.
- Great colors.
General thoughts
I like the fact that you took the time to reflect on what you've learned while making theses. I also like the fact that you went out of your way to make this post to ask for feedbacks. I think these are great ways to improve. Keep it up! 👍
See you next week for more great comments ✌
