Monthly Archives: October 2013

Use Chrome DevTools as the Front End Development Environment

It is more efficient to use DevTools as the front end development environment than using Visual Studio.

If I choose to use IE 8 user agent under DevTools settings, which is equivalent to Mozilla 4, when viewing element’s user agent style in chrome, the -webkit- styles will be disabled, instead the selected user agent styles will be active. This means the selected user agent is not only what the browser tells the server and the browser also behaves as the selected user agent. In other words, you could stay in Chrome to check how your pages look like in different browsers.

Sources Panel

  1. for viewing and modifying css and js files, including pretty print minified js code
  2. ctrl + s can save a browser local modification
    • right mouse in source code can load local modifications”
    • time tag with modifications will show, to apply original or apply revision content
    • revert to original
  3. Image

  4. save as to save a hard copy or save to the workspace if it has been allowed
  5. setting break points and debugging js code

Image

Console Panel

  1. log and command line
  2. the command line allows any JavaScript commands
  3. console.log(‘createEvent called’); console.log(console);
  4. to get the console commands: https://developers.google.com/chrome-developer-tools/docs/console-api
    • console.log(“I can’t wait to run my 5K”)
    • console.log(document.getElementById(“events”))
    • calendar.countEvents()
    • console.assert(Calendar.countEvents() == 3)
    • console.warn(“Watch out!”)
  5. inspect($(“#date”)[0]) to find where is the element inside the DOM
  6. $0, $1, $2 … to find the select history from the most recent (i.e., select an element in element penal, then $0 in the console points that same element)

References
http://developer.chrome.com/extensions/samples.html#devtools
https://developers.google.com/chrome-developer-tools/docs/shortcuts
https://developers.google.com/chrome-developer-tools/docs/settings
https://developers.google.com/chrome-developer-tools/docs/tips-and-tricks
http://blog.angularjs.org/2012/07/introducing-angularjs-batarang.html
http://www.html5rocks.com/en/tutorials/developertools/revolutions2013/
https://plainaveragemind.wordpress.com/2013/10/12/chrome-devtools-a-pictoral/

Advertisements

GHC Day 3 Keynote: Engage, Embrace, Enhance

Today’s focus was how technical women can drive forward and the keynote was “A Case for Diversity”, by Dr. Valerie Taylor from Texas A&M University. Valerie Taylor was one of the 600 women attended the first GHC in 1994. The conference was held every 3 years back then. In 2000, the conference started to be held every other year and in 2006, it started to be held every year.

In 1994, Valerie visited Anita Borg to talk about work. Anita suggested, “Let’s go for a hike!”. While hiking, Anita asked Valerie about her family and upbringing, which made Valerie feel strange. She later realized that Anita was taking time to learn about her, so that she could have a better idea on what to bring to the table. Anita was using this approach to handle diversity:

  1. Engage: Take time to learn about others. Learn about their background.
  2. Embrace: Embrace the background and allow it to come to the forefront.
  3. Enhance: When you engage and embrace others, you end up with something better.

Engage needs mediation and mediation is not making a decision for the parties in conflict. Rather, it is navigating people in conflict so that they solve the problem themselves.

One of the examples Valerie gave was that a team meeting may include people from varies background, some could from “not to question elders” background, others may be opposite. In this case Valerie would engage everyone talk first, she would be the last one to embrace a common ground and then use what she could learn from engage and embrace to enhance.

Everyone brings something unique to the field of computing!  “We all should know that diversity makes for a rich tapestry, and we must understand that all the threads of the tapestry are equal in value no matter what their color.”

Image

GHC Day 2 Keynote: Empower and Collaborate!

In her keynote, Megan Smith, vice president Google[x] at Google, gave many inspirational ideas that make the world better. She said:

  • “They say life is who you travel with, so find astonishing people to hang out with.”
  • “If you define your passion and combine it with your work, you are unstoppable.”
  • “What’s your [x]?” – Google[x] is for the next x.
  • “Hang in there because the flip side can be extraordinary.”
  • “Feminism is about humanism it’s about equality so I’m a feminist.”
  • “Be 2/3 YES, and & 1/3 But.”
  • “Hope you venture on the heroic engineering.”
  • “We are a species of moon-shots.”
  • “Fix the tech historic record” so we actually know women contributed in a big way.

She also mentioned the Makers, an amazing documentary made by PBS.

Image

The Technology Behind My Social World!

Human has always been a social being. Presentation and Communication are important aspect of living “Social”. In the Tech Behind Social World workshop Akhila Naveen (Yahoo!) and Jennifer Davis (Yahoo!) enlightened the audience on the ‘social’ aspect of webpages.

Replacing the user story with the job story

When building a new product from scratch with a “blank canvas”, it’s hard to get the whole team on the same page when it comes to customer motivations, events, and expectations. Using the jobs to be done philosophy to help define features can turn things around. This is called “Job Stories”. A job story can be defined as “situation + motivation + expected outcome” as shown below

JobStory

Breaking down the job stories into components, we can discover the resourceful APIs

ResourcesfulAPIs

Then apply software design principals, we get the webpage as our 3D (Define, Discover, Design) output!

Volunteering = Career Development

In “Using Volunteer Opportunities to Drive Forward Your Career” panel session at the Grace Hopper Celebrtion, the panelists made their great points that volunteering can help to

  • know yourself and others better
  • increase self confidence
  • add experience
  • gain technical skills
  • expand connections

According to the US Department of Labor, over 25% of people volunteer to make a positive difference in causes they are passionate about.

Volunteering is a win-win situation.

 

The Top Most Notable “Lean In” Quotes

  • “Writing this book is not just encouraging me to lean in. This is me leaning in.”
  • “Trying to do it all and expecting that is all can be done exactly right is a recipe for disappointment. Perfection is the enemy.”
  • “We hold ourselves back in ways both big and small, by lacking self-confidence, by not raising our hands, and by pulling back when we should be leaning in.”
  • “For many men, the fundamental assumption is that they can have both a successful professional life and a fulfilling personal life. For many women, the assumption is that trying to do both is difficulty at best and impossible at worst.”
  • “Taking initiative pays off. It is hard to visualize someone as a leader if she is always waiting to be told what to do.”
  • “Fear is at the root of so many of the barriers that women face. Fear of not being liked. Fear of making the wrong choice. Fear of drawing negative attention. Fear of overreaching. Fear of being judged. Fear of failure. And the holy trinity of fear: the fear of being a bad mother/wife/daughter.”
  • “Owning one’s success is key to achieving more success.”
  • “Guilt management can be just as important as time management for mothers.”
  • “Felling confident – or pretending that you feel confident – is necessary to reach for opportunities. It’s a cliché, but opportunities are rarely offered; they’re seized …Given how fast the world moves today, grabbing opportunities is more important than ever.”
  • “I truly believe that the single most important career decision that a woman makes is whether she will have a life partner and who that partner is.”
  • “What would you do if you weren’t afraid?”