Because sometimes all you have is 5 minutes …
Bramus is …
🔨 … a webgeek who understands that web development is a craft. From the moment he discovered
view-source
at the age of 14 (way back in 1997 😅), he fell in love with the web and has been tinkering with it ever since.👨💻 … a developer specialized in frontend development (JavaScript/ES2015+, HTML, CSS) but also fluent in backend development (PHP, MySQL), all with an eye for UX and Design. Not limiting himself to only a part of the stack, he also likes to tinker with related technologies such as (cloud) infrastructure (Docker, GCP, Serverless, …), Automation and Tooling (CI/CD), App Development (React Native), etc.
🧠 … known for his broad knowledge, delivering quality, and working in an organized & structured manner. Also takes ownership and leads the pack if need be.
⚡️ … distinguishable from the crowd by having good communication skills, being on top of his game, and taking an inventive approach.
👨🏫 … a person who loves to share his passion for technology either through blogging, public speaking, or running workshops. With his background as a lecturer "Web & Mobile" at University College Odisee (Ghent), he's familiar with talking to audiences both big and small, and is well trained in prepping workshops and course materials.
👀 … currently focusing on CSS / JavaScript / React.
Technology-namedropping: HTML, CSS, CSS Flexbox, CSS Grid, Responsive Web Design, Vanilla JavaScript (ES2015+), React, Redux, React Native, Next.js, Astro, 11ty, Websockets, Grunt, Gulp, Webpack, NodeJS, Express, CoffeeScript, Stylus, Less, Tailwind, Jade, Ionic1, npm, yarn, PHP, Silex, PHPUnit, Composer, Symfony, Twig, REST API Design, Hypermedia APIs, HTTPS & certificates, MySQL, Temporal Databases, PostgreSQL, SQLite, MongoDB, Redis, InfluxDB, RabbitMQ, Git, Bash, Makefiles, SSH, Deployment, Travis-CI, Circle-CI, Bitrise, GitHub Actions, Netlify, Google Cloud Platform, Terraform, Cloud Functions, Heroku, Frontend Optimization, SVG, Web Components, jQuery, UTF-8, Iñtërnâtiônàlizætiøn, GIS, Markdown, ...
- First Name: Bram
- Last Name: Van Damme
- Nickname: Bramus
- Address: Groeneweg 170, 9870 Machelen-Zulte, Belgium
- Phone: +32 475 90 38 25
- Website: https://www.bram.us/
- E-mail: bramus@bram.us
- Twitter: @bramus (±5200 followers, measured December 2021)
- GitHub: https://github.com/bramus/
- CodePen: https://codepen.io/bramus/
- Date of Birth: December 26, 1983
- Place of Birth: Gent, Belgium
- Nationality: Belgian
- Spouse: Elke Van Ruyskensvelde
- Children: Finn (°2009, co-parenting), Tila (°2011, co-parenting), and Noah (°2020)
- Bachelor's Degree ICT, with honors (2005)
- Mid-term Projects: Instant Messenger (Java); Cisco Switch SNMP Monitor (C#)
- End-term Project: “Development of an intranet site using PHP and MySQL.”
- High School Degree Informaticabeheer, laureate (2002)
- End-term Project: UDP Instant Messenger (VB6)
(April 2007 – Present)
Back in 2007 I started 3RDS as a Secondary Profession. For 10 years I served my own customers and ran my own projects, as well as doing some freelance work for other companies.
After +10 years of running 3RDS on the side, it transformed into a full-time business mid 2017. 3RDS still remains a one man shop, ran by Bramus, specialised in both frontend (JavaScript/ES2015+, HTML, CSS) and backend (PHP, MySQL) development, with an eye for UX and Design.
Selected clients/work:
- Workshop Instructor
- Modern JavaScript met ES2015+
- React from Scratch
- VRT Creative Lab (2021):
- Development of a Next.js-based application (currently under NDA)
- Research into Roblox and other Metaverses
- C-All Monitoring Platform (2016 — 2021):
- Architecture and Development of C-All Webapp, a Wholistic Monitoring Platform for Petrol Stations (and more)
- Deployment to Google Cloud Platform
- De Persgroep Publishing (2017 — 2018):
- React Native Mentor for various Squads (Teams)
- Development React Native App “AD.nl” as part of the Rubik Squad (iOS, Android)
- EV-Point (2013 — ongoing): Chargepoint Network for Electric Vehicles:
- Architecture and Development of OCPI, The open and independent roaming protocol for electric vehicles integration
- Architecture and Development of OCPP/OCPP-J Central System Services
- Architecture and Development of MyEV.be platform (Cardholder, Distributor, Landlord, and Admin websites)
- Architecture and Development of REST API
- Architecture and Development of React Native App “EV-Point MyEV” (iOS, Android)
- Server Management
- Small Town Heroes (2012, 2014):
- Frontend Development for several live TV-show experiences
- USE-IT (2007 – 2021):
- Server Management
- Development of various websites
- Project Management USE-IT Europe App
- Maintenance DB-tool
- Architecture and Development of USE-IT API
(December 2018 – June 2021)
Late 2018, the companies 3RDS and vSwitch joined forces using the vBridge moniker. Thanks to this synergy, vBridge is able to thrive at the intersection of Industrial IoT, Cloud Infrastructure, and Modern Web Applications.
With vBridge set on the rails and launched, vBridge continues without 3RDS ever since Q2 2021, focussing on what they're extremely good at: Cloud Infrastructure.
(October 2015 – June 2017)
Selected works:
- App “Karrewiet” (React Native)
- Zender Live Webplayer (React): o.a. Ketnet Koekenbak, De Krook, The Passion 2017
- Zender Stories Webplayer (React): o.a. CultureClub Magazine
- App “De Allesweter” (Ionic)
- Games for the Ketnet & Ketnet Junior Apps: Find the differences, Memory, Quiz, Pollvote, etc. (HTML, Coffeescript, Stylus)
- The Passion 2017: Testimonials (React, Canvas), integration with Zender Live Platform
(October 2008 – October 2015)
Courses:
- Webtech (HTML, CSS)
- Programming 1 (Java)
- Clientside Webscripting (JS)
- Serverside Webscripting (PHP)
- Advanced Webscripting (Adv. PHP, API Design)
- Databases (MySQL)
- Web & Mobile Specialty Course (Adv. JS, Responsive Web Design, Web Apps, Hybrid Apps)
- Web Developer @ Netlog NV, Gent (August 2008 – October 2008)
- Web Developer @ Netlash, Gent (September 2007 – August 2008)
- New Media Developer @ Wax Interactive, Sint-Martens-Latem (February 2006 – September 2007)
- Web Developer @ Tallieu & Tallieu, Deinze (September 2005 – February 2006)
Destinations:
- Belgium: Put van Ekeren, Zilvermeer, Blaarmeersen, Quarries, … (regularly)
- The Netherlands: Grevelingenmeer & Oosterschelde (regularly)
- Egypt: Red Sea (Autumn 2015, Spring 2017, Autumn 2018, Autumn 2021)
- Australia (Summer 2008)
- Malta (Summer 2015, Autumn 2019, Spring 2021)
- Tenerife (Autumn 2015)
- Maldives (Spring 2016,
Autumn 2020) - Thailand (Autumn 2017)
- Philippines (Summer 2018)
- Gran Canaria (Autumn 2018)
- Mexico (Autumn 2019)
Recreational Diving Certifications:
- SSI Open Water Diver (2009.07.20)
- SSI Adventure Diver (2009.07.21)
- PADI Night Diver (2015.07.08)
- PADI Enriched Air Diver (2015.07.08)
- PADI Advanced Open Water Diver (2015.07.08)
- PADI Deep Diver (2015.07.12)
- PADI Wreck Diver (2015.07.30)
- PADI Underwater Navigator (2015.08.22)
- Emergency First Responder (2015.12.13)
- PADI Drift Diver (2016.05.18)
- PADI Dry Suit Diver (2016.05.28)
- PADI Rescue Diver (2016.05.29)
- PADI Master Scuba Diver (29/05/2016)
Professional Diving Certifications:
- PADI Divemaster (August 2017, Certification ID #405966)
- PADI DSD Leader (WIP)
4.2 Tech Blogger at Bram.us
My blog Bram.us was established in 2001 and has about ~25k monthly visitors.
Main topics are web related technologies (CSS, JS, PHP, …), along with other geeky things (robots, space, …) and personal interests (cartography, music, movies, …).
There are two post categories: “Original Content” and “Elsewhere”.
- Original Content = Posts with self-created content.
- Elsewhere = A collection of links/videos/photos/etc I find interesting, mostly accompanied by a personal comment or addition.
Popular/Interesting “Original Content” posts (selection):
- The Future of CSS: Scroll-Linked Animations with
@scroll-timeline
(Part 1) (February 2021) - The Future of CSS: Scroll-Linked Animations with
@scroll-timeline
(Part 2) (March 2021) - The Future of CSS: Cascade Layers (CSS
@layer
) (September 2021) - CSS in 2022 (December 2021)
- The CSS
:has()
selector is way more than a “Parent Selector” (December 2021) - Prevent unwanted Layout Shifts caused by Scrollbars with the
scrollbar-gutter
CSS property (July 2021) - The Large, Small, and Dynamic Viewports (July 2021)
- Three important things you should know about CSS
:is()
(March 2021) - CSS Container Queries: Container Relative Lengths (September 2021)
- Cancel a JavaScript Promise with AbortController (December 2017)
- Simple Image Gallery with
display: grid;
andobject-fit: cover;
(July 2020) - Aspect Ratios in CSS are a Hack (June 2017)
- Native Aspect Ratio Boxes in CSS thanks to
aspect-ratio
(November 2020) - Vertical margins/paddings and Flexbox, a quirky combination (July 2017)
- Building Better Forms™ by not taking away affordances (January 2019)
- Form Validation: You want
:not(:focus):invalid
, not:invalid
(January 2021) - Animating a CSS Gradient Border (January 2021)
- Smooth Scrolling Sticky ScrollSpy Navigation (January 2020)
- ESNext: JavaScript “Optional Chaining Operator” (January 2017)
- ESNext: JavaScript “Nullish Coalescing Operator” (February 2018)
- 2021
- “Scroll-Linked Animations with CSS Scroll-Timeline” at CSS Conf Colombia (Lightning Talk, Online) (writeup + slides)
- “Optional Chaining and Null Coalescing, a Golden Duo” at Web Directions Global Scope (Full Talk, Online)
- “Scroll-Linked Animations with CSS @scroll-timeline” at CSSCamp Barcelona (Full Talk, Online)
- “ESNext: Proposals to look forward to” at JSCamp Barcelona (Full Talk, Online)
- 2020
- “ESNext: Proposals to look forward to” at ESNextConf (Full Talk, Online) (writeup + slides + video)
- “Going Serverless with Google Cloud Run” at JSConf.be (Full Talk, Online) writeup + slides + video
- 2019
- “React from Scratch” at Full Stack Europe (Workshop, Antwerpen) (slides)
- “JavaScript Yellow” at Full Stack Europe (Lightning Talk, Antwerpen) (video)
- “ESNext: Proposals to look forward to” at Full Stack Europe (Full Talk, Antwerpen) (writeup + slides)
- “JavaScript Yellow” at Fronteers Conference (Jam Session / Lightning Talk, Amsterdam)
- 2018
- “What's next for JavaScript” at Frontend United (Full Talk, Utrecht) (writeup + slides)
- “What's next for JavaScript” at JSConf.be (Full Talk, Brugge)
- “ESNext: Proposals to look forward to” at Fronteers Conference (Jam Session / Lightning Talk, Amsterdam) (video)
- 2021
- “Scroll-Linked Animations with CSS Scroll-Timeline” at CSS Café (Full Talk, Online) (writeup + slides + video)
- Guest on “Dev Roulette Live” by Stephanie Eckles (Interview, Online) (writeup)
- “CSS: Understanding the Cascade” at Full Stack Ghent (Lightning Talk, Gent)
- 2020
- “Going Serverless with Google Cloud Run” at Full Stack Ghent (Full Talk, Gent) (writeup + slides)
- 2019
- “ESNext: Proposals to look forward to” at Full Stack Ghent (Full Talk, Gent) (writeup + slides)
- “ESNext: Proposals to look forward to” at Full Stack Antwerp (Full Talk, Antwerpen) (writeup + slides)
- 2018
- “ESNext: Proposals to look forward to” at JavaScript Usergroup Belgium (JSBE) (Full Talk, Mechelen)
- “What's next for JavaScript” at Fronteers België
- 2015
- “Hybrid Apps with Ionic Framework” at Fronteers België (writeup + slides)
- 2014
- “JavaScript Roots: Core Language Essentials” at Fronteers België
- 2013
- “Geoshizzle, braintwists of a mapping afficionado” at Fronteers België (writeup + slides)
- 2012
- “RESTful APIs” at Fronteers België
- Fronteers Conference, Amsterdam (2010, 2011, 2012, 2013, 2014, 2015, 2016 Spring, 2017, 2018, 2019)
- CSS Day, Amsterdam (2013, 2015, 2016, 2017, 2018, 2019)
- Mobilism, Amsterdam (2012, 2013, 2015)
- Responsive Day Out Brighton (2013, 2014, 2015)
- DotJS, Paris (2012, 2013)
- FOWD, London (2008)
- JSConf.be (2017, 2018, 2019, 2020)
- Frontend United (2018)
- Full Stack Europe (2019)
- ESNextConf (2020 (online))
- State of the Browser, London (2021 (online))
- CSS Conf Colombia (2021 (online))
- Fronteers België Meetups
- Full Stack Ghent / Full Stack Antwerp Meetups
- JavaScript Usergroup Belgium (JSBE) Meetups
- “Embrace The Platform” on CSS-Tricks (Dec 2021)
- “Scroll-Linked Animations With the Web Animations API (WAAPI) and ScrollTimeline” on CSS-Tricks (Nov 2021)
- “Practical Use Cases for Scroll-Linked Animations in CSS with Scroll Timelines” on CSS-Tricks (July 2021)
- Lead Tech Reviewer “Debugging CSS” by Ahmad Shadeed, Self-Published (November 2020)
- Lead Tech Reviewer “Learning Ionic” by Arvind Ravulavaru, Packt Publishing (July 2015)
- Lead Tech Reviewer “Google Maps JavaScript API Cookbook” by Alper Dincer and Balkan Uraz, Packt Publishing (December 2013)
- Paper + Slidedeck “Why Game Developers Should Care About HTML5”, Novática (October 2014)
- University Course Materials “Webscripting 1: Serverside Webscripting” (2011 - 2015)
- University Course Materials “Webscripting 2: Serverside Webscripting” (2011 - 2015)
- University Course Materials “Rich Internet Applications” (2011 - 2013)
- University Course Materials Web & Mobile Development (2014 - 2015)
@bramus/pagination-sequence
— Generate a sequence of numbers for use in a pagination system, the clever way.css-houdini-circles
— A CSS Houdini Paint Worklet to draw background circles.css-houdini-voronoi
— A CSS Houdini Paint Worklet that draws a Voronoi Diagram as a background image.- WebHID Demo: Elgato Stream Deck Daft Punk Soundboard
react-native-maps-directions
, a directions Component forreact-native-maps
(±120K downloads, measured October 2019)- ANSI-PHP, ANSI Control Functions and ANSI Control Sequences (Colors, Erasing, etc.) for PHP CLI Apps (±850K downloads, measured October 2019)
- Colored/ANSI Line Formatter for Monolog (±800K downloads, measured October 2019)
- Bash/Shell Autocompletion for Composer
- Mixed Content Scan, Scan your HTTPS-enabled website for Mixed Content (±5K downloads, measured October 2019)
bramus/router
, A lightweight and simple object oriented PHP Router (±52K downloads, measured October 2019)bramus/enumerations
, Yet Another Enumeration Implementation for PHPbramus/reflection
, A library that tries to make PHP's built-in Reflection better- Configure your new Mac easily with
./freshinstall
gcloud-kms-scripts
, A collection of scripts here to help interact with Google's Cloud Key Management Service (KMS)terraform-gcloud-service-account
, Easily create a Service Account with certain IAM Roles appliedterraform-gcloud-http-cloud-function
, Terraform deploy a local folder to a Google Cloud Function that can be triggered over HTTPgoogle.maps.Polygon.moveTo()
Polyfill
- Bubbledivers Diving Club: Member, Chairman “Training and Swimming Pool Working Group”
- Scouts- en Gidsen Vlaanderen / Scouting Deinze: Member, Former Scout Master, Former Head Scouts Master, Former Chairman Lokaalcommittee, Former Co-governor non-profit “Scouting Deinze”
- Fronteers, vakverening voor front-end developers: Member, Guest Speaker, Former Member Education Committee
- Regular mentions on Tech Blogs such as CSS-Tricks, Smashing Magazine, Web.dev, Sidebar, …
- Community Highlight on web.dev (Dec 2021)
- Inclusion in the list of People in The State of CSS 2021 Survey (Dec 2021)
- Inclusion in Michelle Barker's 2021 in Review (Dec 2021)
- Nice words from Jeremy Keith on my “Embrace the Platform” post on CSS-Tricks
- Mention on The Shoptalk Show #494, by Chris Coyier and Dave Rupert (jumpt to the 34:05 mark)
Still not convinced? Feel free to ask around:
- Mathias Bynens, Chrome DevTools and V8 Engineer at Google
- Joris Roos, Chairman USE-IT
- Patrick Debois, Inventor of Devops, (CTO while at Small Town Heroes)
- Una Kravets, Web Developer Advocate at Google
- Adam Argyle, Chrome CSS Developer Advocate at Google
- Chris Coyier, Author at CSS-Tricks, Co-Founder at CodePen
- Thomas Steiner, Web Developer Advocate at Google
- Patrick Santana, Principal Consultant at Moogu (SCRUM Master of the Rubik Squad while at De Persgroep)
- Lennart Schoors, CEO Lensco (Colleague while at Small Town Heroes)
- Alex De Swaef, CEO EV-Point
- Davy De Winne, Lecturer Web & UX (Colleague while at Odisee)
- Thomas De Bruyne, CEO Cafeine (Colleague while at Tallieu & Tallieu)