Am I a retard for not being able to figure out .css?

[rusvik]

Hired a dude to do some custom Wordpress stuff from PSD, but he didn't deliver, so I took it upon myself to make it.

Did most of the work in 3 days (waited a month on the freelancer) with Bootstrap and Jquery. Made accordion dropdown (Bootstrap has this already), css gradients (is a bitch), wrote some php in a loop to assign different data attributes for filtering etc. Jquery for some toggle stuff to change classes on animations with some vars to get the right one. All in all, I am quite pleased with the progress, and rather pissed at both slow freelancers and myself for not learning something which really isn't that difficult.

Props to whoever recommended Bootstrap though, that really is a game changer. Python/Flask/Bootstrap/Jquery - seems like a really nice stack going forward as I move from spam artist to something more legit.

 

[JulianTrueFlynn]

Hired a dude to do some custom Wordpress stuff from PSD, but he didn't deliver, so I took it upon myself to make it.

Did most of the work in 3 days (waited a month on the freelancer) with Bootstrap and Jquery. Made accordion dropdown (Bootstrap has this already), css gradients (is a bitch), wrote some php in a loop to assign different data attributes for filtering etc. Jquery for some toggle stuff to change classes on animations with some vars to get the right one. All in all, I am quite pleased with the progress, and rather pissed at both slow freelancers and myself for not learning something which really isn't that difficult.

Props to whoever recommended Bootstrap though, that really is a game changer. Python/Flask/Bootstrap/Jquery - seems like a really nice stack going forward as I move from spam artist to something more legit.

1. Check out DevDM Bootstrap on GitHub. It's a Bootstrap boilerplate WordPress theme that has no extra BS added, and some nice css handles/php hooks. Download the child theme.
2. Create a couple child theme layouts from that Github download. You can just copy the popular ThemeForest stuff. Save it in a folder.
3. Get a group of plugins/js/jquery scripts that you know how to add to the site and style easily. Save it in a folder.

Pretty much the set up I have for quick theme development. You get something leaner than Themeforest stuff and easier to edit/style (especially if you create your own internal documentation).

 

[r3p1v]

I hate doing columns with divs. Like 3-4 column layout is just stupid with divs. I usually use tables if I can get away with it.

I also hate crap where I use the same code on a different page and something works differently (like the background refuses to load). UGGGGGGGGHHHHHHHHHH. Have to dissect every line and figure out wtffffffffffffff

 

[intent]

I remember sweating out changing the fonts on post excerpts via CSS and feeling...

 

[qqbot]

I find it to be messy and confusing.

It seems like way too much trouble for what is basically just supposed to be document formatting.

 

[Fatbat]

css gradients (is a bitch)

Well, you can get the CSS for a gradient straight out of Photoshop or Illustrator now (as you can for every element in a design like buttons, etc.), or try this guy... Ultimate CSS Gradient Generator - ColorZilla.com That's what I've used for years when I want to generate a gradient's CSS.

I hate doing columns with divs. Like 3-4 column layout is just stupid with divs. I usually use tables if I can get away with it.

This is where Bootstrap's grid system, or any of the many responsive CSS grid systems, really shines. If you don't want to use Bootstrap, you can pick one of the lighter grids systems, like Skeleton, and this would make a nice base on which to build your own custom CSS project...

CSS · Bootstrap
Foundation | The Grid
Skeleton: Beautiful Boilerplate for Responsive, Mobile-Friendly Development
Responsive Web Design just got Easier with the Responsive Grid System
http://responsive.gs/
http://gumbyframework.com/docs/grid/
http://goldengridsystem.com/
http://34grid.com/
http://semantic.gs/
http://dfcb.github.io/extra-strength-responsive-grids/
http://rwdgrid.com/
http://neat.bourbon.io/
http://thisisdallas.github.io/Simple-Grid/
http://csswizardry.com/csswizardry-grids/
http://www.profoundgrid.com/
http://necolas.github.io/griddle/
http://unsemantic.com/
http://flow.gs/
http://purecss.io/grids/
http://lessframework.com/
http://framelessgrid.com/
http://zengrids.com/

 

[Thorn]

Bootstrap SASS + COMPASS + PrePros = perfect css.

https://prepros.io/

You do not create a css radiant, you use a pre defined macro and SASS compiles to the latest css for all platforms.
Prepos will auto-compile your css master file in the background every time you change the file and create a valid, checked and
minimized production css file out of it. With syntax check and all.

If you got used to that workflow its not only 2 quality steps above every normal way to create css (you do not do by hand every change a complete
syntax check) it also speeds up your work speed alot.