David Cochran
David Cochran is Associate Professor of Communication at Oklahoma Wesleyan University. He and his students have designed and manage a number of websites, including DeclaringAmerica.com, OKWUeagle.com, and aLittleCode.com.
  • Web Design
    Twitter Bootstrap 101: CustomizeBootstrap
    Built into Twitter Bootstrap's documentation is a handy Customize page, which provides a quick way to implement a custom color scheme, custom typography and a number of other CSS customizations. Of course, the most powerful approach is to work directly with Bootstrap's LESS files. But with a few quick adjustments, and for those who prefer to work in straight CSS, this page offers you a great way to jumpstart your customizations.Read More…
  • Web Design
    Twitter Bootstrap 101: Trimming File SizeTb preview
    One of the common criticisms of frameworks such as Twitter Bootstrap is that they include far more code than you actually use in your site, leaving you with a bloated code base and poor site performance. This is a possible danger, but Bootstrap's Customize page provides an excellent tool for addressing the problem. Let me walk you through the process of customizing your CSS and JavaScript files to greatly reduce their file size.Read More…
  • Web Design
    Twitter Bootstrap 101: The CarouselBootstrap preview
    One of Twitter Bootstrap's many handy features is a pleasing sliding carousel for featuring images and content! Setup is not difficult. It requires some structured markup, the Bootstrap jQuery plugin, and a couple of lines of JavaScript to initialize it. Let me show you how it's done!Read More…
  • Web Design
    Twitter Bootstrap 101: Tabs and PillsBootstrap preview
    Twitter Bootstrap 2.0 makes it easy to set up tabs, enabling your users to quickly switch between panes of content. On top of an excellent JavaScript plugin, the framework provides a number of options for style and layout which are well built and easy to implement. In the following two short videos, I'll give you a brief introduction.Read More…
  • Web Design
    Twitter Bootstrap 101: The NavbarPreview
    One of the great features of Twitter Bootstrap 2.0 is its excellent responsive navbar. In this brief tutorial, we'll tackle a number of things including the navbar documentation, updating our sample files and looking at the necessary JavaScript.Read More…
  • Web Design
    Twitter Bootstrap 101: Introducing 2.0Preview
    Twitter Bootstrap's version 2.0 has added some fantastic new features to an already very strong front-end development framework. If you're new to Twitter Bootstrap, you'll want to check it out. And if you've been using Bootstrap, you may appreciate the chance to walk through some of its key features together. So let's get started!Read More…
  • Web Design
    Twitter Bootstrap 101: The GridBootstrap
    Today, let's look at the grid system that comes with Twitter Bootstrap and we'll take a look at their media grid while we're doing so. In the process we'll build ourselves a nice little mockup for a portfolio page.Read More…
  • Web Design
    Twitter Bootstrap 101: IntroductionBootstrap
    Twitter's Bootstrap is an excellent set of carefully crafted user interface elements, layouts, and javascript tools, freely available to use in your next web design project. This video series aims to introduce you to Bootstrap; taking you all the way from downloading the resources, to building a complete Bootstrap-based website.Read More…
  • Web Design
    A Basic Responsive Grid (Plus Handy CSS3 Media Query Reporter)Preview
    Responsive web design is here to stay. Jeffrey Zeldman's press, A Book Apart, has published a book by the name. The HTML5 Boilerplate has responsive elements built into its code base. Everybody and their uncle is promoting their new responsive web template.Read More…