Culture

Our approach to product management marries meticulous strategy with visionary execution. It’s a masterclass in aligning innovation with business goals, crafting roadmaps that navigate market complexities with elegance, and ensuring our communications resonate clarity and conviction.

CSS Blitz Challenges

Last Updated: Dec 26, 2018

Back to basics - Form controls

https://gist.github.com/rstacruz/ef5fff943b4c0990a8f77f809797909a Entries: • Matty - https://codesandbox.io/s/y056wz28kj • Tash - https://codesandbox.io/s/jpov7my5nw • Jekku - https://j3v47nlm2y.codesandbox.io/

DVD Screensaver

https://gist.github.com/raaims/f1366b9ff6c522cf401a314e91124ff0 Entries: • Lara - https://codepen.io/rlarachan/pen/YdKPgK • Humphrey - https://codepen.io/humphreylitan/pen/NeKPEd?editors=0110 • Gel - https://codepen.io/gel-mashup/pen/QzLwdE • Kat - https://codepen.io/catrinaklaire/pen/MZgYqO

Table of contents

https://gist.github.com/raaims/177bc55e67aeb40e34f88cf7ca145e3b Entries: • Rico - https://codepen.io/rstacruz/pen/aQQJNw?editors=1100 • Dong - https://codepen.io/siyomai/pen/oQQBaw • Norms - https://codepen.io/shadowprogamer6/pen/XyyMMR • Tash - https://codepen.io/tashdiaz/pen/XyyMRR?editors=1100 • Jed - https://codepen.io/jedbautista/pen/dQQNwV?editors=0100 • Gel - https://codepen.io/gel-mashup/pen/eQQvNz • Humphrey - https://codepen.io/humphreylitan/pen/PxxWMx?editors=1100 • Julian - https://codepen.io/sbpipb/pen/wQQgOR • Kebong - https://codepen.io/ksamala034/pen/OaaWqB

Fullscreen video

Entries: • Rico - https://codesandbox.io/s/047kvy9oop • Kebong - https://codesandbox.io/s/425mz0184w • Aris - https://codesandbox.io/s/nwwk79p61p

Message form

https://gist.github.com/tashdiaz/5e14438edaafe44ecfc9f1232bdbe1f3 Entries: • Matt the cute - https://codepen.io/mattong/pen/OamQvB • Julian the cutie - https://codepen.io/sbpipb/pen/rQmdVj • Revelino - https://codepen.io/revel1/full/KrmQrP/ • Humphrey - https://codepen.io/humphreylitan/pen/OamQYd?editors=0100

Search Bar

Nov 9, 2018 https://gist.github.com/arisacoba/ea89cfafedcf9254aba487e792b79a7f Entries: • Matt - https://codepen.io/mattong/pen/RqRwOy • Jed - https://codepen.io/jedbautista/pen/eQzYoJ • Humphrey - https://codepen.io/humphreylitan/pen/RqRNVq?editors=1100 • Tash - https://codepen.io/tashdiaz/pen/LXZEer?editors=1100

Switch control

Oct 5, 2018 https://gist.github.com/rstacruz/45134955fb587a655ae766224d31a014 Entries: • Jekku - https://codepen.io/jekku/pen/EdyRJo • John Joseph - https://codepen.io/notj/pen/jerpMy • Kat - https://codepen.io/catrinaklaire/pen/NOrzVG • Darwin - https://codepen.io/dcrtantuco/pen/VEjBLg • Matt - https://codepen.io/mattong/pen/OBXwpy • Tash - https://codepen.io/tashdiaz/pen/NOrBxN • Jed - https://codepen.io/jedbautista/pen/oaLyVM • Raims pogi - https://codepen.io/raaims/pen/gBMKEJ • Rico - https://codepen.io/rstacruz/pen/ReRjaX • Julian - https://codepen.io/sbpipb/pen/ZqOjWX • Humphrey - https://codepen.io/humphreylitan/pen/EdypXp?editors=1100 • Aris - https://codepen.io/arisacoba/full/JmKZQv/

Responsive navigation

Sep 21, 2018 https://gist.github.com/rstacruz/7673110fd84a8d9bebf02814d6e8e02d Entries: • Lara - https://codepen.io/rlarachan/pen/Ooqgjz?editors=1100 • Jed - https://codepen.io/jedbautista/pen/yxwXXZ?editors=0100 • Humphrey - https://codepen.io/humphreylitan/pen/bxZrEZ?editors=1100

Shadows

Sep 17, 2018 https://gist.github.com/rstacruz/c4a9946fef103453615106f13e67ddc9 Entries: • Jekku - https://codepen.io/jekku/pen/WgabpZ • Matt - https://codepen.io/mattong/pen/YOJPjq • Humphrey - https://codepen.io/humphreylitan/pen/eLPmwa?editors=1100 • Lara - https://codepen.io/rlarachan/pen/GXYgmq?editors=1100 • Tash - https://codepen.io/tashdiaz/pen/MqPYLZ?editors=1100 • Raims - https://codepen.io/raaims/pen/LJgEeY • Gel - https://codepen.io/gel-mashup/pen/dqgPRy • Rico - https://codepen.io/rstacruz/pen/Pdyozv

Responsive tables

Sep 7, 2018 https://gist.github.com/rstacruz/87f92dd5781f717ae757cc5a14bea026 Entries: • Raims - https://codepen.io/raaims/pen/rZYOrm?editors=1100 • Normz - https://codepen.io/shadowprogamer6/pen/JaOGmq • Matty - https://codepen.io/mattong/pen/BOmjvW • Gel - https://codepen.io/gel-mashup/pen/NLwxgd • Humphrey - https://codepen.io/humphreylitan/pen/LJOGrK?editors=0100 • Jed - https://codepen.io/jedbautista/pen/zJPrrj?editors=0100 • Lara - https://codepen.io/rlarachan/pen/dqZGxo?editors=1100 • Tash - https://codepen.io/tashdiaz/pen/vzWLaO

Gradients & layered backgrounds

August 30, 2018 https://gist.github.com/rstacruz/262dca2d2ac25a1b157989eec54d8542 Entries: • Rico - https://codepen.io/rstacruz/pen/zJoddd • Revelino - https://codepen.io/revel1/pen/QVGMBN • Jed - https://codepen.io/jedbautista/pen/OobjNq • Normz - https://codepen.io/shadowprogamer6/pen/xaRLBJ • Matty - https://codepen.io/mattong/pen/WgoEqG • Gel - https://codepen.io/gel-mashup/pen/RYoZRe • Tash - https://codepen.io/tashdiaz/pen/KxNvMp • Kat - https://codepen.io/catrinaklaire/pen/aaByWL

Speed indicator

May 11 - Round 1 https://gist.github.com/rstacruz/e6a72b5cf23862d20a2c96c09d402d05 Entries: • Tash - https://codepen.io/tashdiaz/pen/BxxKMo • Lara - https://codepen.io/rlarachan/pen/aGGNwE

Video player control

April 13 - Round 1 https://gist.github.com/rstacruz/859199346e6fbe0e852a775f22af32cd Entries: • Rico - https://codepen.io/rstacruz/pen/dmEddp • Jekku hover to appreciate - https://codepen.io/jekku/pen/BreJBa • Matty - https://codepen.io/mattong/pen/LdoQzG • Darwin - https://codepen.io/dcrtantuco/pen/MVdrgp • Tash - https://codepen.io/tashdiaz/pen/BreJOL • Raims - https://codepen.io/raaims/pen/PRvOMM • Lara - https://codepen.io/rlarachan/pen/qoGVeK?editors=1100 • Mr. Dongers - https://codepen.io/siyomai/pen/aYrEbq

Basic flexbox layouts

March 28 - Round 1 https://gist.github.com/rstacruz/3999d91c7e337afbfecd92cf42bc50f6 Entries: • Jekku - https://codepen.io/jekku/pen/BrJPKj • MP - https://codepen.io/mplibunao/pen/VXyBeN

Tweet UI

March 28 - Round 2 https://gist.github.com/rstacruz/e8079a90c2ec676fb7ab037956389ecd Entries: • MP - https://codepen.io/mplibunao/pen/BrJOyw • Jekku - https://codepen.io/jekku/pen/XEVBPy

Feb 23, 2018 - Round 1

https://gist.github.com/rstacruz/eb75a48f2f121b2f4a82ce591d689097 Entries: • Rico - https://codepen.io/anon/pen/gvjvaq?editors=1100 • Raims - https://codepen.io/anon/pen/wyxyRM?editors=1100 • Lara - https://codepen.io/rlarachan/pen/GQBQPK?editors=1100 • Tash - https://codepen.io/tashdiaz/pen/ddjerJ?editors=1100

Feb 23, 2018 - Round 2

https://gist.github.com/rstacruz/d002c6a8d353fad07d93e3ff7899da07 Entries: • Rico - https://codepen.io/anon/pen/PQBQvq?editors=1100 • Raims - https://codepen.io/anon/pen/aqjGyN?editors=1100 • Lara - https://codepen.io/rlarachan/pen/gvjzrX?editors=1100 • Tash - https://codepen.io/tashdiaz/pen/QQBrmP?editors=1100 • Aris - https://codepen.io/arisacoba/pen/QQVKzP

March 2, 2018 - Round 1

https://gist.github.com/raaims/f516e421c02babd6c15bbeffda1a6c9e Entries: • Raims - https://codepen.io/raaims/pen/MQxPVq • Tash - https://codepen.io/tashdiaz/pen/NyJOya?editors=1100 • Jekku - https://codepen.io/jekku/pen/QQoZjv?editors=1100

March 2, 2018 - Round 2

https://gist.github.com/arisacoba/1831f62a42de09a1ad4908e0e00bd74f Entries: • Jekku - https://codepen.io/jekku/pen/PQLxYJ • Tash - https://codepen.io/tashdiaz/pen/QQoJbV

March 9, 2018 - Round 1

https://gist.github.com/rstacruz/641aec3e7db72183d329436b12048ca5 Entries: • Jekku - https://codepen.io/jekku/pen/pLoYEg?editors=1100 • Aris - https://codepen.io/arisacoba/pen/yKLwvg • Lara - https://codepen.io/rlarachan/pen/PRoLxo • Darwin - https://codepen.io/dcrtantuco/pen/rdNRWy • MP - https://codepen.io/mplibunao/pen/XEWGKM • The Dong - https://codepen.io/siyomai/pen/vRYPVM • Tash - https://codepen.io/tashdiaz/pen/jzOJjB

March 9, 2018 - Round 2

https://gist.github.com/rstacruz/f1221abbe4109544a8acb7ea7acb23d6 Entries: • Jekku - https://codepen.io/jekku/pen/xWxebQ • Aris - https://codepen.io/arisacoba/pen/zWYXjb • Lara - https://codepen.io/rlarachan/pen/zWYQvO • Darwin - https://codepen.io/dcrtantuco/pen/NYWmGd • MP - https://codepen.io/mplibunao/pen/oqNOzr • The Dong - https://codepen.io/siyomai/pen/RMwmag • Tash - https://codepen.io/tashdiaz/pen/XEWQPG

March 16, 2018 - Round 1

https://gist.github.com/rstacruz/23459ae87516e411eb712805675578d9 Entries: • Rico - https://codepen.io/anon/pen/geMqVp • The Dong - https://codepen.io/siyomai/pen/YaWgOq • Jekku - https://codepen.io/jekku/pen/jzrJEw • JP - https://codepen.io/XerxesRegulus/pen/rdLboe • Gel - https://codepen.io/gel-mashup/pen/pLbYNp • Matt - https://codepen.io/mattong/pen/dmXrZy • Jason - https://codepen.io/anon/pen/YaWgNz • The Dong - https://codepen.io/siyomai/pen/YaWgOq • Darwin - https://codepen.io/dcrtantuco/pen/VXjRvo

March 16 - Round 2

https://gist.github.com/rstacruz/066dc31d3e6b19037613892afbbde581 Entries: • Jekku - https://codepen.io/jekku/pen/qoNvJB • JP - https://codepen.io/XerxesRegulus/pen/vRKPVK • Darwin - https://codepen.io/dcrtantuco/pen/ZxOPmV • The Dong - https://codepen.io/siyomai/pen/EEyJVx

Next: Product Playbook

Connect.

Mashup Garage, a premier software development team, specialises in crafting exceptional products for startups and enterprises. With expertise in React, Elixir/Phoenix, and Ruby on Rails, we deliver solutions that meet your unique needs. Our mission is to bring value backed by decades of technical expertise and global co-founding experience.

What do you need help with?

Build a project

Build a team

Consult

Speak to someone

Expect a guaranteed response from us in 1-2 business days.

United Kingdom

London

Islington, London

+44 738 777 3405

LDN

Philippines

Manila

3F Topy IV Building, 3 Economia Road, Bagumbayan, Quezon City, 1110

+63 917 3084089

MNL