Quick Tips Tutorials
![Link HREFLANG]()
Link HREFLANG
If you work on a website that is offered in more than one language, you deserve a medal. The need to localize almost everything is tough and sometimes feels very limiting. No adding text to imagery, never knowing how different translation will affect layout, maintaining different...
![CSS animation-fill-mode]()
CSS animation-fill-mode
We're always super excited to get into CSS animations because, quite frankly, they're incredibly awesome. One overlooked animation property, however, is the
animation-fill-modeproperty. This CSS property sets the state of the end animation when the animation is not running. Here's a quick example: In the case...
![Delete Merged Branches with git]()
Delete Merged Branches with git
It's common courtesy to keep your git branch list clean, especially when colleagues need to fetch your remote branches. I'm a bit of a ... offender, when it comes to maintaining my git branch list. My colleague John Karahalis is not, however, and he...
![Prevent Wrapping of <code> Tags in Text]()
Prevent Wrapping of <code> Tags in Text
Writers of technical documentation (or lowly blog writers like myself) oftentimes put property names in
<code>tags within blocks of text. Doing so makes reading the text easier and prevents users from misconstruing explanatory text with property names. CSS uses a dash within its...![Firefox OS Media Query]()
Firefox OS Media Query
Firefox OS is an awesome new HTML5-based mobile operating system. Some would says it's epic, I just think it's...super epic. The "native" languages are HTML, CSS, and JavaScript -- it's enough to make a Web Developer weep. Anyways, it's important to know how to target...
-
![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...
![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...
![Fixing ‘vagrant up’ Errors]()
Fixing ‘vagrant up’ Errors
When I'm working on MDN's source, kuma, I use a technology called Vagrant to do so. Vagrant helps to create an manage a virtual machine that hosts MDN locally. Occasionally, however, I get errors which prevent me from starting the...
![YUI Compressor Media Query Issues]()
YUI Compressor Media Query Issues
I've been coding out the redesign for a responsive website and it's been a lot of fun...and a lot of media queries. A few of the media queries have multiple conditions so I have `and` sprinkled into them quite a bit. Everything was going...
