The Bootstrap Framework Controversy … Should You Use It or Not?

Released back in 2011, Twitter’s Bootstrap framework is one of the most popular – if not the most popular – front-end website development framework out there, at least in 2015.

And not without a reason. Bootstrap provides a really easy to grasp way of crafting your site designs and thus allows you to create great looking and mobile-optimized builds in hours, instead of days.

Bootstrap should you use this framework

That being said, there’s a lot of conflicting opinions around Bootstrap with almost equal number of people on both sides of the barricade. Some experienced developers (like the guys over at ThemeShaper, for example) have addressed various issues with the framework and pointed out why it might not be the perfect web development solution after all.

So today, let’s look into some of the framework’s known traits, both in terms of the positives as well as the negatives. However, I’ll try not to sway your opinion in any direction by telling you what I consider the right solution here – in terms of using Bootstrap or not – but instead, I just want to provide enough insight for you to be able to make your own decision.

Hello with Bootstrap and Responsive design

Happy new year to all HTMLCenter readers!

HTMLCenter blog meets this year with completely refreshed look & feel and new monthly Newsletter (we will give our best to make ‘monthly’ – regular). In addition to this we have made few other minor changes to overall blog structure.

How and why we did it all?

Site look & feel redesign project was sitting on my to-do list for a while, but somehow it managed skip down in priority order each month.

HTMLCenter runs on WordPress (very good CMS indeed), and the old custom theme we had was becoming much outdated.

Old WordPress theme was build with desktop Internet browser in mind and didn’t look good on mobile device browsers at all. Increasing number of HTMLCenter readers arriving via smart devices was a constant reminder that we had to find the time and do blog redesign.

Gold passes to Apps World London 2014?

Hello HTMLCenter readers!

We know that many of you are into tech workshops and conferences. Especially if it’s about HTML5, mobile and creating great user app experiences.
If you fall into this category, we have something to give away!

The folks from Apps World have reached out to us and offered couple of gold (full access) passes as a giveaway to HTMLCenter readers.

Apps World is returning to London for the fifth year running and has grown to be the leading global multi-platform event in the app industry.

HTML Table Attributes

Tables in HTML pages are created by using multiple HTML tags with specific attributes defining table structure.
I have prepared HTML table attributes list, please feel free to use it as cheat sheet for crafting HTML tables and forms.

Table Attribute List

Define Table: <TABLE></TABLE>
Columns to Span: <TH COLSPAN=?>
Rows to Span: <TH ROWSPAN=?>
Desired Width: <TH WIDTH=?>(in pixels)
Width Percent: <TH WIDTH="%">(percentage of table)
Cell Color: <TH BGCOLOR="#$$$$$$">
Table Caption: <CAPTION></CAPTION>
Alignment: <CAPTION ALIGN=TOP|BOTTOM>(above/below table)
Table Border: <TABLE BORDER=?></TABLE>
Cell Spacing: <TABLE CELLSPACING=?>
Cell Padding: <TABLE CELLPADDING=?>
Desired Width: <TABLE WIDTH=?>(in pixels)
Width Percent: <TABLE WIDTH="%">(percentage of page)
Table Row: <TR></TR>
Alignment: <TR ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM
VALIGN=TOP|BOTTOM|MIDDLE>

Table Cell: <TD></TD>(must appear within table rows)
Alignment: <TD ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM
VALIGN=TOP|BOTTOM|MIDDLE>

No linebreaks: <TD NOWRAP>
Columns to Span: <TD COLSPAN=?>
Rows to Span: <TD ROWSPAN=?>
Desired Width: <TD WIDTH=?>
Width Percent: <TD WIDTH="%">(percentage of table)
Cell Color: <TD BGCOLOR="#$$$$$$">
Table Header: <TH></TH>(same as data, except bold centered)
Alignment: <TH ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM
VALIGN=TOP|BOTTOM|MIDDLE>

No Linebreaks: <TH NOWRAP>

I hope this was helpful. If you have any questions or suggestions leave them in the post comments section.


Developer Resources