Tutorials Page 112
![Update Submodules with Git]()
Update Submodules with Git
Git submodules seem to confuse people and I can probably count myself in that group of people that are confused. Their code is kind of part of the codebase, kind of isn't. Pulling the latest code from the overall project doesn't pull the updated submodule code...
![Truly Responsive Images with responsive-images.js]()
Truly Responsive Images with responsive-images.js
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...
![Symbolic CSS Preprocessor Mixins]()
Symbolic CSS Preprocessor Mixins
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
![RTL and Punctuation]()
RTL and Punctuation
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
-startand-endproperties and values in CSS. The side...![Presentable Accessibility Elements with CSS]()
Presentable Accessibility Elements with CSS
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...
-
![CSS Preprocessors and Parent Selectors]()
CSS Preprocessors and Parent Selectors
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...
![Meatspaces Chat is Amazing]()
Meatspaces Chat is Amazing
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...
![Dev Stickers from Sticker Mule]()
Dev Stickers from Sticker Mule
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...
![robots.txt Rerouting on Development Servers]()
robots.txt Rerouting on Development Servers
Every website should have a robots.txt file. Some bots hit sites so often that they slow down performance, other bots simply aren't desirable. robots.txt files can also be used to communicate sitemap location and limit request rate. It's important that the correct robots.txt file is served...
![Enforce Widths on Empty Block Elements]()
Enforce Widths on Empty Block Elements
One of the side effects within CSS that I find somewhat strange is that even if you give an element an explicit width, the element width is not respected if the element is empty or the elements within it are absolutely or fixed position. Of course...
