Ad

Sunday, June 3, 2012

P2PU Challenge Domain Name System

What is a domain name system (DNS)?


How stuff works explains it in a very good graph
I was very confused by the Wikipedia explanation but here's how someone simple minded like me understand it. DNS serves as a host of a "dictionary", this dictionary maps the IP address to a domain name and vice versa to help people locate the correct website.

Here's what I also learnt : 
I registered http://www.mashbean.com
I plan to "hack" it and link it to this blogspot soon. May be later one I will chain it to a WordPress or a personal website regarding my personal portfolio. 

Thursday, May 10, 2012

Like button 3D Printing Fun

Like button with a trophy base. Cut off the hand, place it vertically in the slot.

via TinkerCAD.com


Thursday, May 3, 2012

The secret life of 3D printing

To award our best volunteer and also best customer, I proceeded to design a 3D badge (a materialized social badge yay!!) for both of them. Technical difficult made me essentially print the same one for both. I look forward to see Shapeways materials in gold plated, basics (prototype), and more. The actually design took 3 hours on TinkerCAD, but the trouble shooting and Tinkering took another 3 hours. Totally worth it.

The lines that you see were originally supposed to be holes and carve ins so we can style up the letter. Unfortunately the TinkerCAD rendering wasn't perfect for it and Shapeways and iMaterialise didn't pick the changes up either then we went for all solid with minimum hole structures.

Fun experience will make more but not until I see these in person.


Real world tag hunting

The bogus request from P2PU to hunt for HTML tags in real life has yielded a lot of good thoughts. My first impression was that this is stupid. Then I commented :

i had more troubles with this assignment than learning a whole week of HTML I am super impressed with what people came up with and realized that through this assignment I am also more consciously aware of HTML and have a stronger inner connection. Lolol wtf... but yeah seemingly "stupid" but awesome assignment

End up being all spiritual about it... Lolz I realize my inner HTML is really Spam Musubi a great snack food totally unhealthy but totally delicious is probably a fusion food invented in Hawaii. When I was visiting friends in Davis, I ate a lot at the fast food eatery Ohana. 

Why? Look at this it is an image <img> , <div> is the rice, spam, seaweed is overall (<html>). Or may be the whole <html> is the entirety of the food, and the onions are the styling <style>. rice is the  <p>... I can go on and on. Or may be you look at these two together they are a <ol>  <li>

Gosh then I can only imagine what it would be for Sushi platter!! Holy molly. All the contents definitely have styling declaration too~~

P2PU what have you done to my brain!??? Ahhhhhhhhhhhhhhh



Updated August 2, a new post on Flat UI in Teabags.

Tuesday, May 1, 2012

Javascript Basics

Prototype explained by blog authors:
From WordPress http://javascriptweblog.wordpress.com
http://javascriptweblog.wordpress.com/2010/06/07/understanding-javascript-prototypes/


P2PU challenge HTML #4 - HTML Tags

TOOL
Amazing treasure bonus : Mozilla's vocab index list of HTML tags!! score~~
Click Here for Mozilla HTML Tag List
Lolz, I immediately flipped to HTML tab in Blogger and looked at what tags are used for the hyperlink. Then i checked for <a> tags in the Mozilla list! Works perfectly

SPEECHLESS REQUEST
Did P2PU really ask me to find HTML like photos in real life? My first thought : this is getting ridiculous. I am not learning any HTML here. All my knowledge came from CodeAcademy.

And true indeed.

I have to say one thing: reading other people's blog. I really amazed at people's creativity for this strange request. Not only that many moved ahead to complete it, they completed it with care and innovation. Impressed.

Monday, April 23, 2012

Wizard with wand, Coder with editor

ORIGINAL
Cute concept from P2PU. The quest is to find a proper "wizard wand" for Mac. Shouldn't be that hard, but haven't found any yet. May be Bluefish? A top runner right now.

UPDATE April 30, 2012

I lied I will be trying Komodo Edit (which is free) first then use Bluefish as a backup if it doesn't work out! Yay. Thanks for everybody for the help. As a beginner Mac OS programmer finding a right editor wasn't easy

WHY KOMODO?

Komodo is actually free!! Have to search Komodo Edit (not Komodo IDE which is very expensive). I chose Komodo because it is actually free (no trial expiration) and it is great for Mac. i am intimated by that it is a pro tool, but why not learn from the best. If I struggle, something good will come out of it when I win the challenge.

UPDATE Feb 23, 2013

New Choice of Editor: Sublime Text 2.

Why? It is free and free forever until you wanted to pay, it is available for Mac and PC. It is light, faster than Komodo. It allows you to open files in directories. After some really experiences, I love this. 

Handwriting HTML code a great way to remember

I have done HTML learning on Code Academy, making this exercise more meaningful. Also I know that at Stanford CS exams are often handwritten to truly test students' coding abilities. I thought P2PU could've given more explanations before making people copy and recite.


P2PU School of Webcraft starting today

It's been three weeks with Code Academy and 1.5 weeks with Tinkercad, finally my coding experience with the basics started for Javascript and HTML.

Back in high school, I had an HTML book and tried to start. But time wasn't right, I never was able to. Somehow 2 years after started working, after having stopped learning, time was right.

It made perfect sense to start now. Learning not only helps my brain, my job, my sense of accomplishment but also gives me means to create. And that is very very powerful.

School of Webcraft, I don't know what's here, but I am excited.

React UI, UI UX, Reactstrap React Bootstrap

React UI MATERIAL  Install yarn add @material-ui/icons Reactstrap FORMS. Controlled Forms. Uncontrolled Forms.  Columns, grid