[ Tutorial ] Material Design Lite: Navigation, Grid and Footer

Good news for every web designer out there. Google has cooked up a new package that spruces up your web pages. Earlier this year, Material Design has been introduced to the public. Heading on for an all encompassing solution, the company eventually launched Material Design Lite (MDL) a few months ago. Download the Material Design Lite Kit online at www.getmdl.io

Material Design Lite (MDL) layout component is a comprehensive approach to page layout that uses MDL development tenets, allows for efficient uses of MDL components, and automatically adapts to different browsers, screen sizes, and devices.

Essentially, MDL lets you add a Material Design look and feel to your static content websites. It doesn’t rely on any JavaScript frameworks or libraries. Optimized for cross-devices uses, gracefully degrades in older browsers, and offers an experience that is accessible from the get-go. 

Material Design Lite and Material Design for Bootstrap

Material Design for Bootstrap is a theme for Bootstrap 3 which lets you use the new Google Material Design in your favorite front-end framework.

source: http://fezvrasta.github.io/bootstrap-material-design/#about

Let us take a look at this.
Source: http://everythingme.github.io/openspace/

Bootstrap and Material Design for Bootstrap were used for layout, elements, icons and colors in the above website photo. You can check out the site to observe some difference.

Material Design Lite: Let's do this

Now that you are able to look into the difference between Material Design Lite and Material Design for Bootstrap, you are now ready to dig deeper into Material Design Lite by doing this session I have prepared for you.

Let us get started. 

1.  Download the Material Design Lite Kit at www.getmdl.io

Unpack the downloaded copy and notice that the mdl package contains the following.

2. In Notepad++, prepare a file with the following content

    

3. In the website, click 'Getting Started' button.

4. Scroll down and paste the code

5. Paste it in your working file just like below.

More »

Posted in: Tutorial

[MyLife] Icons Conquer the Vikings : A Meet Up

No friendship is an accident. People are sent your way for a reason in every season. My college friends are like tiny beads glued together to form part in the tapestry of my life. Friends always find their way home no matter what. We are glad we had a night to spend together with a friend and his wife all the way from New York. Yup, Icons finally conquer the Vikings! What a splendid time to come together and spend it with great food and awesome ambiance than in the all-exclusive Vikings resto near Mall of Asia. Big thanks to our friend for hosting the dinner.

In this day and age of buzz words, we come and live as millenials hopping from one adventure to another. Some of my friends are already charting the continents with their spirited jetsetter look while some are living in contentment with each individual pursuit. What's best about keeping genuine friendship is that in spite of being miles apart, we find time to connect and reconnect online; never get tired to share stories from sad to joyful moments. There are days when the journey may be dreadful but with friends and family around, life gives you a new meaning to dream and live more. It is comforting to note that most of the time, you find an ally and an enemy at the same time in the same people because they tell you the truth and what they think is best for you (well, without nagging). I guess I have a lot to say about friendship. I am thankful for this bunch of friends. Hope the gang is complete next time around.

Meantime, Vikings never fails in providing sumptuous and tasteful variety of cuisine. From Oriental to Mediterranean, you have it. Pick a plate and take more than a mouthful of delicious food. We did have a handful. When doing table reservations, it is wiser to ask a table far from the music band if you desire for more quiet space while dining and catching up with friends. The fee is a bit pricey at Php888 per head during weekdays and Php1,088 per head on weekends. Don't fret though because you are guaranteed to eat like a Viking and come prepared to feast! For more info, check out their site at http://vikings.ph/

More »

Posted in: Friendship,Icons

[Food] All-time Fave: Sizzling Hot Blue Crabs with Baguio Beans

I cooked this for the family :)

December revelry won’t be complete without sizzling hot blue crabs on our table. I saw this stall inside the vibrant wet market nearby which sells blue crabs and milk fish. I seldom chance upon a stall with a display of fresh blue crab stocks.  I guess it’s my ‘lucky craving day’ and I surely didn’t miss it.  I bought a handful one kilo of crabs worth Php250 and one-fourth kilo of Baguio beans to toast around; which costs me additional P20.

Though it is undeniable that there is abundant supply of mud crabs through out the year in this part of the country, blue crabs make the cut. It boasts of delicious meat and soft shells to chomp while you eagerly sip on the crab flesh. 

Fresh blue crabs

More »

Posted in: Blue Crabs,Food,Kitchen

[ICT] Women Techmakers Manila - Dinner with the organizers - GDG Philippines

More »

Meet-up at D'Hotel and Suites - Tallest building in Dipolog with uber rock star qualities

It's been a while since we last saw each other. I have made a lot of good friends coming from the academe in this part of the region. I am glad she's one of those who stay true and do keep in touch once in a while. A lot of them do.

While in Dipolog attending the 5th PSITS Regional Convention, we had the time to meet. After some few hours of rest inside my Camilla hotel room, she stopped by to take me out to dinner.

We often meet whenever i am in town. Dipolog City is topping my list of frequently visited cities. I have to write that i have great memories here for the last seven years and lasting friendship, too. People from Dipolog are really friendly. You should definitely include this place in your bucket list.

I hopped into her motorbike (yup, she's a biker chick) and started speeding towards the latest hotel in town - D'Hotel and Suites. She tells me they serve good japanese food here and you can enjoy a great night view of the city.

D'Hotel and Suites offers more than convenience and affordable luxury. This is definitely a striking improvement and service for the good people of Dipolog and the tourists as well. The hotel boasts of a modern furnish and located at the heart of the city. It is located at the corner of Rizal Ave. & Osmena Street in Dipolog. It also houses two japanese restaurants and a gift shop. You might be wondering why it is a 'hotel and suites'? I wondered the same thing. My friend tells me that the building houses condo units and hotel rooms. A condotel, to put it shortly. The great night view of the towering building is something to look forward. But that is not all even if you are just passing by. When you get on the 6th floor there's more to see and feel. More information about the hotel, you can check out their website here http://www.dhotelandsuites.com/ or call them at telephone number (065) 212-1256.

This hotel is towering in the night and day. 

For room reservations, please call (0928) 879 8888. For bookings, write them at booking@dhotelandsuites.com

More »

Posted in: D'Hotel and Suites,Dipolog City,Dipolog Hotel,Friendship

#flydart Dart Flight School-Zamboanga Launch

 Dart takes it global. Developer communities around the world are hosting Dart Flight School events during the month of February 2014. GDG Zamboanga jumps on the bandwagon to support this potentially robust  open-source Web Programming Language developed by Google. In the Philippines alone, the group joins six more relevant Dart events spread across the country and slated in different dates.

Group photo with participants. Photo Courtesy of Ms. Yolynne Medina, 

Community Manager - GDG Zamboanga

In the country alone, hosting this year's Dart Flight School are the following Google Developer Group communities:
1. Dart Flight School - Codelab Baguio.
Venue: Berkeley School Baguio, Navy Base Road, Baguio City, Cordillera Administrative Region, Philippines
2. Dart Flight School Manila. 
Venue: De La Salle University, Taft Avenue, Manila
3. Dart Flight School - Bacolod. 
Venue: Bacolod City, Western Visayas, Philippines
4. Dart Flight School - Cebu Launch Meetup and Techtalks. 
Venue: Global Hub Serviced Offices Inc. , Samar Loop, Cebu City, Central Visayas, Philippines
5. Dart Flight School - Cagayan De Oro.
Venue: Capitol University, Cagayan De Oro, Northern Mindanao, Philippines
6. Dart Flight School - Davao. 
Venue: Mam Bebs Bakeshop, Claro M. Recto Avenue, Davao City, Davao Region, Philippines
7. Dart Flight School Zamboanga - Code Lab Workshop. 
Venue: Elearning Centre, Zamboanga City, Zamboanga Peninsula, Philippines

Dart is a new platform for scalable web app engineering. For every developer out there, it is interesting to note that goal of Dart is "ultimately to replace JavaScript as the lingua franca of web development on the open web platform". 

More info about Dart language on their website. Take this link https://www.dartlang.org/.

Introduction to Dart led by GDG Zamboanga Community Manager Ms. Yolynne Medina. Part I :Intoduction to Dart has been conducted twice on separate dates following requests from participants mostly professionals who can't make it during the first schedule announced. 

The local two-part event was hosted by Elearning Centre and fully supported by Dart. Part 1 comprised of Introduction to Dart and a codelab commenced for the second part. The event presented TechTalks and Codelab sessions which all participants actively participated. The free event accommodated 100 seats for online registrants - IT students and aficionados. All participants received free Dart t-shirts each, free snacks and raffle tickets for unique, limited items.

More »

Posted in: Dart,GDG Philippines,GDG Zamboanga,ICT Zamboanga

DevFest Zamboanga Boosts IT Immersion for Locals

Google Developers Group (GDG) Zamboanga unfolds a new leaf in hosting the last leg of the DevFest season in town. Reeling from much anticipation over these past months, the first DevFest in the city was finally held on December 13, 2013 at Centro Latino, Paseo Del Mar.

GDG DevFest Zamboanga 2013, a developer festival, is part of the DevFest second season happening globally and a free event supported by Google. The one-day developer event gathered together more than 300 computer science, IT students and enthusiasts. With the limited slots, schools were granted 15 slots each for their delegation while about 80 participants (open to all students and aficionado) vied for their slots online. Eight participating IT schools included AMA Computer University, Ateneo de Zamboanga, COMTECH Institute, Claret College of Isabela, Pilar College, Southern City Colleges, Western Mindanao State University and Universidad de Zamboanga.

More »

Posted in: DevFest,GDG Philippines,GDG Zamboanga

Hula hoop At Night Time. One of the coolest and rare moments while in Cebu

I went for a walk one night in Cebu after visiting the centuries-old Basilica del Sto. Nino church. What came next was extraordinary and pure bliss. While beside the road waiting for a taxi, I heard some noise coming from the plaza some distance away. It sounded fun and i could see people flocking the plaza so I just had to walk over there and see what it was all about. Lo and behold, it's a concert for Yolanda survivors!

Sunrise Festival held last November 22-24, 2013 at Plaza Independencia in Cebu City is a testament of unity and courage for the Filipinos. It brought together people and performers coming from all over places. Attending one night of the festival is more than enough inspiration for me.

More »

Fly High Furigay Colleges! Web Development Training Right Now!

Yahooo!!!!! Web Dev with these awesome kids! :)
Yeah, I intentionally left this post demo for my trainees.
So here is the rest of the story.

I got invited to do a weekend two-day Advance Web Development, Web Hosting and Web Entrepreneur Hands-on Seminar for the ComSci and IT Students of Furigay Colleges of Isabela City, Basilan. Participants traveled all the way from Basilan by boat a day early. The training has been conducted at Elearning Centre. My first time to meet four of their instructors - Mr. Al-saad J. Alasa, Mr. Yusop Arali, Ms. Grace Esperat and Ms. Rona Joanne Sulayman. I enjoy doing web dev trainings and the two-day event last October 26-27 is a welcome break for me to share the best of pieces from the industry.

List of Participants: 1. Abdulajid, Ahmad T. , 2. Abdulla K. Tokkong , 3. Abdurahman A. Uto ,   4. Aracani, Marlyn ,    5. Araneta, Vergel P.,    6. Arsad T. Muhammad Nur,    7. Baky, Liza Therese C. ,    8. Bisal, Kaydee A. ,    9. Calbi, Jeyvelleen Ann T.,   10. Dompol, Marham K. ,   11. Edmon J. Enriquez   12. Eguia, Rowena Christine B. ,   13. Esperat, Jerome P. ,   14. Farsi D. Asalul ,   15. Ferelyn L. Rojas ,   16. Garcia, Conan G. ,   17. Hajain, Albasser B. ,   18. Jahpar, Hamjarin ,   19. Jakilan, Wildan S. ,   20. Jaljalis, Javier R. ,   21. Jay-jay B. Husain ,   22. Jessa D. Clariz,   23. Jessann B. Salvador  24. Jurayda C. Tobboh,   25. Kusasi, Adzman A.,   26. Leo Elvin F. Lee ,  27. Macrohon, Fahad M.  28. Mohammad H. Salasim,   29. Mubin T. Abdullah,   30. Mudzna H. Ibrahim,   31. Mujib A. Alih   32. Mursidie K. Nuh,   33. Musawwarin, Sitti Aisha A.,   34. Nasiba D. Dompol ,   35. Nasrulla S. Rizal,   36. Osias, Mark Kevin M. ,   37. Palos, Peter Philip B.,   38. Pihong, Ayyub S.,   39. Radzmin A. Dompol ,   40. Randolfh F. Santos ,  41. Raymond B. Jacinto ,   42. Rebollos, Jespaul M.   43. Salcedo, Joana A. ,  44. Salman H. Salatun ,   45. Sammy C. Ballaho ,   46. Sanson, Rovel Jay O. 47. Senibalo, Cliff Adnan U. ,   48. Shienet C. Manuel ,   49. Talipao, Gada A. ,   50. Tan S. Tanji
  51. Vincent Earl F. Bajado ,   52. Wilymae A. Saavedra ,   53. Zaidee A. Jakilan,   54. Zamora, Phoebe Faith Q. ,   55. Satra J. Duran ,   56. Erma Gay S. Jalon,   57. Shermida J. Yasil,   58. Jover M. Habibun,   59. Merhamna A. Hudjalal,   60. Masurki I. Kahal ,   61. Benzar M. Marquez,   62. Najar J. Daris, 63. Al-saad J. Alasa, 64. Yusop L. Arali, 65. Grace Esperat, 66. Rona Joanne E. Sulayman

Together with Furigay Colleges IT Instructors - 

Mr. Al-saad J. Alasa, Mr. Yusop Arali

More »

Posted in: Joomla,Web Development Training

Free Entry for Students in the 1st GDG Zamboanga Student Developers' Day @WMSU-CET on September 4

The 1st GDG Zamboanga Student Developers' Day gives computer science and computer engineering students the opportunity to learn more of the amazing Google products. Swinging the second time around, GDG Zamboanga is honored to partner with the College of Engineering and Technology of Western Mindanao State University in presenting this event to the public. GDG Zamboanga kicked off its Student Developers' Day last September 4, 2013 at the WMSU CET-AVR with a glimpse into the future of mobile and web programming, and the developer tools that bring them to life. 

In this photo: Yours truly Grace Sojor (GDG Zamboanga Co-Community Manager) together with Marinella Tose (WMSU-CET), Jerome Locson (Program Manager, Google Access Programs for Education (PH), Google Inc.), Yolynne Medina (GDG Community Manager) and Engr. Ciel Olegario (WMSU-CET CoE/CS Chair).

More »

Our Tour Guide is a Cat! Butterfly Garden at La Jardin De Maria Clara

This is one of the cool
places that can be found in the Pasonanca Park here in Zamboanga City.

History tells us that construction of the park was started in 1912 by General John J. Pershing, then Governor of the Moro Province. However, the Butterfly Garden is one of the new facilities added in the last five years or so.

There are other facilities inside the park including the El Museo de Zamboanga, Flower Garden, Maria Clara Lobregat Statue, Pasonanca Park Swimming Pools, Pasonanca Tree House and camp site.

Together with Google Developer Group (GDG) Zamboabga friends, we headed for the Butterfly Garden right after enjoying ourselves goofing around with the exhibits inside Parque de Ciencia de Zamboanga.

Cat For A Tour Guide
We have a cat as our tour guide. Yup, you read it right. This cat inside the park just kept on following me everywhere and at times leading the way. The experience was so memorable aside that it was my first time to visit the butterfly garden, we all did enjoy the whole time.

It was actually sleeping in one of the stair steps as we were walking down the Jardin. The cat has newly awakened from its deep slumber as we have stopped to enjoy Taho being peddled by a local. As soon as it observed our presence, i noticed the same cat walking towards where I was standing. It never left me for the time. The cat circled my legs and waited for us to finish each of our cups of Taho. Interestingly, when we started to walk away towards the Butterfly Garden, it also followed us. Walk ahead of us -- she seemed to know we are headed that way. Interestingly, the cat would look back and take a halt as if telling us - oh, come on, hurry up! We've got butterflies to catch! This way! Right here! She surely did! hahaha! 

Our tour guide in action! Follow the leader, she says.

Thanks for the Taho treat! So yummy on an after-rain! Buddies Lee and Glen from GDG Zamboanga treated me for Taho sold by a local. 

Glen and Lee bought entrance tickets for the Butterfly Garden. I think it was eight pesos per person (Php8.00 per person). The door has a Net Curtain to avoid the butterflies from flying out of the butterfly garden.

Glen appreciates this butterfly that hovered about his right shoulder. I like this photo. I am glad i captured this moment in camera. There are more to see actually. Just make time for it with your family.

More »

Posted in: Butterfly Garden,Zamboanga City

My Van De Graaf Awesome Experience. Science Park in Zamboanga City

Dreams do come true. This trip proves worth a try. Have you ever been to a Science Park nearby? We just did and guess what? Yipeee!! I just fulfilled my high school dream right on the spot!

Van De Graaf Generator is one of the fifty-six (56) interactive exhibits showcased inside the science park. Undoubtedly, this is part only of the highlight of our field trip as there are more exciting and fun-learning new experiences in store for your visit.

This is the second time that I personally have been into a Science Centrum after a long time. Back in 2004, Zamboanga City has gainfully observed different interactive exhibits housed inside, the now defunct Plaza Mall, for a month's time. Science Centrum organizers from Manila brought with them a Van De Graaf Generator in the science centrum tour wagon. However, due to the huge number of students visiting the place, I never had the chance to get inside the Van De Graaf Generator booth. I do remember looking in awe while a fellow Science High School student's hair are slowly raising in thin air.

Parque de Ciencia (Science Park) in Pasonanca

Parque de Ciencia de Zamboanga (Zamboanga City Science Park) is the newest and lone Science Park in Region IX. Further, it is considered the biggest regional science center in the country today.

It is constructed inside the Jardin Maria Clara at the Pasonanca Park, where the city museum and the butterfly garden are also located.

The project, worth P22.44 million, is an initiative of Hon. Mayor Celso Lobregat with the Local Government of Zamboanga City while Science Centrum Fabrication, Inc. (SCFI) is the exhibit provider.

More »

Posted in: GDG Zamboanga,Science Park,Zamboanga

WMSU-CET Kicks Off IT Expo 2013; Hosts Google MapUp Party

In partnership with the College of Engineering and Technology in Western Mindanao State University, a Technology Training and Seminar Workshop on G+ and Google Maps exclusive to CoE/CS Students has been conducted last July 5, 2013 in the afternoon at Audio Visual Room, College of Engineering and Technology of the same school here in Zamboanga City. The event is on the occasion of the one-day IT EXPO 2013 that has been successfully kicked off on the college grounds for the benefit of the current students, visitors and guests.

IT EXPO 2013

Engr. Cielito Olegario, CoE/ComSci Department Head officially opened the expo together with the College Dean Engr. Villareal and the faculty and staff. Ms. Yolynne Medina, GDG Zamboanga Community Manager has been invited to give an inspirational talk to the participants during the morning programme.

Notably, the annual IT EXPO shows off student IT Projects that include android mobile applications, mobile games, information systems, web development projects, computer engineering robots and a showcase of other student talents as well. Select IT projects are briefly presented on stage with the use of projector and visitors can go around from one booth to another to get a hands-on experience on the students' latest innovations. By and large, the student projects are promising and marketable.

What has been more exciting for everyone aside from the uber-sizzling tech stuff in the expo wagon and what's in store for them in the afternoon programme is the presence of the Zamboanga Cosplayers in their complete costumes walking around and poking fun to everybody's delight. Their presence added more colors and extra fun that complemented that entire event.

 G+ and Google Maps
Meanwhile, Google sparks fresh experiences for the IT students as they are treated to a free Technology Training and Seminar Workshop on G+ and Google Maps the entire afternoon. The workshop pooled about 100 students.

The sessions are handled by Community Managers Ms. Yolynne Medina (G+) and Ms. Grace Sojor (Google Maps and MapMaker). The sessions comprised of tech walkthroughs and actual demo. The speakers are thankful for the wifi connectivity in the area and the participants came in more than prepared as well - totally geared with their laptops, tablets and internet sticks.

We have tested Hangouts, Google Drive, G+, Google Maps, added an edit using Google Map Maker and eventually

did a Google MapUp Party that is extended online as a map up competition amongst registered participants. Google sponsored shirts, tumblers, stickers and drawstring bags. These are raffled off as well and given as rewards to those either asked or answered questions. Elearning Centre also sponsored the certificates for the event.

Ms. Medina took the opportunity as well to discuss the upcoming Philippine Transit App Challenge- Zamboanga Bootcamp.

Google MapUp Party is an opportunity for anyone interested in mapping using Google Mapmaker help map places in the locality. One of the objectives of the afternoon session is to show participants how to map different places, draw roads, add categories and discuss other features, points of interest. This will enable them to become citizen cartographers and improve the quality of maps and local information.

For the record, it is GDG Zamboanga's first time to visit this university to do a Google Session. Further, Google Developer Group (GDG) Zamboanga is almost on its third year here in the city. It is one amongs the seven active chapters spread across the Philippines and supervised by GDG SouthEast Asia-Google. Other chapters are GDG Bacolod, GDG Baguio, GDG Cagayan De  Oro, GDG Cebu, GDG Davao and GDG Halsema. Google Developer Groups are for developers who are interested in Google's developer technology; everything from the Android, App Engine, and Google Chrome platforms, to product APIs like the Maps API, YouTube API and Google Calendar API.

GDG Zamboanga takes on the challenge to map for Mindanao and beyond. Additionally, Google has been pushing for MapUps for some years now. Google sponsors Map Up competitions as well. Last year alone, Ms. Grace Sojor has been awarded as one of the Top Ten Mappers/Winners in Google's Map Your Town Competition Philippines. The particular competition gave away ten HP laptops and portable HP DVD-ROMs to the top ten winners and awarded the Top 1 Mapper the privilege to grant
100,000 pesos to a public school of his choice. Competitions like this among others are things to look up to in the coming days. For Google MapUp Party inquiries, you may check out our group site at gplus.to/gdgzamboanga or send us an email at gdgzambo@gmail.com.

More »

Posted in: GDG,GDG Philippines,GDG Zamboanga,Google,WMSU,WMSU-PSITS