Responsive web design is something you hear a lot about these days. The moment I really started to get into responsive design was a few months ago when I started to realise that 'responsive' is not just about scaling your websites to the size of your visitors screen but much more than that.Read Post View Demo
One of the major advantages to using CSS preprocessors is the mixin, a CSS function to dictate how styles are assigned. They allow conditional logic and arguments, just like any other language, and are a massive help in unifying styles throughout a site. They even make RTL a breeze. I use mixins for another reason: code importance and organization!Read Post
Working on a website that supports RTL (right-to-left) really opens your eyes to some problem in modern web development. Despite websites being read in RTL since, well, LTR, it's amazing that we don't have more widely supported
-endproperties and values in CSS. The side effect of that is needing to offset LTR and RTL padding, margin, left/right, and other properties. Another issue with RTL seems to be punctuation and digits — they aren't always where they should be. Check out these examples...
Mozilla is full of brilliant developers who the mass developer community doesn't know well enough. Toward the top of that list is Craig Cook, a front-end web developer who works on Mozilla.org and other popular Mozilla sites. One technique he recently brought to my attention is his creative handling of elements usually only thought of as helpers to screen readers. Let me show you how we can make those hidden elements useful for all users.Read Post
Working on web sites and web apps that require RTL support is hard because ensuring correct display in RTL is made more difficult by the fact that we either don't have the CSS properties and values to do so or that the existing support isn't widely used enough yet. We have values like
text-align and we have properties like
-moz-margin-start, but they aren't supported everywhere despite knowing that RTL is an important aspect of global sites.
My Mozilla colleague Edna Piranha is crazy smart and creative. She's also just crazy, but that's beside the point. Her past projects include NoodleApp, the best App.Net client available, as well as numerous Mozilla projects. Her latest project is her best: Meatspaces chat. Meatspaces chat is a unique blend of traditional text chat and video capture that's loads of fun.Read Post
One of my favorite parts of going to any tech event is getting schwag. What can I say? I like to represent the organizations and groups I believe in, whether it be via clothing, stickers, or gadgets. Going to any of the Mozilla offices is like Christmas — schwag galore! On the sad sign, I don't have any schwag for this blog. Chris Coyier has awesome CSS-Tricks gear but to this point, all I have are USB drives. No longer! Sticker Mule got in touch with me and offered to make me some David Walsh Blog stickers. How could I say no?!Read Post