Arrived last Wednesday at Austin, Texas. Pretty pumped. I am looking forward to meeting smart, motivated people and get inspired. If you are baseball enthusiasts, front end dev, or just good citizen of earth who are also in Austin for SXSW, shout out at @DaigoFuji and let’s meet up!
For work, I am diving head first with scss, using compass to compile them. Awesome. This is something that I wanted to do — and looking for a right project — for a long time, but opportunity just found me. I love when that happens. This is a note to future myself as I change my mac’s environment for development reason, if/when I have to do it again.
Mac comes with ruby ready.
What’s my ruby version? ruby -v
What’s my ruby gem version? gem -v
You can update this by running sudo gem update --system at the time of writing, I have 2.1.5.
Do already have compass? compass -v
If not, run this: $ sudo gem install compass
That’s it. It will install sass.
What you need now is to set the file strucuture, and have config.rb.
As I was working from a repo that is already set up to use sass, that was already set up. My config.rb looks like this:
The downloaded archive is quite amazing. It is a full fledged, stand-alone bootstrap web app, and also include full json and csv. From README file:
In the `data` folder, your Twitter archive is present in two formats: JSON and CSV exports by month and year.
* CSV is a generic format that can be imported into many data tools, spreadsheet applications, or consumed simply using a programming language.
## JSON for Developers
* The JSON export contains a full representation of your Tweets as returned by v1.1 of the Twitter API. See https://dev.twitter.com/docs/api/1.1 for more information.
* The JSON export is also used to power the archive browser interface (index.html).
* To consume the export in a generic JSON parser in any language, strip the first and last lines of each file.
I’ve also been using Time Hop and it is interesting to see what I was doing a year ago. I wish it had last.fm data to see what I was listening then. Similarly, an interesting idea, you can send a email to yourself in the future from FutureMe.org.
I help people and organizations produce more with less input. I teach a set of best practices and a methodology that produce a greater sense of concentration and control.
I call what Iâ€™ve uncovered â€œthe strategic value of clear space.â€ Say youâ€™re going to cook dinner for people, itâ€™s 5:00 PM, and theyâ€™re coming at 6:00. You want to have all the right ingredients. You want to have the right tools. You want the kitchen to be nice and clear. You need the freedom to make a creative mess. I teach people to achieve that freedom by taking very immediate, concrete steps: downloading all your commitments and projects into lists, focusing on â€œnext actions,â€ and thinking about the contextâ€”work that needs to be done in your office, or on the phone, or on the computer. You donâ€™t need to change who you are. You just need some simple but very powerful techniques.
Getting Things Done succeeds because it first addresses a critical barrier to completing the atomic tasks that we want to accomplish in a given day. Thatâ€™s â€œstuff.â€ Amorphous, unactionable, flop-sweat-inducing stuff. David says: Hereâ€™s how I define â€œstuff:â€ anything you have allowed into your psychological or physical world that doesnâ€™t belong where it is, but for which you havenâ€™t yet determined the desired outcome and the next action step.
Summary of the steps (Originally from the above link by 43 Folders, but edited to sort of fit my purpose.)
Collect Capture. Identify *all* the stuff in your life that isnâ€™t in the right place (close all open loops) — get everything in one place, a list. *Everything* “What has your attention?” From answer the email to… what is my purpose/role on earth? Capture complete picture of your stuff — let system catch it and off my mind.
Process “Write it down, look at it.” — Analyze that list, organize. Break your work down to next actions. Is it actionable or not? IF not dump it or archive it.
Organize Get rid of the stuff that isnâ€™t yours or you donâ€™t need right now.. Put down what *you* can do about it. Put it in Do basket.
Review Put your stuff in the right place, consistently. If you have stuff on your mind, then put that down in the list. Iterate and refactor mercilessly — organize, organize!
Do Create a right place that you trust and that supports your working style and values. When you are “Doing” what’s on the list, you need to be able to “point and shoot” not thinking about it anymore. Crank the widget.” Do your stuff in a way that honors your time, your energy, and the context of any given moment.
Life Hack also have “Why Getting Things Done is the Best Productivity System”
I went to Adobe Create the Web tour in Boston, at Bocoup (it was basically same as this video, so you didn’t miss much… except I got this cool HTML5 beer bottle opener keychain!)
I was really into Flash back in the day, and at one point I considered myself an expert of the ActionScript… I still have/wear hipster longsleeve Flash shirt, with logo [Fl] on the chest.
So it was sort of nice surprise that the Adobe is doing a lot of cool stuff using HTML5, and I just spend a weekend morning making the animation I just put up on Fujiwaras.comusing Adobe Edge Animate.
To make Animate work in responsive more, you need to design using percentage within Animate. This is sort of explained here on this video, but I had to really use it to figure it out. I struggled for a while trying to put it on the site, but you basically have to use iframe, becuase in published Animate html, you need to have <html style="height:100%;">
On my animation, I used SVG for my sagari-fuji emblem (house emblem of my family) so when you zoom in, the emblem is extremely sharp. I have had bad luck with SVG being responsive, (a blog post about it that I found, I need to read it) but it is kind of neat that the Adobe Edge Animate handles this for you.
Flexslider is awesome. Responsive design ready (screen resolution independent) and supports swipe out of the box. Just I needed for this new mobile project that I am working on.
This is what it says:
The new callback API gives you full control over all of your sliders. The callback functions currently available are start(), which fires after the plugin is initialized, before(), which fires before/asynchronously with every slide animation, after(), which fires after every slide animation completes, and end(), which fires when you reach the last slide. Each callback function will accept one parameter, which will embody the slider element.
The following example demonstrates how you could track slider counter information, such as â€œ3 of 12â€³ using the callback functions. First, we use the start() callback to gather the total slides. We only need to do this once, so start() is a good place for this. Notice that start() accepts the slider element as a parameter and then calls the slider.count property. Count is just one of many properties tied to every slider instance that are available to you through the callback functions. The last step in this demonstration is using the after() callback to update the current slide information after each animation. You will notice another slider property used here to gather the current slide information, slider.currentSlide.
What I wanted to do was store some data-* stuff (text, url etc.) in the li tag of each slide, and after the animation is done, I want use jquery to load that stuff in other parts of the page.
I have data-category in each of li. I just want to fire that up in “console.log.”