The-anatomy-of-the-perfect-technical-interview-from-a-former-Amazon-VP

Neil Roseman is downright tired of hearing Silicon Valley companies say they “hire only the best and the brightest.” No matter how many times they say it, most still make decisions based on gut feel, basic credentials, GPAs, ivy league educations, flashy company names – even SAT scores. Roseman objects. As the former Technology VP for both Amazon and Zynga, he’s interviewed hundreds of people and believes every phase of the process needs to be meticulously designed to drill deep into skill sets, actual accomplishments, culture fit and leadership potential.

For the first time, in this exclusive First Round Review interview, Roseman explains exactly how he designs interview processes from top to bottom to build an effective organization, regardless of size or resources.

  • Date: August 14, 2013

Subscribe by Email

At the 10,000 ft. level

Starting out, there are a few key organizing principles to acknowledge in interviewing, even before you start collecting resumes or asking for referrals. These can be used to craft a clear protocol around interviewing and hiring.

  • You should come out of every interview with a clear sense of whether the person could improve the probability of your company’s success.
  • Great interviewing is work. It takes time to prepare, conduct the interview and then de-brief in an effective way. If you don’t want to do the work, don’t interview.
  • Once you form an initial impression of someone – which usually happens within the first 60 seconds – you should spend the rest the interview trying to invalidate that impression.
  • You should always take copious notes during interviews so you can make a cogent argument for or against a candidate.
  • In most cases, the “best and the brightest” already have jobs, so you’re really just on the lookout for the best available. Plus there’s no way to prove that your hiring process resulted in the right people because you can’t A/B test hiring decisions.
  • Always strive to hire superstars but realize that not all hires need to “walk on water.”  This person should be better along some dimensions than a majority of the current staff and have the potential to have a long-term impact.
  • You want to hire people who are smart, that get stuff done and have the functional set of skills you need for the role.

The right way to read resumes and design questions

Every job search starts with a resume or web profile – whether it comes in as referral or through a proactive sourcing strategy. While current wisdom suggests that resumes aren’t all that important compared to what a candidate actually knows, Roseman argues there’s a lot to be gained through careful review.

The things that most teams have the least experience in is how to read a resume, identify the areas worth probing, and determining how to probe into them.

While screening resumes, Roseman keeps an eye out for areas where he can push candidates. “I always look for things where they have a measure of their success, especially if they make comparisons or use percentages.” For example, “grew revenue by 50% or decreased downtime by 30%.”

This is how he develops most of his questions. “You want to find out what somebody really did, as opposed to just being an observer or a participant,” Roseman says. “Even at the greatest companies, there’s a gap between those who get the most stuff done and those who don’t get much done. You need to try and figure that out during an interview.”

 

In many cases, this can be a litmus test for how clearly they think about themselves and their role as well. “They might think it sounds good to say ‘I improved system availability by 50%’, but if we’re hiring someone for a system engineering role, I need to know they actually did that. In most cases with high level statements like this – which appear on resumes all the time – the person actually hasn’t done it or was just a participant, and understands very little. They won’t have a very clear answer.” The good candidates will be able to explain and backup their claims no matter how far you drill down.

As an example, here is a resume snippet Roseman recently received, “Led a team of 3 engineers in creating massively scalable storage infrastructure used by various Google products.”  Roseman took note of this and during the interview, had the candidate whiteboard the infrastructure, and then highlight his main contribution, where Roseman could dig down and see if he really knew his stuff.

 

To put this another way, great interview questions focus on specific examples of the candidate’s unique contributions, actions, decisions and impact.  Ideally, you want to:

  • Probe: give me an example…
  • Dig: who, what, where, when, why and how on every accomplishment or project
  • Differentiate: we vs. I, good vs. great, exposure vs. expertise, participant vs. owner/leader, 20 yard line vs. 80 yard line

 

Roseman goes on to share, “I look for past projects and accomplishments that seem to have enough weight and depth that I can apply STAR questions – STAR stands for situation, task, actions and results.” Roseman subscribes heavily to an approach called Behavioral Interviewing, in which STAR questions are a staple. They include:

  • What was the background of what you were working on?
  • What tasks were you given?
  • What actions did you take?
  • What results did you measure?

In addition, when reading resumes prior to interviews, it’s a good idea to suss out whether the projects or products listed were significant to the company, even if they didn’t succeed. Roseman uses Microsoft as an apt example.  “It’s such a big company, you want the employees that worked on important teams,” he says. “Companies like Microsoft move people around to get the best people on the highest profile products. Whether it’s Google, Facebook, Apple, Amazon…you start to learn. You can try to read the company.”

Technical Questions and the Interview

All too often Roseman hears hiring managers begin an interview by asking candidates to walk through their resume. “That is not a highly valuable question to ask unless you’ve already decided you’re not hiring this person,” he says.  You can set a candidate at ease without this warmup softball. Roseman recommends introducing yourself so they know where you’re coming from, and clearly stating what his goal of the interview is.  “I ask the person to introduce themselves and give me a couple of minutes about what they’re interested in and most excited about,” he says. “This way we can relax, set the stage for the conversation and make sure we’re both comfortable with each other. Calm any nerves that the candidate might have.”

After a quick intro, Roseman begins an interview with the most hands-on technical questions.  “For an engineering position, the reason most people don’t get hired is because they simply don’t have the skills — they don’t pass the technical bar,” he says. “I want to validate that first.”

Here, he pays attention to the candidate’s area of focus. If it’s coding, he asks them a coding question based on their experience. The important thing, he says, is to never ask a question that you haven’t asked ever before.  “You want to have tried the question out on other people in a non-interview situation so you can understand how to guide someone through the question,” he says.

When asking a question, you have to know what to consider a very good, good, poor or very poor answer and why.

To Roseman, this is the most important tenet of crafting smart interview questions. “One of the things that really pisses me off is people asking questions that they don’t even have a good handle on themselves,” he says. “They don’t have a good distinction between a great answer and a crappy answer. They decide to try out a new question they heard from somebody or make something up themselves.”

This is especially important today, when there are infinite resources on the web for interview questions. Candidates can look up past interview experiences on Glassdoor or Quora and have an inside track. Even so, Roseman says it’s okay to borrow questions from these resources as long as you make them your own. “Your whole team should sit down and discuss what’s a good coding question, what’s a good answer and why you should use this one.”

For example, Roseman often asks candidates to palindrome the words in a string, then digs a little deeper by asking them to imagine they’re on a limited memory machine and they have to do this in place. “You can always push them so they might have gotten one level of the answer from the web. If they’ve gotten all the levels then they’re pretty darn smart.”  Again, the key is to start high-level and then begin to dig deeper.  Even if a candidate has seen the question before, if you dig, you can learn something.

To create one-of-a-kind questions, he suggests asking candidates how they would solve the kinds of problems your company actually faces. “While at Amazon, I often asked a design question that’s based on the recommendation system – the ‘people who bought also bought feature.’ It’s always best if I cast this in terms of a product that people know. That way you see if they’re both product focused and solution focused.”

 

Roseman especially likes to press engineering candidates on product design. Great engineers should not simply be order takers, but actively part of product development. Design questions also allow you to better understand how someone thinks. To get to the heart of this ability, Roseman drills candidates on past products they have been involved in, and may ask them to write a small portfolio management program.  Roseman also often asks the candidate to walk through a more generic design question like “design an ATM/Elevator for blind people” or something more technical, depending on the role.

“If I have enough time, I give them the laptop and have them write a small command line app, or I have them design it and or write it on the whiteboard where they have to ask me questions about what I expect the product to do,” he says. “We want employees to ask questions. I want co-workers who ask questions and don’t just sit in the corner and wait to be given orders”

Leading with technical questions has one caveat: answers can run really long. This is where Roseman says it is critical to keep your eyes on the time and rope people in if they start to ramble. It’s easy to eat up 45 minutes of a 60-minute interview on a particularly complex query.

“I might only be able to ask one ‘write code on a whiteboard’ question because I want to move on to a more design or product-focused question,” he says. “Then I also want to get to the soft skills, company values and culture fit.”  This is also the part of the interview where Roseman asks his pre-engineered questions based on the resume review that were not covered in the technical portion of the interview.

When it comes to soft skills and culture fit, Roseman is a big fan of one question – he asks everyone, no matter the position: Do you consider yourself lucky?

“If you look at what you’ve done, would you put yourself in the camp of people who say they’ve been lucky in their career?” Roseman explains. “I find a lot of people who will say I would have gotten that promotion but my manager cancelled my product, or they find other reasons for failure. Those are the ones who say they don’t think of themselves as lucky. I’m looking for the people who embody the phrase ‘fortune favors the prepared.’ It’s the willingness to be ready and take advantage of every opportunity that presents itself. At a startup, this is particularly valuable.”

Roseman often follows this up by asking what he calls his “three adjectives” question. Many interviewers ask candidates for their strengths and weaknesses, but Roseman puts a different spin on it. “I will ask a candidate to think of people who they worked with, professors, fellow students, managers, etc. and imagine that I am going to go to all these people and ask them for their top three adjectives to describe the candidate. Often, it causes people to think a little bit differently about themselves. They won’t just say their worst feature is working too hard.”  Once a candidate shares their three adjectives, Roseman follows up and asks for examples – so if someone says, “creative,” his standard follow up will be “what are some examples of when you were creative.”

Even if you know a candidate is a no-go 15 minutes into an interaction, it’s important to get through all these phases of the interview. “You want to do close to a full interview because it’s a small world out there, and even if someone doesn’t get hired, my theory is it’s a good thing if the person believes they just had a great interview, even if they don’t get the offer.”

 

At the other end of the spectrum, if someone is a clear winner, selling them on the position at the end of the session is critical. “You better do a good job both answering their questions and communicating your enthusiasm about the place and the opportunity,” says Roseman. “I’ve been very clear with the people on my teams that even if they don’t have an excitable personality, they have to be very positive about the company. If you can’t be, then don’t interview people.”

In the actual interview, Roseman tries to anticipate what concerns a candidate might have, or what might convince them not to accept the job. “Sometimes, since I’m old now, I can get away with asking ‘Have you thought about where you want to be in two, three, five years?’” he says. “I want to make sure I understand potential sticking points and what’s driving the candidate.”

The hiring team

The employees you hire will only be as good as the hiring team you assemble. Too many companies do not invest time in training current employees to interview their prospective peers. But according to Roseman, this is critical. “I’ve required anybody that even does a phone screen to first do it with other people who are more experienced, just sitting in.”

Once you have a qualified squad of interviewers, it’s time to take a closer look at their decision-making processes. To ensure that everyone can articulate their thinking on a candidate, Roseman prefers everyone to take exhaustive notes on their conversations.  After everyone on the hiring team has met the candidate, the group deliberates in person.  Roseman explains what happens when everyone gets in the room, “What we do is put our votes in and then list in detail the questions we asked and the candidate’s answers. If someone is not inclined to hire them because of a pure technical question, then they should list the exact question they asked and the candidates code.”

This feedback can’t be too long or drawn out, according to Roseman. Every decision is critical, and critical decisions require careful deliberation. He tells his hiring teams two things: 1) if they can’t provide comprehensive feedback, then they’ve wasted their own time, the company’s time and the candidate’s time; and 2) “if you get to the end of an interview and all you can say is ‘Yeah, I kind of liked them, I think they’d be good,’” then you’ve also wasted everyone’s time. You have failed to do your job, and you should either learn how to do it or please just tell me and you won’t have to interview people anymore. I don’t do pressure interviewing of candidates, but I do pressure the people I work with to do good interviews.”

Being a quality interviewer doesn’t have to be a selfless act either, Roseman says. In fact, it can reflect very well on existing employees. “It can be a big deal to show that you’re someone who should get more responsibility. It shows you’re thinking, and that’s what we’re trying to find.”

Despite his team-oriented approach to hiring decisions, Roseman is wary of hiring managers being too involved in the process. Placing emphasis on the opinions of people who will work with the new employee day in and day out is critical.  He says, “no matter what, you never want to let a hiring manager override the group’s decisions. They have to be able to convince everyone, and not by fear.”

Given all the talk about sky-high Silicon Valley standards, Roseman acknowledges it’s not rare for hiring teams to pass on candidates because they don’t display superhuman skills. But not everyone should be required to walk on water in an interview. To keep this tendency front-of-mind, he’s set a more explicit bar: “The expectation is that the people you hire are better than when you were hired. So that in fact if you left and came back, you might not be hired again in that position. You want to improve your overall bar up with each hire. Another way to put it is every new hire should be better than your average current team member.”

 

Roseman uses this same logic to encourage quality referrals from current employees. “You better be good with referrals, and it’s always nice to give referral bonuses,” he says. “It’s a lot cheaper than any other network you’re going to use to hire people, and it’s the best way to get some of that already hired talent that has some experience.”

Here’s a distilled list of Roseman’s Rules:

  • Don’t forget to introduce yourself to help work out everyone’s nerves.
  • “Tell me about your background” is not a useful question for a tech interview.
  • Pick specifics out of a resume to determine what the candidate actually did. Remember, you want people who get stuff done. Period.
  • Probe when you see a resume with a long list of skills. Separate the truth from filler.
  • Don’t “try out” new questions on candidates. Know what a good answer sounds like.
  • Make sure you have them write code! This is too often skipped.
  • Dig into algorithms, data structures, code organization, simplicity.
  • Use some questions that are vague and open-ended. See if they ask you questions to find out more.
  • Ask a design question. See how people think about a bigger picture problem.
  • Create core competences for your company. Make sure candidates measure up well.
  • Make it tough but fun. Good developers want to know they’re talking to smart folks.

Read more: http://firstround.com/article/The-anatomy-of-the-perfect-technical-interview-from-a-former-Amazon-VP#ixzz2hQSJCo85

55+ Twitter Bootstrap Templates – Want a Future Proof Website?

Bootstrap templates are responsive website themes build upon the highly popular framework called Twitter Bootstrap. These templates have won a lot of popularity and for a good reason. Aside from providing unique add-on features, these templates retain the native functionality of Bootstrap.

Bootstrap is a powerful open-source framework that allows web developers to create high quality and professional web design projects with highly flexible responsive layout. It is a set of tools that provide you with design templates based on HTML and CSS  for navigation, buttons, charts, typography, forms and other essential interface components. This include some extra JavaScript extensions, as well. If you are going to compare Bootstrap templates with other responsive CSS frameworks, you will find that they are among the most mature. Bootstrap is the most used GitHub development project today.

The responsive design allows even simple bootstrap templates to look perfect on desktops, mobiles devices and tablets. Since it was release in August of 2011, the number of developers using Twitter Bootstrap has grown quickly. The amount of useful Bootstrap templates has also reached an impressive number. These are templates that will work well with popular platforms such as Joomla and WordPress.

In this post, I have featured more than 55 Bootstrap templates to provide you with an idea on how useful they are. Each has been provided with a link to their source page for more information. When you are done reading this post, please share your thoughts with us through the comment section below and do not forget to share this resource with your friends.
Disclosure: Please note that some of the links below are affiliate links and I will earn a commission if you purchase through those links (at no extra cost to you). I recommend that you do your own independent research before purchasing any product or service. This article is not a guideline, a recommendation or endorsement of specific products.

Flati – Responsive Flat Design Bootstrap Template – MORE INFO

Flati is a creative HTML5 portfolio template with a responsive layout.

Flati is a creative HTML5 portfolio template with a responsive layout. It has been built using the Twitter Bootstrap framework. It is packed with features like 28+ pages, four color schemes, sliders, carousels, PrettyPhoto, Pinterest photostream, working contact form and more

EWA – Bootstrap Multi-Purpose WordPress Theme – MORE INFO

EWA is an amazing WordPress theme with a fully responsive layout.

EWA is an amazing WordPress theme with a fully responsive layout. It will provide you with 16 good-looking, pre-defined skins and tons of customization options.

Converts – Responsive Bootstrap HTML Theme – MORE INFO

clean and responsive HTML / CSS template is based on Twitter Bootstrap

This clean and responsive HTML / CSS template is based on Twitter Bootstrap. It is designed to give your users the best optimal experience on every device. Whether that’s a browser, tablet, or phone.

AppLand – Responsive Bootstrap Parallax App Landing Page – MORE INFO

This template is perfect if you are going to promote a new App

This template is perfect if you are going to promote a new App. This unique App landing page will help you give your software the punch it needs to get noticed fast.

YellowProject Bootstrap Responsive Template – MORE INFO

YellowProject-bootstrap-templates

YellowProject is perfect solution to present your business on the web. This multifunctional responsive template provides several layout options to take care of any possible screen resolution. Be sure it will fit any viewing device.

Viva – HTML5 Responsive Unique Theme on Bootstrap – MORE INFO

viva-responsive-html-5-bootstrap

Viva is a responsive theme with a modern design. It has a neat and professional look and feel that will suit creative website. It has a single page scrollable layout based on Twitter Bootstrap. Viva has tons of awesome features like a filterable portfolio, lightbox, various content patterns such as collabpsible, sliders, accordion, price tables etc.

SmartBox – Responsive Boostrap Business Theme – MORE INFO

SmartBox-bootstrap-templates

SmartBox HTML is a responsive template built on Twitter Bootstrap. It contains 20+ unique pages that can be customized for any business or creative agency. Designed from mobile up so your site will look great from 1200px down to iPhone!

Mentor Responsive Business HTML5 Template – MORE INFO

Mentor-wordpress-corporate-bootstrap

“Mentor” – a fully responsive premium html template suitable for any kind of business or corporate use. Mentor is built upon the responsive Twitter Bootstrap framework, and therefore the template supports all of this framework’s built in components & plugins. The Mentor template is bursting with custom features, including a bespoke responsive slider plugin, an intelligent responsive carousel plugin and a custom developed mobile friendly lightbox plugin.

Metronic Responsive Admin Dashboard Template – MORE INFO

Metronic-retro-style-bootstrap

Metronic is a responsive admin dashboard template powered with Twitter Bootstrap Framework for admin and backend applications. Metronic has a clean and intuitive metro style design which makes your next project look awesome and yet user friendly. Metronic comes with a huge collection of plugins and UI components and it works in all major web browsers, tablets and phones.

Charity Twitter Bootstrap Template – MORE INFO

Charity-bootstrap

This CSS3/HTML5 template features a clean and unique design. it is compatible with most popular browsers and has the Bootstrap shortcodes/scripts.

Drive – Responsive Corporate Template – MORE INFO

Drive-bootstrap-templates[7]

Drive is a Modern HTML5 template created using Twitter Bootstrap. It is fully Responsive which means it can scale from 320px to 1200px. Drive comes with unlimited colors and 20+ predefined color variations. And it contains 15 unique pages and having lots of features as follows.

Start – Metro UI Responsive Admin Template – MORE INFO

Start-bootstrap-wordpress-product-theme

Start is a new responsive admin template based on latest Windows 8 interface. This one, called Metro UI, has its roots in the design principles of classic Swiss graphic design – minimal, bold, high contrast and flat colors are some of its great features.

Interior Design – MORE INFO

Interior-Design-bootstrap-wordpress-product-theme

Clean design, big slider on a front page, well-structured layout. All these components can be found in our Interior Design Twitter Bootstrap Theme. If you need to create an excellent design portfolio project with advanced characteristics and at an affordable price, you can rely on our Twitter Bootstrap responsive theme. It will deliver high quality site performance and make your visitors come back to your site again and again.

Reboot – Responsive Portfolio WordPress Theme – MORE INFO

Reboot-bootstrap-templates

Reboot is a beautifully minimal, and awesomely responsive WordPress Theme, built on the fantasticTwitter Bootstrap that is perfectly suited for Agencies, and Creatives (Designers, Photographers, Motion Artists).

Gebo Responsive Admin Template – MORE INFO

Gebo-Admin-bootstrap-templates

Gebo Admin is full featured, two column responsive template based on Bootstrap Framework from Twitter. It has lots of js plugins: charts, filterable/searchable list, calendar, multiselect, location finder, file manager, gallery grid, datatables, sticky messages, WYSIWG editor and many more.

Squarecut Responsive Landing Page template – MORE INFO

Squarecut-bootstrap-templates

Squarecut is Minimal and Responsive landing page template for software / app. It is a one page template with tabbed navigation.

CNEWS – Responsive Magazine and Blog Theme – MORE INFO

CNEWS-bootstrap-templates

CNEWS is a feature-rich WordPress magazine theme. Great for magazine , review, news and blog sites, with integrated reviews, video, slideshows, galleries and ADS system in each post. CNEWS theme is highly configurable, you can completely configure the homepage and posts using the very easy and powerful theme options. Using 18 custom widgets you can create your homepage very quickly and you can get it just as you want it.

Beoro Admin Responsive Template – MORE INFO

Beoro-bootstrap-templates

Beoro Admin is a HTML5/CSS3 backend template based on Twitter Bootstrap Framework, it’s easily customisable, cross-browser compatible and works great on desktops, tablets and mobile devices. It can be used for any web aplication (Cms, Crm, Statistics, Shop backend etc).

RedDesign – HTML Responsive Portfolio Template – MORE INFO

RedDesign-bootstrap

REDDESIGN – responsive portfolio template a based on popular Twitter Bootstrap framework.

Tachyon HTML5 Admin Template – MORE INFO

Tachyon-retro-style-bootstrap

Tachyon is a simple and professional HTML5 template for your backend administration or user interface, both for desktop and mobile. Built on latest Twitter Bootstrap and powered with LESS, Tachyon will save you hours in developing your project. Template is available in 4 default colors and packed with basic and popular user interface elements and widgets.

Edge Corporate Web Template – MORE INFO

Edge-bootstrap-templates[3]

Edge is a simple and eye candy professional template for your awesome compay. It’s created by using the latest HTML5 and CSS3 techniques. Fully responsive. Originally it was created for corporative wesites, but it’s OK for any kind of dark and creative website.

Jarvis Smart Admin Template – MORE INFO

Jarvis-bootstrap

Simple yet innovated, JARVIS Admin Template is one of a kind. JARVIS comes with customized features that make this admin template very unique on wrapbootstrap.com. Jarvis is constantly evolving, it is updated regularly and new features are added time to time.

Night Life Dark Responsive Template – MORE INFO

Night-Life-bootstrap-templates-free

Night Life is a simple and eye candy professional template for promote your awesome night club. It’s created by using the latest HTML5 and CSS3 techniques, awesome background animations ( CSS3 ), stunning image gallerys with automatic montage, music player, greate navigation system and much more. And finally it’s total responsive! Originally it was created for night club wesites, but it’s OK for any kind of dark and creative website.

Boo Admin – MORE INFO

Boo-admin-bootstrap-templates

Boo template is a flexible Twitter Bootstrap HTML5 template for backend, user interface or administration, both for desktop and mobile users. Built on latest Twitter Bootstrap 2.2.2. Boo maintaining native Bootstrap functionality, enriched of pleasing design and tons of new template features, makes it very powerful kit for rapid development.

templateSTARTER – MORE INFO

templateSTARTER-bootstrap-templates

templateSTARTER is a minimal and elegant fully responsive premium HTML5 template suitable for business or portfolio websites but also for any other type of project. It is built upon the responsive Twitter Bootstrap framework and it supports all of framework’s built in components & plugins. Beside that there are many other custom features built in like 3 different sliders, powerful Ajax portfolio, working Ajax contact form with validation, custom pricing tables and more.

Amsterdam Responsive Admin Template – MORE INFO

Amsterdam-bootstrap

Amsterdam admin template is a responsive template built with Twitter Bootstrap for backend panels, suitable for cms systems, web apps and other control/billing/hosting panels. Includes 4 main responsive layouts in dark and light versions. 2 of 4 layouts have 3 columns version. Amsterdam is fully compatible with iPad and iPhone devices. The template is based on 12 columns grid and is very flexible, keeping the main content part the same is very easy to change the general look and color theme.

Bootstrap Responsive Joomla Template #42676 – MORE INFO

Bootstrap-Responsive-Joomla-Template-42676

Mild transition of reddish orange color into the white appears to be the great designer solution. Pictures on the slider are worked up with the color and so they complete the whole concept rather naturally. The template includes back-to-top button, cozy navigation bar and layouts for handheld devices.

Smart Business Template – MORE INFO

Smat-Business-Template-retro-style-bootstrap

Smart is a simple, clean and professional template suitable for any business or portfolio. Smart tempalate is created by using the latest HTML5 and CSS3 techniques. With a responsive design it great work with any device (desktops, tablets, smartphones, etc).

Huraga Responsive Admin Template – MORE INFO

Huraga-bootstrap-wordpress-product-theme

Huraga is a beautifully minimalistic HTML5 template for any backend, user interface or administration, both for desktop and mobile users. Built on latest Twitter Bootstrap and powered with LESS, Huraga will save you hours in developing your project. Template is available in 4 default colors and packed with basic and popular user interface elements and widgets.

VALOR Responsive HTML Template – MORE INFO

VALOR-simple-bootstrap-templates

Powerful site template designed in a clean and minimalistic style. This template is very flexible, easy for customizing and well documented, approaches for personal and professional use. VALOR has been coded in HTML5 & CSS3 and jQuery. It has a solid flexible responsive layout that scales from 320px to 1260px width all Bootstrap features. Follow me to be notified for future updates!

Business Bootstrap Web Template – MORE INFO

Business-Bootstrap-Web-Template-bootstrap-templates

Powerful website template with a minimalistic and clean style will greatly suit a serious company from virtually any business environment. It features highly flexible and easy-to-edit layout, thus even noobs can customize it without any issues.

Blue Moon Admin Template – MORE INFO

Blue-Moon-bootstrap-templates

Blue Moon – Responsive Admin template was built with the popular Bootstrap framework from Twitter and powered with SASS . Blue Moon comes with customized 7 variables that make this admin template very unique. The admin template adapts seamlessly with any device such as desktop, mac, tablets and mobile phones. You can use this template if you are building an administrator panel for any website.

Neat Admin – MORE INFO

Neat-Admin-bootstrap-templates

Neat Admin is a new responsive admin template with many features and custom elements. It comes with 4 different colors that you can switch with a built-in theme-switcher. It is built on Twitter Bootstrap with a lot of customized elements and additional colors.

Art Photography Website Template – MORE INFO

Art-Photography-Website-Template-wordpress-corporate-bootstrap

This Art Photography Website Template has been coded using HTML5/CSS3 and jQuery. It features a solid flexible and scalable responsive layout, so you may use it for making online photo and art portfolios compatible with portable devices like iPad or iPhone. With this template you’ll take all advantages of the new killer Framework – Twitter Bootstrap.

Scaffold Metro Style Template – MORE INFO

Scaffold-bootstrap-templates-free

Scaffold is a modern and fresh HTML site template built with twitter bootstrap + designed with metro style. This template looks great for modern corporate business website or used for web design agency.

ONIX Business & Portfolio Template – MORE INFO

ONIX-bootstrap-templates

ONIX is minimalist, clean and responsive HTML5 & CSS3 template for portfolio and business sites. It has a solid flexible responsive layout that scales from 320px to 1260px width and all Twitter Bootstrap features.

BeautyAdmin Responsive Template – MORE INFO

BeautyAdmin-bootstrap-wordpress-product-theme

With a translate system and already translated in 3 languages beautyadmin is a clean, ready-to-go HTML template that will suit any of your CMS or E-COMMERCE needs. This admin template is easy to use and well documented along with a good clean html structure allowing you to easly upgrade bootstrap anytime.

Wuxia Responsive Admin Template – MORE INFO

Wuxia-bootstrap-templates

Wuxia is a simple and bold HTML5 template for any backend, user interface or administration, both for desktop and mobile users. Built on latest Twitter Bootstrap and powered with LESS, Wuxia will save you hours in developing your project. Template is available in 6 default colors and packed with basic and popular user interface elements and widgets.

Bootstrap Real Estate – MORE INFO

Bootstrap-Real-Estate-bootstrap-templates

Bootstrap Real Estate is a professional template for selling properties. It’s also very easy to change the images of this template to transform it into a hotel website, car selling website or even a local classified website. It’s designed entirely using Bootstrap. It’s compatible with any of the themes from http://bootswatch.com/. You can also easily add and remove components as it’s based on the Bootstrap framework.

Frenzy – Responsive Bootstrap Template – MORE INFO

Frenzy-bootstrap-templates

Frenzy Responsive Bootstrap Template is clean & flexible HTML front end template based on Twitter Bootstrap framework, Frenzy is suit for any blog, magazine and news site. Easy to customize and deploy, lot of features.

Whitemin Admin Template – MORE INFO

Whitemin-simple-bootstrap-templates

Fully Responsive, fluid admin template that works on works on any PC / MAC systems, phones and tablets.

VibeCom Multipurpose HTML Template – MORE INFO

VibeCom-bootstrap

“VibeCom” is a responsive HTML template based on Twitter Bootstrap v 2.1. It is a multi purpose template which suits both the needs of a corporate website and a portfolio website.

Bolt – Responsive Premium Admin Template – MORE INFO

Bolt-wordpress-corporate-bootstrap

Bolt is a simple admin panel built on top of powerful twitter bootstrap framework and provides a neat responsive layout with a great collection of useful UI elements. Bolt includes FontAwesome and Google Plus icon library in multi color format.

Tensor – Responsive HTML Template – MORE INFO

Tensor-bootstrap-templates-free

Powerful site template designed in a clean and minimalistic style. This template is very flexible, easy for customizing and well documented, approaches for personal and professional use. Tensor has been coded in HTML5 & CSS3 and jQuery. It has a solid flexible responsive layout that scales from 320px to 1170px width all Bootstrap features. Follow me to be notified for future updates!

Conquer – Responsive Admin Dashboard Template – MORE INFO

Conquer-retro-style-bootstrap

Conquer is a responsive admin dashboard template created mainly for admin and backend applications(CMS, CRM, Custom Admin Application, Admin Dashboard). Conquer template powered with Twitter Bootstrap Framework and it comes with a huge collection of reusable UI components and integrated jQuery plugins. Conquer template works on all major web browsers, tablets and phones.

Crisp Responsive Fluid Business Template – MORE INFO

Crisp-simple-bootstrap-templates

Crisp is a retina ready, print friendly*, responsive, fluid corporate, gallery, portfolio template for many different types of business. It has three different headers, so if you need more space for links or you have a tall logo, then check out the “goodies” menu to preview the alternate choices. Crisp presents clean fluid design aesthetics and typography that scales with the device width — any device not just the standard sizes.

Rudermann – Responsive Retina Ready HTML Template – MORE INFO

Rudermann-bootstrap-templates

Rudermann is the awesome pixel-perfect responsive HTML template based on Twitter Bootstrap Grid System. It is optimized for Retina Displays (used in iPhone, iPad, iPod Touch and MacBook Pro Retina). Best for the digital or creative agency, design studio, web-development company or freelancer. Template is provides a powerful way to showcase your work.

Supr – Responsive Admin Template – MORE INFO

Supr-bootstrap-templates

Supr is a full admin skin based on popular Twitter Bootstrap framework. This template is designed to help you build the site administration without losing valuable time.Template contains all the important functions which must have one backend system.

Proton Business Website Template – MORE INFO

Proton-bootstrap-templates

Proton Responsive HTML Business Website Template is a modern, clean website template for corporate and business, it is created with bootstrap framework, easy to use and customized

JUSTI Responsive HTML5&CSS3 Template – MORE INFO

JUSTI-bootstrap-templates

JUSTI is minimalist, clean and responsive HTML5 & CSS3 template for portfolio and business sites. It has a solid flexible responsive layout that scales from 320px to 1260px width and all Twitter Bootstrap features.

Admindo – Responsive Admin Template – MORE INFO

Admindo-boostrap-templates

Admindo is a responsive admin template build with the latest Twitter Bootstrap. This template is great for webapp, CMS, and other admin applications. It’s easily to customize, cross-browser compatible and works great on desktops, tablets and mobile devices.

VibeLander One Page Responsive Template – MORE INFO

VibeLander-bootstrap-templates

VibeLander is a one page responsive HTML / CSS template based on Twitter Bootstrap 2.1.1. It has an exclusive “VibeLander slider” which is an enhanced version of Bootstrap Carousel. VibeLander is a light weight theme with minimal design, and clean markup. I have also included .Less files with Color variables and background as variables. Creating a new theme is a 2 minute job. All the 16 color templates are created in about 15-20 mins.

Decision – Bootstrap Responsive Template – MORE INFO

Decision-wordpress-corporate-boostrap

Powerful site template designed in a clean and minimalistic style. This template is very flexible, easy for customizing and well documented, approaches for personal and professional use. Decision has been coded in HTML5 & CSS3 and jQuery. It has a solid flexible responsive layout that scales from 240px to 1200px width. Follow me to be notified for future updates!

Skifi – Bootstrap Drupal theme – MORE INFO

Skifi-bootstrap-templates

Skifi is all new modern style responsive Drupal 7 theme loaded with no.1 slider on planet, the Layerslider 3 and twitter bootstrap 2. It has plenty of theme options to make it your own crafted theme. You can use it on website of any suitable category such as business websites, portfolio websites or other Drupal website. This premium business drupal theme features lot of customization.

Photon UI Responsive Admin Panel Theme – MORE INFO

Photon-UI-bootstrap-templates

Photon UI is new premium responsive admin panel theme based on Twitter Bootstrap, available in both dark and light color scheme. Your clients will love using their backend console built with Photon UI Responsive Admin Panel Theme Template. Theme looks great on both desktop and mobile devices as we took special care to adjust the interface for luxurious user experience on smaller screens. Users with latest iPhone and iPad devices will be pleased with hi-res retina-ready graphics.

Wrings | Fully Responsive Corporate Template – MORE INFO

Wrings-simple-bootstrap-templates

Wrings is a clean, fully responsive, light, fast, professional, flexible, modern & easy WordPress Template. Intuitive and ready with the most modern Technologies. Built with HTML5 & CSS3, based on Twitter Bootstrap & SEO Ready, we included all features you need to create your business web site. Beautiful design & super easy to use.

ShopSimple – Responsive Ecommerce Template – MORE INFO

ShopSimple-bootstrap-templates

ShopSimple is fully responsive design Based On Bootstrap, Html5 & CSS3, for any kind of ecommerce store, it is easily usable with any device (Desktop, tablet, mobile phone…). It is cross browser compatible, uses Google fonts.

Bird – Responsive Web App & Admin Template – MORE INFO

Bird-bootstrap-templates

Bird is the starting point for your next web application. It`s suitable for any user interface or administration panel, for any devices – from desktop to mobile devices.

The Realm – Clean & Modern Admin Template – MORE INFO

The-Realm-bootstrap-templates

This admin template was built with the popular Bootstrap framework from Twitter and has been styled in a modern flat design. The admin template adapts seamlessly with any device such as tablets and mobile phones.

Optimus Dashboard – Admin Template – MORE INFO

Optimus-Dashboard-bootstrap-templates

Optimus Dashboard is a fully featured, premium, HTML5 Admin Template. Optimus based on Bootstrap 2.2.2 from Twitter. It works on all major browsers and optimizes itself for tablets and mobile phones.

FlexiFit – One Page Scrolling Html5 Template – MORE INFO

FlexiFit-bootstrap-templates

Flexi Fit is a single page responsive html5 template built using Twitter Bootstrap. It has a clean and elegant design with subtle textures and elements to give your site a light and fresh feel. Resize your browser to see the effects when you view the demo.

ReStart – Clean Minimal Business – MORE INFO

(re)START-bootstrap-templates

{re}start is based on good typography and large photography, serving as a foundation for your creative projects. Feel free to browse its templates and discover its features.

sumber : http://splashmagazine.com/2013/06/twitter-bootstrap-templates/

Free Responsive Admin Template: TemplateVamp (Bootstrap Themes)

TemplateVamp, a FREE [Premium like] Responsive Admin Template for web designers and developers.

Based on Twitter Bootstrap, TemplateVamp is a fully functional and customizable admin template that leverages the power and flexibility of HTML5 & CSS3. It can be used as a front-end toolkit for rapidly developing web applications that are lightweight, faster, and mobile-friendly; a great starting point.

premium-like-free-responsive-admin-template-templatevamp-bootstrap-themes

TemplateVamp contains HTML and CSS-based design templates for typography, forms, buttons, charts, navigation and JavaScript extensions.

Inspiration for web development with Twitter Bootstrap

We love prototyping and having the chance to bring our coding skills to the table and integrate them into the UX design puts a big smile on our faces. 🙂 We’re seeing more and more folks come round to our way of thinking and get their products on board the prototyping train.

There are many responsive HTML/CSS frameworks out there, but one of our favorites is Twitter Bootstrap due to the ease/speed of development, the quality of documentation and also its slick visual appearance.

I’d like to share a collection of interesting samples based on Twitter Bootstrap and thus inspire you. You’ll see that it only takes a little imagination to achieve an awesome user experience.

Note: article contains many images.

 

Landing page

image image

Static page

404 page Pricing

Sign In

Sign In Sign In

Sign Up

image image

Admin panel

image

Dashboard

image image image

Settings

image image

Grids

image image

Forms

image image

Gallery

image

Sites that utilize Twitter Bootstrap nicely

A few themes to consider

Finally:

sumber : http://weavora.com/blog/2012/11/03/inspiration-for-web-development-with-twitter-bootstrap/

jQuery UI Bootstrap 0.2 Released

Today I am happy to announce the release of jQuery UI Bootstrap 0.2. This release includes a number of bug fixes and new additions to the theme and can be downloaded from the release site now.

Fixes Include

  • Compatibility updates for IE8 and IE9
  • Input fields no longer break Twitter Bootstrap grids
  • Inputs of type text/password get uniformly styled
  • Fixes to the modal dialog close buttons
  • Tabs now appear visually closer to those in Bootstrap

New features

A Better Bootstrap-style Wijmo Menu

Thanks to Chris Bannon over at Wijmo, the theme now supports styling Wijmo menu components  with the Topbar menu styles you can find in Twitter Bootstrap. This includes menu drop-downs, text input and more. A preview of the menu can be seen below.

Support for the Filament Group File Input plugin

One of the goals of the theme is to provide a consistent look and feel for as many popular widgets and components as possible (within reason). This release includes support for the File Input plugin which progressively enhances input type=”file” into a slightly more appealing looking file upload component.

If you haven’t used File Input before, it supports customizations such as easily defining icons for the ‘Browse’ button as well as the positioning of the button/text field.

LESS version of the patched Bootstrap CSS files

Users have been asking for a LESS version of the patched Bootstrap CSS used in the theme for a number of weeks. Thanks to @panosru, this is now available in 0.2 under the css/less directory should you wish to use it.

Roadmap and labs previews:

Support for more third-party plugins

Work is currently underway to bring theme-support to jQuery UI Bootstrap for the following plugins:

Tagit

Tagit is a plugin which tokenizes user input for search and supports autocomplete of each ‘tag’. Below is a preview of the current state of support in the labs version I’ve been working on:

jqGrid

Until the official jQuery UI Grid component is ready, many of us will be relying on third party solutions such as jQuery DataTables or jqGrid. Experimental support for jqGrid in the theme is being worked on at the moment:

Plupload

Whilst File Input components are great, many modern web applications support multiple file uploads and require something more flexible for handling this. Plupload has been a popular option here for many and @panosru is currently working on bringing support for this to jQuery UI Bootstrap.

If there are any other plugins you would like considered for support, feel free to drop me a line and I’ll consider them on a case-by-case basis.

Improved support for jQuery UI customized widgets

At the moment, whilst the theme provides an excellent style base for those wishing to work with jQuery UI, support could be improved for things like split buttons, buttons with custom icons etc. There have also been requests for transition support, much like what Bootstrap comes with out of the box and all of these are items I’ll be attempting to get done prior to version 1.0.

Support for jQuery UI 1.9/2.0

The jQuery UI team have been working hard on a number of exciting new widgets (such as Spinner and Menu) which are still under heavy development. Once these components have stabilised/reach an alpha release stage, I’ll be adding support in for them in jQuery UI Bootstrap too.

Feedback

I’m regularly on the lookout for feedback or ideas on how the theme can be improved. If you notice something that could be done better or have a feature request, feel free to post about it in the comments below or here. Cheers!

sumber : http://addyosmani.com/blog/jquery-ui-bootstrap-0-2-released/

Tempat Terbaik Jual dan Beli Theme WordPress

Tidak diragukan lagi WordPress adalah platform blogging paling populer di seluruh dunia. Ratusan artikel dipublikasikan setiap hari dan banyak orang memilih WordPress sebagai Blog mereka. Namun bagaimana jika anda tidak mempunyai dasar pengetahuan tentang HTML dan tidak mengerti bagaimana mengatur WordPress Theme??? Jangan khawatir, anda tidak harus menjadi ahli dulu jika ingin memiliki  blog WordPress yang bagus.

Artikel ini mengulas tentang tempat penjualan theme WordPress terbaik dimana anda dapat mendapat Themes WordPress  kualitas terbaik, unik, dan profesional dengan harga yang sangat murah. Semua thema dapat diubah sesuai keinginan kita dengan mudah, Jadi jika anda pemula dan ingin memulai membuat blog, profesional mencari thema baru atau perusahaan kecil yang membutuhkan website murah, namun website yang efisien untuk bisnis anda, tetaplan membaca untuk menemukan tempat terbaik untuk membeli thema WordPress kualitas terbaik dengan harga yang sangat murah.

1. Themeforest

Themeforest-marketplaces-buy-sell-wordpress-themes

ThemeForest is an Envato Marketplace. At ThemeForest you can buy and sell HTML templates as well as themes for popular CMS products like WordPress, Joomla and Drupal with prices ranging from just $5 up to $40. Items are priced on the complexity, quality and use of the file. The site is home to a bustling community of web designers and developers and is the biggest marketplace of its kind.

 

2. WooThemes

Woothemes-marketplaces-buy-sell-wordpress-themes

WooThemes deliver top quality, cutting edge WordPress themes and superior customer support. With WooThemes you get solid code framework, stunning designs, incredible support and new themes every month. You can either purchase particular themes or you can get a club subscription which gives you unlimited access to all their themes.

3. ElegantThemes

Elegantthemes-marketplaces-buy-sell-wordpress-themes

ElegantThemes is a premium WordPress theme marketplace which provides WordPress themes of quality and integrity. Each theme comes with a powerful set of tools that will spoil you with the improved functionality they provide. ElegantThemes provide a variety of features which are incredibly user-friendly and easily customizable.

4. StudioPress

Studiopress-marketplaces-buy-sell-wordpress-themes

StudioPress offers professionally designed WordPress themes at affordable prices. The Genesis Framework is their newest product. The Genesis Framework empowers you to quickly and easily build incredible websites with WordPress. You can get Genesis seperately or you can get access to all StudioPress themes for a fixed price.

5. WPZoom

Wpzoom-marketplaces-buy-sell-wordpress-themes

WPZoom provides top quality premium WordPress themes at amazing prices with excellent lifetime support included. The project started in 2008 and gained huge popularity in a short time. They offer about 30 themes which you can buy separately or you can choose membership for ridiculously low price.

6. MojoThemes

Mojothemes-marketplaces-buy-sell-wordpress-themes

MojoThemes is a marketplace for everyone to buy or sell themes and templates. They sell themes for the most commonly used CMS and e-commerce platforms on the web such as premium WordPress themes, Tumblr themes and more. Their templates range from basic Photoshop templates to complex premium WordPress plugins. Premium WordPress themes are their specialty, though. With a premium WordPress template from MojoThemes, your WordPress CMS or blog-based site will be transformed with a fresh, clean and professional look.

7. KreativeThemes

Kreativethemes-marketplaces-buy-sell-wordpress-themes

KreativeThemes is a place to find unique and distinguishable WordPress themes. They pour their heart into every design that they produce and that makes each of these themes unique and stand out from the crowd. KreativeThemes are really proud of the masterpieces they’ve ‘painted’. You can easily purchase themes as you go here, there are no subscription plans.

8. ThemeShift

Themeshift-marketplaces-buy-sell-wordpress-themes

ThemeShift WordPress themes are professional-looking and extremely well-coded. A lot of handy features let you turn your blogging software into a CMS. Due to the clean, well-structured and commented code you will have no trouble with customizing the ThemeShift code to your special needs. You can purchase themes individually or you can choose a pricing plan which allows you to download more themes.

9. FlexiThemes

Flexithemes-marketplaces-buy-sell-wordpress-themes

FlexiThemes offers high quality and professional WordPress themes that are easy to use, manage and customize. Their themes turn your great idea into a professionally designed, fully functional website for all the world to see. Their themes are made to be visually interesting and simple for you to use. All of FlexiThemes themes come packaged with easy to use theme options page where you can manage your site without the need for editing the code.

10. Press75

Press75-marketplaces-buy-sell-wordpress-themes

Press75 provides a wide variety of WordPress themes for every type of user and website. Every theme on Press75 has been built on a solid code framework which has been perfected over time. For designers and developers looking to customize, you will have absolutely no problem finding your way around. Similarly to other marketplaces you can purchase themes separately or choose a package which gives you access to all Press75 themes.

selain nama situs diatas ada :

11. GraphPaperPress

12. WPRemix 

13. WPArcade

14. WPBundle

15. ThemeFoundry

16. AppThemes

17. HeadwayThemes

18. OboxThemes

19. OrganicThemes

20. OrganizedThemes

21. Templatic

 

SUMBER : http://www.1stwebdesigner.com/wordpress/theme-marketplaces/