background preloader

Articles/etc | Bootstrap

Facebook Twitter

Customize Twitter Bootstrap To Not Look Bootstrap-y - Aj freelancer. NOTICE: This article is outdated.

Customize Twitter Bootstrap To Not Look Bootstrap-y - Aj freelancer

Please read my article on how to build Bootstrap 3.0 themes the proper way. Thank you! PLEASE, if you do use Bootstrap for just about everything be courteous to your audience and change up some of the basic variables so it doesn’t look all the same! I just tested a really cool app and was SO disappointed that it used bootstrap. I’m sick of seeing the same damn buttons. I used BootTheme. Have trouble coming up with a damn color scheme? Take an extra five minutes and figure out a good color combo. They have a “customize” page! Font Awesome because holy crap new icons with minimal 5 minute setup. Subtle Patterns is THE PLACE to go to for quick, beautiful patterns. Extras (updated) After writing this article and having it take off with tens of thousands of readers, I found a few NEW things you can do and that will help out: adjust shadow settings. Truth Be Told Update: I coded up a free bootstrap theme for everyone to see. I’m not asking for that much.

Why Every New Website Will Use Bootstrap. So, I decided to spruce up the blog a little bit.

Why Every New Website Will Use Bootstrap

The old WordPress theme I had used, Graphene, had a lot of useful functionality, such as a featured post slider and a topbar for placing social media buttons, but the theme itself didn’t make the blog look unique. Even with a few CSS tweaks to add custom styling, such as forcing the titles of blog posts to be in all-capital letters, (which makes users more likely to click them!)

, it still looked very generic. When building a personal brand, generic is never good. Therefore, I resolved to develop and design a unique WordPress blog theme effectively from scratch, in order to ensure that my blog had a truly distinctive look and functionality. About Bootstrap However, Bootstrap’s strength lies in the additional CSS styles that are included for free, including animated buttons, icons, static navigation bars, and image thumbnails, all of which are staples of the design of modern startups (because they’re classy!). #328 Twitter Bootstrap Basics. A blog about design, code, and life. Since the day Twitter Bootstrap came out, it has been immensely popular.

A blog about design, code, and life

And recently, there have been more and more posts that either go on and on about how great it is, or how over-used it is. Here are two I saw on the front page of hacker news today: This is just a very small subset of the massive number of popular articles I’ve seen about bootstrap, and they all seem to come from one of two angles: 1) I am not a professional designer, and bootstrap is a lifesaver for me, and 2) I am a professional designer, and it makes me ill that it’s being used so often rather than a real custom designs.

There is no way to stop people that have no idea how to design and no design budget from using bootstrap. Initially it seemed like a real game changer because all these sites with absolutely no design talent behind them started looking good and coming out quickly because of lack of time needed to spend on design. Give it a thought. Keep on the lookout, it’s coming out soon. Please stop embedding Bootstrap classes in your HTML! A few months ago, Twitter released Bootstrap, a UI framework for websites that caused such an impression that it quickly become the most followed project on Github.

Please stop embedding Bootstrap classes in your HTML!

Its popularity is due mostly to the fact that it allows developers with weak design skills such as myself to quickly create an application that looks at worst adequate, and at best, quite attractive. I'm a huge fan. Bootstrap also appeals to developers because it's implemented in Less, a CSS preprocessor written in Javascript that you can run in your browser, allowing a comfortable developer workflow and compatibility with sites written in Ruby, Python, PHP, or any other technology you can make web applications with. But along with Bootstrap has emerged an ugly, insidious and destructive developer antipattern: embedding Bootstrap's CSS classes directly in HTML. Not just end-developers: nearly every library that implements support for Bootstrap does it. Let's see what these classes look like: What's wrong with this? <tr><td>...