Web Design

Website Design & Development
One of the biggest little Joomla & WordPress Web Design and Development firms in the U.S., We’ve produced custom CMS solutions for over 600 clients to-date since 2008. The Microtechs has served noteworthy names, companies and organizations including the President of The United States, Pixar Animation Studios, The Oakland A’s Major League Baseball Club, Turnitin and LeapFrog. We specialize in custom WordPress & Joomla solutions that anyone can manage without hired help.

Concept

Production

Support

PageBuilder


The PageBuiler is a visual drag-and-drop, point-and-click editor with which we build our custom styling and designs. Every project includes the PageBuilder, so your team can edit and manage every aspect our of custom-designed styling and layouts. Hard-coded templates and themes would make your website obsoltete virtually the moment it is released. As they do not auto-update, no matter how much work we put into a hard-coded theme, it would be out-of-date and miss crucial newly released browser, Html and CSS tools and .js releases. Building our custom-styles with the UIKit and PageBuilder, your team will have an Open Source framework that updates automatically and stays current over the years. Admins can easily add elements, new sections, and even save their most used layouts and content to re-use on other pages. This eliminates any need to learn custom CSS classes and Html, making managing your website, it’s design and layout easy and simple to edit, save and reproduce.
Web Design Example
Web Design Layout Example
Web Design Example

The UIKit

UIkit is a lightweight and modular front-end framework for developing fast and powerful web interfaces. If you do want to learn exactly what makes our custom themes and templates tick, and have a team that wants to explore advanced tools and abilities, all of our custom-designed websites utilize The UIKit. You can modify our styling with less or sass. To include UIkit in your project’s build workflow, you need to import three SCSS files from UIkit in the correct order into in your own SCSS code. Then, compile your file, e.g. running sass site.scss > site.css or any other Sass compiler. Be careful to keep the correct order as described in the following example. To prevent overhead selectors, we use Mixins from Sass, which hook into predefined selectors from the UIkit source and inject additional properties. Selectors don’t have to be repeated throughout all documents and global changes can be made much more easily.

UI and Front-End Elements


By no means a complete display of elements, these are some basic and simple possible items for use in the PageBuilder. Admins and website owners do not need to learn or staff anyone who must use HTML or CSS. Administrators can simply add a new element and type or paste text copy, or click to upload or add the link to images or video.

Default Alert Box

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Default Alert Box

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Default Alert Box

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Default Alert Box

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Default Alert Box

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Primary Global Color Progress Bar
70/100
Danger Global Color Progress Bar
90/100
Days
:
Hours
:
Minutes
:
Seconds

Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Overflow Table
Table Heading Table Heading Table Heading Table Heading Table Heading Table Heading Table Heading Table Heading
Table Data Table Data Table Data Table Data Table Data Table Data Table Data Table Data
Table Data Table Data Table Data Table Data Table Data Table Data Table Data Table Data
Table Footer Table Footer Table Footer Table Footer Table Footer Table Footer Table Footer Table Footer
Ford Harley Davidson Vehicle Demontration of Marker Element

Leather Seats

The seat backs feature ribbed leather treatments, engraved Harley-Davidson button snaps and even zippered map pockets featuring zippers from Harley jackets. (02/10/09)

Custom Wheel

Harley Emblem

Web Applications


Custom Items can be built and integrated with your database. With your items consisting of database tables for each attribute of the item, each table can have it’s own access level settings, and be imported or exported via CSV or JSON. Items can belong to a Primary Category, as well as multiple categories belonging to many different category trees. We’ve built Product Catalogs, Directories, even very custom Web Applications like that for the Homestand Games of the Oakland Athletics. In that example, each item is a baseball game played at the home stadium. Custom data that is relevent only to staff is streamed into widgets, the category, search results, calendar or to the full detail page. Data that is restricted to specific levels of access will only show to users who are logged-in with that level or higher. Many websites block entire items or pages, but we can set specific elements of an item to have their own access levels. For inter-active website applications, submission forms can be created so that Admins and Front-End users can create their own content. A common use of this would be for a user profile or business listing. Here, the front-end has a submission form that allows the user to fill out or select the Name/Item Title, Category/Categories, Related Items, Image, Text Area, Possibly a Phone Number and Email Address, etc. Administators can import this data in bulk with CSV or JSON, but the inter-active functionality allows users to add items of their own. This is perfect for Community Social Networking websites, Business Directories, Classified Craigslist-Style Marketplace Listings, Store Locations and more.
Custom Items for Custom Web Applications
Custom Items for Custom Web Applications
"This is how I always envisioned our website. Great job!"
Dave Shapiro, CEO, Cartelligent
The Oakland Athletics  Logo
Read about the custom system we developed for The Oakland Athletics
CMS Web Design

Joomla & WordPress
Since 2008
The Microtechs Logo
The Microtechs, LLC
Strategic Branding, Online Marketing, and
SF Bay Area Web Designer & Developer Experts Since 2008

© 2008-2023 The Microtechs, LLC