New Reverie is out, and this blog is now Foundation 5 based.

(Articles that I liked: Friday, December 20, 2013)

foundation5

Foundation 5 rocks. It is awesome and now this blog is using it, thanks to Reverie!

New Reverie is out! I have just ran a code that I detailed before to sync the forked repo, and boom, without much work, this blog is now Foundation 5 based. Nice.

My next step is to take advantage of such neat feature as Interchange and Orbit right inside of WordPress. It is quite exciting.

I’ve been posting links that I liked at Posterous (RIP) and then my tumblr blog. Here are the week worth of links:


Font awesome, and php split() to explode()

Couple of update notes

Noticed couple of things that I am doing over and over, and everytime I am doing it, i had to look it up (Thank you, Google for making us dumber and dumber…) thought to put it in a place for my future self…

Going from font-awesome 3.2.1 to the current 4.0.3

It used to be
<i class="icon-btc"></i>
but now you have to make it
<i class="fa fa-btc"></i>

PHP Split

split() is deprecated as of PHP 5.3.0. So if you want to convert something like 1974-05-25 into an array, an was using it, you can use explode() insted, like so:


Scaling Your UX Strategy, and other articles that I liked: Fri, Dec 13

Interesting. As you may or may not know, I work for Harvard Business Review, and love it. It has a lot of interesting contents that is published on our magazine. I’ve been subscribed to email groups and just saw this article “Scaling Your UX Strategy” originally written in January 7, 2013 — almost a year ago — by Robert Fabricant, translated into Japanese and appeared on the listserve. It is a very good overview of how to implement UX in your organization. I almost want to bring this up and say “Practice what you preach!” I have been reading Users not Customers by Aaron Shapiro of Huge Inc, and really really liking it. My job is front-end developer, and not UX designer, but I deeply care about UX, and there are many many things (and some of it simple!) that we could be doing. I hope to implement some of those things.

Many things that I wish I could do, but don’t have time. But I’d like to make it happen!

I’ve been posting links that I liked at Posterous (RIP) and then my tumblr blog. Here are the week worth of links:


Random links, mostly web dev articles that I liked: Fri., Dec. 6

It is so interesting — or predictable — that now that the baseball season is over, my interest is all over the place. Mostly web dev stuff as that is all most all what I am doing lately.

Nicolas Gallagher of twitter wrote this almost two years ago. He says many good things and I should re-read it time to time, because everytime I read it, I found something that I didn’t notice before. It is amazing.

SassMe is a great resource for colors, when using color transformation in SASS.

I have to figure out a better way to post those links. I have been using delicious, but they are very unreliable, and I have been trying to use geeklist, but to no avail. I have sort of settled on LinkedIn as my link place and linking ifttt to post it to tumblr. It seems to work. See how it goes…

I’ve been posting links that I liked at Posterous (RIP) and then my tumblr blog. Here are the week worth of links:

Continue reading…


Emmet is AWESOME

emmet

While I thought it was great idea, I was not super crazy about HAML. Thanks to css and jquery, I always think DOM in css selectors. However, I just couldn’t stick with HAML. I liked to be able to code in html with < and >.

Meet Emmet.

Yes! Just like haml, you can write html with css selector, but you are coding in html. Let me show you what I mean. For example:

.row>.medium-3.small-6.columns.mycalss$*4>h3{Headline}+img[src="http://placehold.it/400x200"]+p>Lorem

Will produce

See the Pen plwIt by Daigo Fujiwara (@daigofuji) on CodePen

Amazing. $ for number, * to multiply, and lorem to put lorem ipsum in there. Awesome.

To install emmet on my sublime text 2, I have already had Package Manager installed on it, so all I had to do was run Package Control, which you could do by Menu > Tools > Command Pallete. Or hit Cmd+Shift+p. Type in install, select “Install Package.” Find Emmet, select. Done.

But what really sold me on Emmet was the “action” for comments. You can comment things with Command-/. Which works with both html and css (didn’t try with js, yet).

In css, m is margin, p is padding, bd for border, bg for background, etc. Great cheat sheet here.

Open a new file, save it as index.html, type ! and hit tab. Boom. HTML5 document is created. Crazy. I love it. Thanks Emmet!


Simplicity, patience, compassion.

“Simplicity, patience, compassion.
These three are your greatest treasures.
Simple in actions and thoughts,
you return to the source of being.
Patient with both friends and enemies,
you accord with the way things are.
Compassionate toward yourself,
you reconcile all beings in the world.”

– Lao Tzu, “Tao Te Ching