I recently did a one hour talk in University of Santo Tomas for the Philippine Web Designer’s Organization’s annual Form Function Class conference. Most of it was about how I transitioned from Flash to HTML5, the libraries I used and the techniques I’ve contrived to develop my HTML5-based game.
I’ve made a video about a trick I discovered a few weeks ago. Basically, it’ll let you edit CSS (also JavaScript) files on the fly within the browser and save your progress from there. It’s pretty neat for immediately doing changes to the CSS files that you’re working on without copying and pasting everything manually to your editor.
I recently got the rMBP and one of the challenges I had to figure out was adjusting my work flow to an HiDPI display. Luckily, out of necessity, I’ve managed to devise a simple work around to streamline my design to development process. I’ll be discussing that in this article.
As a follow up for my previous article about my workflow in implementing icon fonts in websites, today I’ll be discussing about using SVG as background images in CSS.
Thanks to high pixel density devices like the 3rd generation iPad and the new MacBook Pro with Retina display, it encouraged me to find solutions on how to make my icons look crisp.
I’ll discuss about a solution in which you create a font library with your icons as glyphs and then use them as fonts in the @font-face css rule.
I recall an episode in my life as a web designer where I’d continuously struggle (and most of the time fail) in doing layouts. This all changed when I learned about grids.
Woot! I’ve finally decided to create a blog so I could document my adventures in web design and development, as well as other things that are going on in my gray matter. If you like, you can follow my updates on twitter.