The 1.0 version of the Web UI framework eases development, but Bootstrap’s next version may give it competition
Developers often complain that in Web UI frameworks, the labeling used for elements and styling are both hard to parse and hard to work with. Semantic, a new Web framework now in its 1.0 incarnation, is attempting to change that, provided the next generation of Bootstrap itself doesn’t get there first.
Featured ResourcePresented by Scribe Software10 Best Practices for Integrating Data
Data integration is often underestimated and poorly implemented, taking time and resources. Yet it
Semantic follows in roughly the same tradition as Bootstrap, but with a philosophy meant to make the framework more immediately useful to design-oriented developers. "Writing front-end code shouldn’t require learning the naming or programming conventions of a particular developer," state its creators.
To that end, Semantic employs what is described as "simple, common language for parts of interface elements, and familiar patterns found in natural languages for describing elements." For example, there’s the class syntax used to describe one of the elements on Semantic-ui.com’s home page: "ui stackable center aligned very relaxed page grid."
All the components in the framework, according to the guide at LearnSematic.com, use the em and rem measurements for their sizes, so the element sizes are multiples of the metrics for the base font used on a given page. This makes it easier to resize elements for mobile use. Common Interface definitions, like "article" or "section" don’t affect the way elements render for display.
Semantic UI’s approach to layout can be both more flexible and more verbose than Bootstrap’s. For instance, according to the examples provided for each framework, a breadcrumb navigation element in Bootstrap is implemented using an unordered list or ul HTML tag. In Semantic, it’s created with a div, with "section" and "divider" classes marking up the individual links in the breadcrumb list and the dividers between them. The plus side of Semantic’s approach is that it allows for more detailed inline customizations, but Bootstrap needs far less boilerplate to accomplish the same goal.
Semantic may be at a 1.0 release, but the site that provides documentation and examples for the framework is still raw. Usage examples for the API aren’t available yet, nor have the "themes" and "layouts" sections of the Semantic-ui.com been implemented. Bootstrap, by contrast, already has a full set of documentation and a slew of existing themes, for both its current 3.x and previous 2.0 incarnations.
Plus, some of the innovations touted in Semantic are already being rolled into the next generation of Bootstrap. Bootstrap’s 3.x incarnation doesn’t use em measurements, for instance, but the next version promises to be em-centric, to feature "a new approach to configuring global theming options," a unified replacement for several existing display components such as panels and wells, and "hundreds more changes across the board." Many of those changes are still in flux, so an alpha release hasn’t yet been offered, although it’s being promised "in the coming months."
Creative Storytelling is Our Artform
It's a Music Geek Wonderland . . . at Houston Roby's Electrical Magazine
A personal record blog
A simple human's baggage
Just another WordPress.com site
Break Into the Film Industry
the best music of yesterday today and the tomorrow
Tango en Puebla, Milongas, Talleres & Tango Turismo
Últimas Noticias en Español de Florida, USA, y El Mundo
Movie News, Reviews
living life with all the gory bits
GET THE BEST AND ON-THE-GO IN THE WORLD OF NEWS AND ENTERTAINMENT.
Advocate for Artistry
Music, Cars, Fashion & More
Norwich blog of photos, gig accounts & music news by Richard Shashamane
Animal news from around the world.
You're ten seconds from watching an amazing film...
Covering the future of the Kansas City Royals
Relaxing whilst doing Competition Law is not an Oxymoron
Heel het leven.
Dromen, Ideeën, Realiteit
The website where movies count
New Video Every Day
Education, school leadership, lesson plans, technology, 21st century skills
No doubt about that
Breaking News, Sports, Entertainment, TV, Tech, Gaming & Health.
This site is about my rollercoaster ride with cancer.
Just a Girl In The World Sharing The Ups and Downs of a Messy Life
Feuilletons & Causeries on a Variety of Subjects
Sharing A Level Chemistry Resources, Video Lessons, and more.
Video Game Reviews, Tech Reviews, Gaming News and much more!!!
Come and see the world with me!
If it is entertaining and creative, think OGEFASH PHOTO BLOG! To advertise on this page, simply call 08087261006, 08160799747 or send us an email @ firstname.lastname@example.org
Milk all them dramas