diabondi.com is a custom website I made for Dia Bondi. Technical: WordPress using a customized Roots template, which is built off of Bootstrap. Several iterations where made of this site both in design and in code. The website is responsive and will adjust to phone and tablet screens. Visually, this site was designed to be […]
Category Archives: Design
“View Selection Source” – How Mozilla Teaches the Web Through the Firefox Context Menu
Right-click, that menu that pops-up is the context menu. We all use this menu every day. It is a list of options that changes in context to what you select. Just a boring menu, right? No. Web developers and hacker have a love for the “Inspect Element” option. When selected it lets the user dig […]
Note Organization
In preparing for an upcoming meeting, I printed out many sheets of paper to write notes. I soon realized this mess of papers, many of which were from sets of multiple page documents, presented a problem. Enter design solution. I made color coded shapes so I could visually organize which pages belong together and then […]
Get Involved Links, One Way Mozilla Goes From Mission To Reality
I have a huge interest in how organizations walk their talk. After reading a recent article in Fast Company about TOMS mission, my mind was primed to think about how Mozilla makes its mission a reality. There are two great examples of this. First is in Firefox. The Firefox about screen briefly explains Mozilla and offers, […]
Life Without Modern Technology
Last month I spent about a week at Tassajara Zen Mountain Center, San Francisco Zen Center’s monastery. I was there during work period. It was a fantastic experience. Growing up in modern society, I never experienced being an adult without modern technology like computers and cell phones. Sure I could very easily hide my laptop and […]
Hold a Mango!
Has anyone else noticed this? If you hold a mango a certain way it fits perfectly in your grip. Nature you ergonomic genius.
Capture Mozilla Badge
The Capture Mozilla team decided to take part in Mozilla’s Open Badges initiative so we could give recognition to people participating in the Capture Mozilla project. I designed a simple badge using the Capture Mozilla icon 🙂
Subway Labs Designs
This was a quick mockup I made for redesigning the Subway Labs website. Feedback was good. Ultimately, they went with a bootstrap template for ease of integration.
Capture Method Ideas
As part of the Construct Your Story document, I created the Capture Method Ideas document to help spark creativity around how a video can be done. One of the main roadblocks in how to make a video is how to shoot the video. It’s easy to think it needs to be a particular way but it really […]
Construct Your Story
Video knowledge sharing is only successful if people create knowledgeable videos. As a designer, if something is repeated many times that is a clue that there is opportunity for better design. I kept hearing that people wanted to make videos but had trouble translating their idea into a video. I knew I could help. The design […]