UI: What is it? | Guest blog by Peter Shaw | Syncfusion Blogs
Live Chat Icon For mobile
Live Chat Icon
Popular Categories.NET  (173).NET Core  (29).NET MAUI  (199)Angular  (107)ASP.NET  (51)ASP.NET Core  (82)ASP.NET MVC  (89)Azure  (40)Black Friday Deal  (1)Blazor  (211)BoldSign  (13)DocIO  (24)Essential JS 2  (106)Essential Studio  (200)File Formats  (63)Flutter  (132)JavaScript  (219)Microsoft  (118)PDF  (80)Python  (1)React  (98)Streamlit  (1)Succinctly series  (131)Syncfusion  (892)TypeScript  (33)Uno Platform  (3)UWP  (4)Vue  (45)Webinar  (50)Windows Forms  (61)WinUI  (68)WPF  (157)Xamarin  (161)XlsIO  (35)Other CategoriesBarcode  (5)BI  (29)Bold BI  (8)Bold Reports  (2)Build conference  (8)Business intelligence  (55)Button  (4)C#  (146)Chart  (127)Cloud  (15)Company  (443)Dashboard  (8)Data Science  (3)Data Validation  (8)DataGrid  (62)Development  (618)Doc  (8)DockingManager  (1)eBook  (99)Enterprise  (22)Entity Framework  (5)Essential Tools  (14)Excel  (37)Extensions  (22)File Manager  (6)Gantt  (18)Gauge  (12)Git  (5)Grid  (31)HTML  (13)Installer  (2)Knockout  (2)Language  (1)LINQPad  (1)Linux  (2)M-Commerce  (1)Metro Studio  (11)Mobile  (497)Mobile MVC  (9)OLAP server  (1)Open source  (1)Orubase  (12)Partners  (21)PDF viewer  (42)Performance  (12)PHP  (2)PivotGrid  (4)Predictive Analytics  (6)Report Server  (3)Reporting  (10)Reporting / Back Office  (11)Rich Text Editor  (12)Road Map  (12)Scheduler  (52)Security  (3)SfDataGrid  (9)Silverlight  (21)Sneak Peek  (31)Solution Services  (4)Spreadsheet  (11)SQL  (10)Stock Chart  (1)Surface  (4)Tablets  (5)Theme  (12)Tips and Tricks  (112)UI  (379)Uncategorized  (68)Unix  (2)User interface  (68)Visual State Manager  (2)Visual Studio  (31)Visual Studio Code  (17)Web  (582)What's new  (319)Windows 8  (19)Windows App  (2)Windows Phone  (15)Windows Phone 7  (9)WinRT  (26)

UI: What is it? | Guest blog by Peter Shaw

Let’s face it, the battle lines between business and IT have been drawn and established for a long time, but there’s also a new set of battle lines that are starting to become very firmly entrenched in our industry.

The new frontier

These new battle lines are the frontier between design and software development. Many of your clients, managers, and other business-oriented people these days don’t know, see, or care what goes on in the back office; all they see are software developers making products that they expect to look good.

With the gap between developer and UI or UX designer closing tighter all the time, many developers are expected to not only develop the software, but to make it look good. So, is there a solution?

Yes, and it’s called Twitter Bootstrap.

Who did what now?

Designers are often asked to do actual software development, and developers are often asked to do design and UI layout work.

Now if you are anything like me, then you’re a regular developer who’s very good at hacking out code, but not so good at laying out an actual usable UI. Of course, you have tried only to be told that your work looks like it was created by a 3-year-old that got into the paint box and created the equivalent of art Armageddon.

All of the developers I know have always relied on having independent design people to work with, so we put together some resemblance of what we believe is needed, mark the bits that can’t be changed, and hand it over to someone to makes it, well, not look like art Armageddon.

Meanwhile, we go hide back in the background and do what we do best, write awesome code and create fantastic products.

So how does the developer become the designer?

If any of you have been paying attention to the industry recently, you’ll have seen an influx of front-end layout frameworks. There are even full MVC stacks and MVVM-based UI layers now, all written in JavaScript and all ready to run directly in the browser.

Two of the most common layout frameworks to appear in the last year or so are Twitter Bootstrap and ZURB Foundation. A quick search for front-end frameworks will reveal many, many more, but my favorite is Twitter Bootstrap.

But what’s Twitter got to do with front-end layouts?

Quite a lot, if you think about it. Twitter engineers have to be able to crank out a UI that can potentially handle millions of updates per second, and make easy and effortless changes to their UI. These combined factors led two engineers to build a fluid, easy to use, easy to learn CSS & JavaScript framework. This allowed them to rapidly make changes that were consistent and looked good on all of Twitter’s public-facing offerings.

So is Bootstrap the UI God?

Not quite.

But it does now mean that we developers have a fighting chance to make things look at least half reasonable.

Bootstrap is in my opinion easy to use, quick to learn, and the first CSS framework that I have used that actually makes sense to my developer’s brain (especially since that developer’s brain doesn’t let me think the same way that a UI or UX designer does).

It also means I now get less negativity in the form of comments that seek to mark down my design skills when I crank things out. Put simply, Twitter Bootstrap makes me look good, and gives the impression I’m a better designer than I am.

The result? I get to get back to what I do best, faster, and that’s writing the code that drives everything.

Bootstrap is now in its 3rd version and is tailored for responsive mobile layouts while still allowing for fluid, good-looking layouts on the desktop and larger devices.

If you want to learn how to get started with Bootstrap 2, my Succinctly Series e-book  on the subject is now available from Syncfusion. You owe it to yourself to make UI easy and fun again, so what are you waiting for? Download it today and learn just what Twitter Bootstrap can do to help you.


Tags:

Share this post:

Popular Now

Be the first to get updates

Subscribe RSS feed