Hi, my name is Chad.
I’m a designer and frontend web developer.
I’d like to show you my work.

Let’s go!

I design, build, and hack for the web.
Here are some of the ways I do this:

 

(

Makers gonna Make

I love designing and building things with HTML, CSS and jQuery. I’ve recently been diving into the world of preprocessors so SASS & Compass are becoming my new best friends.

Q

Design for anywhere

The ‘second screen’ is a thing. So I like to make sure content can be consumed and interacted with, on as many devices as possible. Best way I know how is to wireframe and prototype, and iterate quickly.

f

User centered design

It doesn’t matter how gnarly and perfect your code base is. I don’t care how real your button design feels. Does the system work the way the user expects? This is the carrot I’m always chasing after. Doing the research and asking the right questions is the name of the game.

About

Hi, my name’s Chad Bercea,

and before I could speak I learned to draw. When the Norse Gods gave me the Internet, I learned to code. Now I live and work in San Francisco, CA, focusing on Print, UI/UX, CSS3, even Motion Graphics. I also frequently hack on Node.js with friends. I’m extremely passionate about my work, but when I’m not shipping code or pixels, I read comic books, volunteer my time to a nonprofit cafe, play the drums, program beats, and enjoy making people laugh with my ridiculous use of the english language.

  • About Slider
  • About Slider

User interface things

These are some things I built for me to use. But I haven't found a use for them yet so I'll just leave them here for now.

Tabs

  • Phasellus sagittis, elit nec suscipit bibendum, quam nulla consequat massa, a rhoncus tortor urna eget tellus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis.
  • Ut fermentum egestas nisi id congue. Ut posuere, tortor nec ultrices lacinia, odio leo varius erat, non semper augue leo ut ante. In malesuada accumsan fringilla. Ut neque.
  • Etiam ut turpis erat. Quisque gravida purus sit amet erat sollicitudin pretium. Mauris ante odio, sagittis quis tempus in, commodo non mauris. Fusce nibh orci, tempus in dapibus.

Info Messages

Success message
Error message
Warning message
Info message

Toggles

Button text One

Nunc convallis, libero vel condimentum faucibus, lectus enim cursus quam, at rhoncus erat lacus ut erat. Donec lacinia accumsan fermentum. Nullam lectus neque, fermentum sit.

Button Text Two

Nunc convallis, libero vel condimentum faucibus, lectus enim cursus quam, at rhoncus erat lacus ut erat. Donec lacinia accumsan fermentum. Nullam lectus neque, fermentum sit.

Button Text Three

Nunc convallis, libero vel condimentum faucibus, lectus enim cursus quam, at rhoncus erat lacus ut erat. Donec lacinia accumsan fermentum. Nullam lectus neque, fermentum sit.

Accents and Highlights

Accenting words to keep consistent with your theme’s color is easy!

You can also highlight words to make them stand out. Choose any color and opacity.

Buttons

Small Button

Medium Button

Large Button

Small Button

Medium Button

Large Button

Blockquote

For me, design is like choosing what I’m going to wear for the day – only much more complicated and not really the same at all.

Grids omfg grids!

Bootstrap'd like a boss. I just try and make sure my stuff doesn't look like everyone else's bootstrap stuff.

One Half

Suspendisse vitae magna dui. Duis accumsan sapien ac enim viverra non tempor lectus sollicitudin. Integer vel lorem velit, in pretium nisl. Cras tincidunt dignissim diam.

One Half

Suspendisse vitae magna dui. Duis accumsan sapien ac enim viverra non tempor lectus sollicitudin. Integer vel lorem velit, in pretium nisl. Cras tincidunt dignissim diam.

One Third

Suspendisse vitae magna dui. Duis accumsan sapien ac enim viverra non tempor lectus sollicitudin. Integer vel lorem velit, in pretium nisl. Cras tincidunt dignissim diam.

One Third

Suspendisse vitae magna dui. Duis accumsan sapien ac enim viverra non tempor lectus sollicitudin. Integer vel lorem velit, in pretium nisl. Cras tincidunt dignissim diam.

One Third

Suspendisse vitae magna dui. Duis accumsan sapien ac enim viverra non tempor lectus sollicitudin. Integer vel lorem velit, in pretium nisl. Cras tincidunt dignissim diam.

One Fourth

Suspendisse vitae magna dui. Duis accumsan sapien ac enim viverra non tempor lectus sollicitudin. Integer vel lorem velit, in pretium nisl. Cras tincidunt dignissim diam.

One Fourth

Suspendisse vitae magna dui. Duis accumsan sapien ac enim viverra non tempor lectus sollicitudin. Integer vel lorem velit, in pretium nisl. Cras tincidunt dignissim diam.

One Fourth

Suspendisse vitae magna dui. Duis accumsan sapien ac enim viverra non tempor lectus sollicitudin. Integer vel lorem velit, in pretium nisl. Cras tincidunt dignissim diam.

One Fourth

Suspendisse vitae magna dui. Duis accumsan sapien ac enim viverra non tempor lectus sollicitudin. Integer vel lorem velit, in pretium nisl. Cras tincidunt dignissim diam.

One Fifth

Suspendisse vitae magna dui. Duis accumsan sapien ac enim viverra non tempor lectus sollicitudin. Integer vel lorem velit, in pretium nisl. Cras tincidunt dignissim diam.

One Fifth

Suspendisse vitae magna dui. Duis accumsan sapien ac enim viverra non tempor lectus sollicitudin. Integer vel lorem velit, in pretium nisl. Cras tincidunt dignissim diam.

One Fifth

Suspendisse vitae magna dui. Duis accumsan sapien ac enim viverra non tempor lectus sollicitudin. Integer vel lorem velit, in pretium nisl. Cras tincidunt dignissim diam.

One Fifth

Suspendisse vitae magna dui. Duis accumsan sapien ac enim viverra non tempor lectus sollicitudin. Integer vel lorem velit, in pretium nisl. Cras tincidunt dignissim diam.

One Fifth

Suspendisse vitae magna dui. Duis accumsan sapien ac enim viverra non tempor lectus sollicitudin. Integer vel lorem velit, in pretium nisl. Cras tincidunt dignissim diam.

Blog

I internet really well so its probably time to blog badly. Thats the progression, yes?

By

I think people believe moments only matter if other people know those moments existed or if they broadcast them. I tend to think moments mean so much more when shared between just the people that experienced them together, in that moment. Yes we want to share our lives with those that matter. But if every moment has to be broadcast online, how is that defining our approach to the world around us, while off-line? Do we sacrifice awareness as we fumble for our iphones to snap a picture? Are we diminishing our experiences together as we tell everyone on Facebook who we are with, but not really with because we are busy telling everyone else how much fun we are having with the people we are with?

By

Birds born in a cage think flying is an illness. – Alexander Jodorowski

Designing On A Team Graphic
By




Asking “Why” Part 1

One of the most common occurrences in this world we lovingly call design, is that of forming a “design language” around a project. And without fail, people start dropping buzz-word-bombs. It happened on the last web project I was on. It’s happened on every web project I’ve been on. People do this. But not me (ok that’s a lie we all have done this).

Where I used to get all angst-y and pissed off, I now feel like I have a great grasp on how to deal with these bombs. Even if I’m the one that drops them. Which I don’t do. We covered this.

Ask “Why?”. Why does this need to be a “Flat” design? Why do we need 3 bullets and a circle graphic and a bright pink button WHEN WE DON’T EVEN KNOW WHAT THE CONTENT IS OR WHO WE ARE TRYING TO SELL TO?! Ok sorry for yelling turns out I’m not over that angst.

But honestly the goal here is to find that answer to the question. Is the answer, “because I saw yourkarma.com do it and its sick as fuck”? Or is the answer, “I think this is the best way to visually communicate the message to the user/audience/visitor based on research and testing” Or “I have tried various things *shows things* and this is the best one because *gives sound reasons backed by logic and thinking*”?

One of those hypotheticals is the right answer and with sound logic or even an, “I don’t know, but I think we should try this because __________” is better than doing something because of an established trend or some bullshit.

Ask “Why”, kids. If you’re not challenged, you’re not growing.

Contact

I love to make new friends

Send a Message

Your Name (required)

Your Email (required)

Subject

Your Message

Contact Info

Have a question or just want to say “Hi”? Thats awesome! I want to say Hi as well!

  • , 121 2nd St, Fl4 San Francisco CA
  • O (415) 230-0489
  • @ chad@chadbercea.com