Notices tagged with css3

chimo Today I Learned...

!TIL about #CSS3's image-orientation: from-image; property/value: https://developer.mozilla.org/en-US/docs/Web/CSS/image-orientation

mk Beer , mk

@mk but I think I deserve a !beer after my heroic struggle to fit a form into a (display) table-cell of a nested (display) table. I won! <3 #css3 #theme #hacking

mk mk

@mk OK, I've "rebuilt" my #css3 table layouts, much better now :) back to #forms, they're not done yet...

mk

#CSS3 table layout (display:table etc.) is great, but do NOT combine that with margin and padding for spacing elements: use border-spacing instead #unlearning! Things get especially interesting when nesting table-layout blocks #learning. #theme #hacking

mk bobjonkmanformer

@bobjonkman OK, some tweaks and no semantics damaged, and some of Opera's layout problems solved. One remains, and I have no idea what to do about it (tried things, didn't work), so #tough #css3 #Opera I stop trying here :)

mk bobjonkmanformer

@bobjonkman and yes, I realize that much of #css3 is still draft or candidate recommendation - but table layout has been aroud (and used) long enough that display oddities should have been shaken out; and table layout (display:table etc.) is a natural solution for forms! #opera #css3 #theme

mk bobjonkmanformer

@bobjonkman if I can come up with some minimal changes that do not break semantics and do not need to create separate code targeting a specific browser, ok, otherwise - poor Opera (or whatever browser does 'the wrong thing') #tough #css3 #theme

mk

gradually beating some sense in #piwigo's forms in my #theme, with help from #html5 and #css3. also more semantic markup (layout out 'rows' in a form with an unnumbered list is *not* semantic and bad for accessibility)

mk

OK, I need to learn more about (CSS3) table layout: margins and padding don't work on 'table-cell', there must be something else... found it: set border-spacing on the element that gets layout: table. #css3 #theme #piwigo

mk mk , mmn

@mk @mmn hurray, got the (list of checkbox) columns working in Opera - things are looking up :) that's a good point to stop for the day, I think! #html5 #css3 #theme #piwigo

marjoleink

slowly resize your screen, and slowly back again: http://www.thecssninja.com/demo/css_chameleon/ #fun #css3 #mediaqueries

marjoleink

this is ging to be #lotsafun: #HTML5 boilerplate, #CSS3, #Modernizr, #responsive/#adaptive images, #Bootstrap, #jQuery, landing pages \o/

portenkirchner Cascading Style Sheets

CSS3 transitions and z-index by @zomigi http://zomigi.com/blog/css3-transitions-and-z-index/ !CSS #CSS3

Suraj Shah HTML5

Programming in #HTML5 with #JavaScript & #CSS3 Jump Start - Free #Microsoft certification exam voucher http://goo.gl/oJr48

Suraj Shah Cascading Style Sheets

Programming in #HTML5 with #JavaScript & #CSS3 Jump Start - Free #Microsoft certification exam voucher http://goo.gl/oJr48

Suraj Shah Cascading Style Sheets

'jQuery Transit' brings super-smooth #CSS3 transformations and transitions to #jQuery http://goo.gl/uRt09