Posts Tagged ‘web development’

BigBadCollab: Ten Questions

Friday, March 5th, 2010

We thought it might be helpful to hear our voice through the questions that we have collected through our practice…then have a co-founder answer them for you. If you come up with more questions, simply drop in a comment below and we will do our best to answer it for you. Enjoy!

1. “Why is your company name, “BigBadCollab”?”

Ben: Great question. Its one we hear a lot. Here is how I tend to explain it in meetings. “Big” describes the size of our company and the size of our ideas. There is always a question of “How big is your company?”. We are like, “um… look at our name. It says big”. “Bad” simply means the work we do is “bad”, but like Michael Jackson bad, which means it is great, if that makes sense. “Collab” is for the way we work with both our clients and resources. We scale according to project size and work load and want true relationships with both our clients and resources we work with. We engage work with a transparent communication style that helps position us as collaborative partners in a project, rather than outsourced resources.

2. “What is your project management method?”

Mark: Our methods are purposeful, intentional, and communicative. We use a tried and true method that is set but organic–tested and re-tested across over eight-hundred website launches of consistently establishing a documented understanding of the dimensions of a project (people, budget, goals, resources, time lines, etc). We then move the project at launch into our collaborative space for project management so that by roles and responsibilities, all those involved with the project have on-going visibility and participation in the project. We conduct weekly production meetings around each aspect of the project, ensuring its health along with applying corrective measures if we need to, and communicating all of this in motion going forward. Milestones and sometimes greater detail when necessary tells us all how we are proceeding (budget, time, resources, and work to be done). When we conclude, everyone knows, we have hit the goals, managed budget, time and resources. Essentially, we manage the project, and this is what sets us apart from so many others.

3. “How does your company culture affect your services?”

Mark: Culture defines and impacts so many things. From the outward expression of what we value to the client, to the in-office expression of authentically caring for one another. Culture is the definition of our core values, lived out in our daily work and words. It is the silent governor that helps us to know what is aesthetic, energizing, and positive. In our office, its the elements also of environment like streaming music, lighting, and even art.

4. “What kind of project would you say is the ‘sweet spot’ for BBC?”

Ben: Our sweet spot, wheel house projects are ones that involve a vision or destination that is trying to be reached. We love hearing clients explain what they want and dream for a project and then working with them to accomplish that dream. We are more than capable to respond to projects with work like a simple WordPress Theme, Website with Content Management System, iPhone App, but really love partnering in on a vision. The main reason for this is simple for us. We love making what seems to be the impossible, possible.

5. “Why do you believe your company is an ‘expert resource’?”

Ben: Experience. Our combined experience is vast, random and even a little strange. We have worked on so many different types of projects that our problem solving capacity is high. We look projects with a wide variety of options in mind. We aren’t sold and committed to one solution to every project. We have worked out solutions to connect point of sell machines to websites. We have built websites that had to integrate with six data sources. We have migrated data from one platform to another. We have designed skins on top of GPS navigation systems and kiosks that seemed impossible to get a sophisticated design on. We have built sites that work on all mobile platforms. We think about all this when engaging on client projects and come up with a truly customized solution to the problem.

6. “How is your company prepared to work on our particular project?”

Mark: We are built to respond. We scale, have investment capital, and are disciplined to execute. We have many methods that guide from inception through delivery–ensuring excellence across the board.

7. “How old are you as a company? How many people do you have?”

Ben: We started this adventure in October of 2008. We have two full time, in-office guys, and a long list of partners that we work with. It may seem like a little bit of a cop out answer, but we are as big as we need to be. We scale according to project size and work load. We have been as big as ten “workers” at one time and then back to just two. Every client is different and every project requires a specific set of talent that we engage per project. This keeps ‘custom’ in place while not forcing a ‘cost’ on our clients.

8. “What services do you provide the most?”

Mark: In the ‘unlisted’ sense of the word, “Leadership”. We are deeply experienced, thoroughly market-educated, and have deployed global projects across the span of our combined careers. So much success centers on the need for authentic leadership that this intrinsic value is simply a fabric of ‘who we are’, not necessarily ‘what we do’. Leadership focuses in on knowing what to do and when, and the real paydirt is not in a product or service offering, but knowing how to really get stuff done. Plain and simple.

9. “Ben, what are your favorite design tools and aesthetics?”

Ben: Wow. Well. Dang. Talk about putting me on the spot. My favorite design tools are Photoshop and Illustrator for production. I LOVE drawing on dry erase boards and most of my initial web comp sketches are done there. There is also something magical about drawing in a Moleskin with a black pen and sharpie. Love that.

My favorite aesthetics can probably best be described in a list, so here we go:

I love graffiti and wheat pasted posters. I love hand pulled, screen printed posters. I love texture. I love big, fully grown trees and the way their branches grow out to grab some light. I love old rusted signs and any elements that have put up a fight against nature and lost. I love old toys and figures that have “seen better days”. I love anything that you can tell has been loved by it’s owners. I love distressed leather, exposed wooden beams, brick and metal with the welds showing. I love the details of guitars and drumsets. I love what CDs look like after spending 4 seconds in a microwave (Careful!!), and I love the look of a fresh tattoo.

10. “Mark, what is the best description for knowing our work will be cared for?”

Mark: Our clients and their willingness to continually turn to us for more support is the best possible description of knowing your work will be cared for. As a trusted expert resource, our clients know their work will be cared for–and that is the same thing you can count on.

Vision into Movement

Monday, March 1st, 2010

The best labors are a real workout. We start early…like uncomfortably early when your body is still cold no matter what you do and your brain is fuzzy while sipping the first tall six shot latte with heavy whip. You fill a room with brilliant, God-fearing leadership that are covered in vision, goals, and an unquenchable energy.

Our methodology is to lead out in mental sprint sessions, followed by walking-it-out strategy, lots of whiteboard sessions, and more. Of course, lunch is in…and we are working. Afternoon brings more sprints, burn down chart building, walking it out followed by more sprint sessions.

This stuff is addictive. And we love what we get to do, and who we get to do this stuff with…but we never kiss and tell.

Creative Work Environment

Wednesday, February 10th, 2010

Yesterday I was having an interesting conversation about being a designer and how burnout seems to be a common thing at times. There are days where things just seem hard, weird, out of sync. Your Apple products aren’t as exciting as they usually are, you can’t figure out what music to listen to, you just feel blah. As we talked I shared with him some of my tricks and realized that this might be something worth sharing.

Your environment is something that is super important to how well you work. I have always hated fluorescent lighting and blank white walls, but it goes beyond that. Even if you have great stuff on your desk, the coolest posters on the wall and the best lighting it can still get old. You sit in the same space every day and after time there is nothing more of interest to you. Everything just sort of becomes white noise. That red swingline doesn’t make you laugh anymore and that bobble head Dwight is super dusty. When this happens I have a few little things I do create some interest again. Hope some of these help you out of your funk.

Change your lighting – If you have lamps (and you should) move them around on your desk. Move them to the other side of the desk, set them on the floor, stack some books and put a lamp on top, switch lamps with one in a different room, go buy a new lamp shade, something. Light can dramatically change the feeling of any environment.

Switch Artwork - Move around the stuff on your walls. If there is nothing on your walls go get some cheap posters from http://www.aestheticapparatus.com or  http://www.etsy.com/category/art. Go to Target and get some random wall decorations. Go to a flea market, estate sell, antique store or something and get some random artwork.

Find an Aroma – Design and creativity can be greatly effected through all of your senses. Go to one of those girly stores and get a candle or one of those wall plug-ins. Pick a smell that is different. Something you are not used to smelling but you enjoy. It will trick your brain into thinking there is something new about your place.

Change where you work – Move your chair to the other side of the desk. Trade offices or cubicles with someone else. If you have the flexibility, go find a new environment to work. Crash a community college. See if a local church will let you sit somewhere in their building. I guess you could go to a coffee shop but that rarely works for me. Go find a new environment! I have even been known to go park the car somewhere, roll down the windows and work unplugged for a while.

Switch your desk layout – If you have a ton of stuff on your desk, put it all in a drawer or box and go for a super clean, modern desk for a bit. If you have nothing on your desk go find some interesting things to layout on your desk. Go to the toy store and get some fun little toys, go to http://www.cubeecraft.com/, print off some templates and make a little army of men to celebrate your accomplishments. Do something different than what you have been doing.

I know some of this may seem obvious, or maybe it doesn’t. If you have worked at the same place for years and don’t even think you are blocked try some of these things out. I guarantee you will notice the difference. Your environment where you work greatly impacts how you do it is what you do.

If you have any other great ideas or tricks that you do to get your mojo back I’d love to hear em. Leave a comment below and tell us.

Developing with Javascript

Tuesday, June 16th, 2009

Last updated: June 16, 2009

I have spent my fair share of hours trying to troubleshoot implementations of different javascript tools, and to no avail at times. The frustration is one that is shared among every developer I have talked to on this subject with no real solution. There are a lot of great tools out there, and there are a few sites that I find from time to time that actually list them all out, but none that show me a list of great tools for my library of choice, jquery. There was at one point a page that had a great list of only jquery tools, but it seems to always be down and this is my archive of that page with my additions and subtractions. I am posting this as much for my own use as anyone else who may find it useful. I will continue to update this post as I find other tools. Hope it helps someone.

File upload

Ajax File Upload
jQUploader
Multiple File Upload plugin
Progress Bar Plugin

Form – Select Box stuff

jQuery Combobox.
jQuery controlled dependent (or Cascadign) Select List.
Multiple Selects.
Select box manipulation.

Form Basics, Input Fields, Checkboxes etc.

FancyForm
jNice
Ping Plugin
Toggle Form Text – SUPER EASY TO USE
ToggleVal
jQuery Field Plugin
jQuery Form’n Field plugin
jQuery Checkbox manipulation
jTagging
jQuery labelcheck
Overlabel
3 state radio buttons
ShiftCheckbox jQuery Plugin
Watermark Input
jQuery Checkbox (checkboxes with imags)
jQuery SpinButton Control
jQuery Ajax Form Builder
jQuery Focus Fields
jQuery Time Entry

Time, Date and Color Picker

jQuery UI Datepicker
jQuery date picker plugin
jQuery Time Picker
Time Picker
Farbtastic jQuery Color Picker Plugin
Color Picker by intelliance.fr

Rating Plugins

jQuery Star Rating Plugin
jQuery Star Rater
Half-Star Rating Plugin

Search Plugins

jQuery Suggest
jQuery Autocomplete
jQuery Autocomplete Mod
jQuery Autocomplete by AjaxDaddy
jQuery Autocomplete Plugin with HTML formatting
jQuery Autocompleter
AutoCompleter (Tutorial with PHP&MySQL)
quick Search jQuery Plugin

Inline Edit & Editors

jTagEditor
WYMeditor
jQuery jFrame
Jeditable – edit in place plugin for jQuery
jQuery editable
jQuery Disable Text Select Plugin
Edit in Place with Ajax using jQuery
jQuery Plugin – Another In-Place Editor
TableEditor
tEditable – in place table editing for jQuery

Audio, Video, Flash, SVG, etc

jMedia – accessible multi-media embedding
JBEdit – Ajax online Video Editor
jQuery MP3 Plugin
jQuery Media Plugin
jQuery Flash Plugin
Embed QuickTime
SVG Integration

Photos/Images/Galleries

ThickBox
jQuery lightBox plugin
jQuery Image Strip
jQuery slideViewer
jQuery jqGalScroll 2.0
jQuery – jqGalViewII
jQuery – jqGalViewIII
jQuery Photo Slider
jQuery Thumbs – easily create thumbnails
jQuery jQIR Image Replacement
jCarousel Lite
jQPanView
jCarousel
Interface Imagebox
Image Gallery using jQuery, Interface & Reflactions
simple jQuery Gallery
jQuery Gallery Module
EO Gallery
jQuery ScrollShow
jQuery Cycle Plugin
Zoomi – Zoomable Thumbnails
jQuery Crop – crop any image on the fly

Google Map

jQuery Plugin googlemaps
jMaps jQuery Maps Framework
jQmaps
jQuery & Google Maps

Tables, Grids etc.

UI/Tablesorter
jQuery ingrid
jQuery Grid Plugin
Table Filter – awesome!
TableEditor
jQuery Tree Tables
Expandable “Detail” Table Rows
Sortable Table ColdFusion Costum Tag with jQuery UI
jQuery Bubble
TableSorter
Scrollable HTML Table
jQuery column Manager Plugin
jQuery tableHover Plugin
jQuery columnHover Plugin
jQuery Grid
TableSorter plugin for jQuery
tEditable – in place table editing for jQuery
jQuery charToTable Plugin
jQuery Grid Column Sizing
jQuery Grid Row Sizing

Border, Corners, Background

jQuery Corner
jQuery Curvy Corner
Nifty jQuery Corner
Gradient Plugin

Text and Links

jQuery Spoiler plugin
Text Highlighting
jQuery Newsticker
Auto line-height Plugin
Textgrad – a text gradient plugin
LinkLook – a link thumbnail preview
shortKeys jQuery Plugin
jQuery Ajax Link Checker

Tooltips

jQuery Plugin – Tooltip
jTip – The jQuery Tool Tip
clueTip
BetterTip

Menus, Navigations

jQuery Tabs Plugin – awesome!
another jQuery nested Tab Set example (based on jQuery Tabs Plugin)
jQuery idTabs
jdMenu – Hierarchical Menu Plugin for jQuery
jQuery SuckerFish Style
jQuery Plugin Treeview
treeView Basic
FastFind Menu
Sliding Menu
Lava Lamp jQuery Menu
clickMenu
CSS Dock Menu
jQuery Pop-up Menu Tutorial
Sliding Menu

Accordions, Slide and Toggle stuff

jQuery Plugin Accordion
jQuery Accordion Plugin Horizontal Way
haccordion – a simple horizontal accordion plugin for jQuery
jQuery Accordion Example
jQuery Demo – Expandable Sidebar Menu
Sliding Panels for jQuery
jQuery ToggleElements
jCarousel
Accesible News Slider Plugin
Showing and Hiding code Examples
jQuery Easing Plugin

Drag and Drop

UI/Draggables
EasyDrag jQuery Plugin
jQuery Portlets
jqDnR – drag, drop resize
Drag Demos

Browserstuff

Wresize – IE Resize event Fix Plugin
jQuery ifixpng
jQuery pngFix
Link Scrubber – removes the dotted line onfocus from links
jQuery Perciformes – the entire suckerfish familly under one roof
Background Iframe

Alert, Prompt, Confirm Windows

jqModal
SimpleModal

CSS

jQuery Style Switcher
JSS – Javascript StyleSheets
jQuery Rule – creation/manipulation of CSS Rules
jPrintArea

Developing an Interactive Project

Thursday, June 4th, 2009

Today I was given the opportunity to discuss my experience around developing an interactive project at the International Shelby Conference here in Dallas. It was a great session and I was honored to have the opportunity to share what knowledge I have gained and be a part of the discussions initiated. As promised, here is the site development process document that I presented for you guys to have, use, critique and help improve.

We would love to hear your feedback on this document. Is an organic process that is influenced by every project we get the opportunity to engage on.

Download Site_Development_Process.pdf