CSS Blitz Challenges
Last Updated: Dec 26, 2018
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
Dive into our latest musings and discoveries. Our blog is a window to the trends shaping the future and reflections on our journey.
Exploring horizons, sharing insights.
From building minimum-viable-products to managing existing products, we created product teams and managed them within Mashup Garage. We work with companies of different stages and together we built products and launched them.
From building minimum-viable-products to managing existing products, we created product teams and managed them within Mashup Garage. We work with companies of different stages and together we built products and launched them.
From building minimum-viable-products to managing existing products, we created product teams and managed them within Mashup Garage. We work with companies of different stages and together we built products and launched them.
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
Philippines
Manila
3F Topy IV Building, 3 Economia Road, Bagumbayan, Quezon City, 1110
+63 917 3084089