DEV Community

Cover image for DEV.TO in Web Comics Style ?

DEV.TO in Web Comics Style ?

Nayden Gochev on November 08, 2019

Disclaimer : I am a big fan of comics ! First time when when I saw http://dev.to for some reason the style of it reminded me so so much ...
Collapse
 
codemouse92 profile image
Jason C. McDonald

Fantastic! I'm likely to stick with my dark theme, but this seems absolutely perfect as an addition to the DEV themes. You should totally make a PR.

Collapse
 
somedood profile image
Basti Ortiz • Edited

I second this. What a fun addition this would be! The !important tags could use some cleaning up, but it's nonetheless a cool theme.

Collapse
 
gochev profile image
Nayden Gochev

haha yes, well the !important tags are mostly what I didn't like and the backend developer thing ;)) :D:D but I know they magically fix everything :D:D and I didn't had time to check what is actually rewriting what, so I just put them ... everywhere.. ops :))

Thread Thread
 
somedood profile image
Basti Ortiz

That's fine! I'm sure folks would be happy to help in your pull request.

Thread Thread
 
gochev profile image
Nayden Gochev • Edited

haha :) yeah maybe this is the next step :), but there are a lot more views that needs styling ... I have styled only 2 of them :) and maybe the way how a theme is made is easier :)

Jason C. McDonald big thanks to you as well :)

Thread Thread
 
gochev profile image
Nayden Gochev

@somedood do you happens to know how to create a theme, because checking at the github it is some crazyness :D:D

github.com/thepracticaldev/dev.to/...

or if it happens to know who I have to contact; )

Thread Thread
 
somedood profile image
Basti Ortiz • Edited

I have good news! This document has all that you need to know in oder to start theming. ๐Ÿ˜‰

Here is the file you would want to edit.

Thread Thread
 
gochev profile image
Nayden Gochev

I have found the first document but the file is helpful as well :) will definitely do that ones I had it running :D:D: since I had some issues: D:D:D with running the project ;) but I am trying ! :D

Thread Thread
 
somedood profile image
Basti Ortiz

That's good to hear, Nayden! Keep it up! ๐Ÿฅณ๐Ÿฅณ๐Ÿฅณ

Setting up the development environment has always been a pain in the back side.

Collapse
 
franksierra profile image
Frank Sierra

Wow... This is pretty awesome. Nice work

Collapse
 
gochev profile image
Nayden Gochev

thanks man - looks pretty , written ugly like a backend dev :):):):)

Collapse
 
exadra37 profile image
Paulo Renato

Disliking or liking it, for a non-css guy, and one that says it hates it, you have achieved a lot in only 30 minutes, so congrats are in order ;)

Collapse
 
gochev profile image
Nayden Gochev • Edited

haha thanks, actually the applying the stuff to dev.to took me around 10ish mins, I spend more time in writing the initial CSS and playing with codepen prior to moving the stuff to stylus and putting !important anywhere cuz I was angry :D:D

You can check the codepen vision here

I will actually put this in the post.

btw I was more angry to the CSS Grid... then anything else but that's a different story.

Collapse
 
anwar_nairi profile image
Anwar

Amazing job have been done here! Guys, what is the name of that library that provide this exact style?! Can't remember myself...

Collapse
 
gochev profile image
Nayden Gochev

never heard of such thing but if it exists.. oh my oh my :D so I hope you will find it.

Collapse
 
anwar_nairi profile image
Anwar • Edited

Dude I friggin found it ๐Ÿค‘

wiredjs.com/

@ben whayu think about it for a new theme ๐Ÿค“

Thread Thread
 
gochev profile image
Nayden Gochev

omg are u kidding me THIS is fcuking GREAT , are u kidding this is amazinggg

BTW maybe you will not like it but I am a games fan as well and I find this amazing as well nostalgic-css.github.io/NES.css/

Thread Thread
 
anwar_nairi profile image
Anwar • Edited

Damn Nayden you and me are on the same line Ness.css is dope as heck haha ๐Ÿ˜‰๐Ÿ˜ 2 themes in a row if this ever became themes for Dev we will be so proud ๐Ÿ˜…

Collapse
 
nestedsoftware profile image
Nested Software

Really well done. You have great design sense for someone not into design!

Collapse
 
delta456 profile image
Swastik Baranwal

Wow amazing!

Collapse
 
sym profile image
Ryan Carter

Good on you for giving CSS a shot. I'm sure you won't find a single comics nerd on this site. Ha!

Collapse
 
gochev profile image
Nayden Gochev

haha well I am sure about LEGO fans because of the connection of people loving lego and loving programming, about the comics I was not sure it turns out there are a lot of nerds like me here :)) happy place ! :)

Collapse
 
saurabhdaware profile image
Saurabh Daware ๐ŸŒป

This is so beautifully done๐ŸŒป great work๐Ÿฆ„๐Ÿฆ„

Collapse
 
gochev profile image
Nayden Gochev

Thanks man :)

Collapse
 
waylonwalker profile image
Waylon Walker

So freaking innovative! Love the look of it.