Tutorials Page 112
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
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
-start
and-end
properties and values in CSS. The side...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
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
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
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
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
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...
Show Overflow Scrollbars on OS X
The update to OS X Lion implemented the scrolling idea of iOS mobiles, which is hiding a window (and other elements with scrolling) until the target area is tapped or swiped. While that may seem like a minor change, in as far as basic usability, it's...
Building a 3D MMO Using WebSockets
Hi there! My name is Nick Janssen, creator of Ironbane, a 3D MMO that uses WebGL and WebSockets. With this article I would like to give you a better insight in MMO's and make you less afraid of the complexities involved in building one.