Conversation
Notices
-
Writing a Tumblr theme is teaching me one thing; I suck at CSS. :<
Monday, 07-May-12 03:55:50 UTC from web-
@redenchilada Use violence!
Monday, 07-May-12 03:56:20 UTC from web -
@redenchilada Doing anything is teaching me one thing; I suck at everything.
Monday, 07-May-12 03:57:02 UTC from web -
@redenchilada don't worry, not everypony can be pro at CounterStrike.
Monday, 07-May-12 03:57:13 UTC from web -
@redenchilada <3 CSS
Monday, 07-May-12 03:59:19 UTC from web-
@minti Hey, when I finish this theme, you should go over my styling and make it look better k?
Monday, 07-May-12 04:04:29 UTC from web-
@redenchilada lolk.
Monday, 07-May-12 04:05:52 UTC from web
-
-
-
@redenchilada I don't think it's possible to ever not suck at CSS. I always feel like I'm just flailing about randomly with it until it works. Trial and error web design!
Monday, 07-May-12 04:06:22 UTC from web-
@toksyuryel Mate, CSS can ONLY be flailed 'round with randomly until it works.
Monday, 07-May-12 04:07:42 UTC from web -
@toksyuryel Lol the only reason I feel that way when doing CSS is cause all the browsers look at the box-model differently and it drives me nuts. I can usually get something to look exactly like how I want it to in the first try. But only in the browser I regularly use. :/
Monday, 07-May-12 04:10:06 UTC from web-
@minti I've complained about that before, @bitshift sent me this to fix it http://paulirish.com/2012/box-sizing-border-box-ftw/
Monday, 07-May-12 04:11:18 UTC from web-
@toksyuryel If this works as advertised....
Monday, 07-May-12 04:13:50 UTC from web-
@cracky There's even a method to apply it to IE 6 if that sort of thing floats your boat!
Monday, 07-May-12 04:15:33 UTC from web-
@toksyuryel Since when does IE ever float Antibes boat?
Monday, 07-May-12 04:17:13 UTC from web-
@techdisk42 *anyone's*... *profanity* autocorrect!
Monday, 07-May-12 04:17:54 UTC from web
-
-
@toksyuryel <3 IE6
Monday, 07-May-12 04:17:27 UTC from web
-
-
-
-
@minti And then in other browser it completely breaks! :D
-
@minti Maybe consider adding box-sizing: border-box (explained pretty well at http://paulirish.com/2012/box-sizing-border-box-ftw/) to your CSS if you're doing anything that needs the box model to behave consistently? I don't think I have any currently live pages using it (because the only ones I have up right now are all pretty simple), but it's saved me _a lot_ of headaches in the (comparatively recent, since support for it wasn't quite wide enough for a while) past. :)
Monday, 07-May-12 04:15:14 UTC from web-
@bitshift @toksyuryel Ooh shiny. xD
Monday, 07-May-12 04:16:49 UTC from web-
@minti Yep. Posts like that one are why Paul Irish is one of my favourite web developers (the main other reason being his _massive_ contributions to the HTML5 Boilerplate project, which, while I very rarely directly use it, is my go-to for seeing how to do various HTML5-y things properly if I'm unsure).
Monday, 07-May-12 04:19:32 UTC from web
-
-
@bitshift Even setting aside the benefit of having a consistent box model for all browsers, border-box is just a far more sensible box model than the default content-box. Margin *should* be the only thing that is outside the width. I hate to say this but IE's the only browser that got it right.
Monday, 07-May-12 04:19:41 UTC from web-
@toksyuryel Yeah, that too. I was actually surprised when I grepped over my current www directory and found none of my currently live pages use it, since it doesn't take much complexity before I throw it in there just in case.
Monday, 07-May-12 04:21:21 UTC from web-
@bitshift Make a css.skel which includes the line and use vim's filetype detection to automatically insert the contents of it into any new css file you create.
Monday, 07-May-12 04:24:54 UTC from web-
@toksyuryel Certainly not a bad idea. Could probably also throw some other basic normalization stuff in there, so my CSS always starts from a cross-browser-consistent starting point.
Monday, 07-May-12 04:28:14 UTC from web-
@bitshift ~/.vimrc: au BufNewFile *.css read ~/.vim/skel/css # You could do this for other file types too. X/HTML is a good candidate just because it has so much boilerplate. One quirk is that it inserts the file below the cursor, so you end up with a blank line at the top of the file. Currently investigating how to fix this.
Monday, 07-May-12 04:32:56 UTC from web-
@toksyuryel Given it only runs on a new file, you could always have as a second autocmd for new {whatever filetype} files: ggD
Monday, 07-May-12 04:34:49 UTC from web -
@toksyuryel At least, I _think_ that should work. Testing now.
Monday, 07-May-12 04:36:12 UTC from web -
@toksyuryel Ah, found it. Using '0read' (or the abbreviated form '0r') instead of 'read' inserts _above_ the cursor, which eliminates the blank line problem without any ggD silliness. :)
-
@bitshift Ah sweet, thanks! *hug*
Monday, 07-May-12 04:44:41 UTC from web -
@bitshift Real nice thing about this as well, it's smart enough not to mark the file as modified so you still don't have to :q! unless you actually type something in.
Monday, 07-May-12 04:46:55 UTC from web-
@toksyuryel Oh, that's excellent. Now I just need to actually fill out my skeleton files. :)
Monday, 07-May-12 04:49:55 UTC from web
-
-
-
-
-
-
-
-
-
-
-
