By pros, for pros

Oneweb lets you design whatever you want, quickly, cleanly and without ever fighting with the framework.

No compromise

With web standards as a given, Oneweb doesn't sacrifice best practice in the name of convenience.

The perfect fit!

Easily disable or override any of Oneweb's css objects, saving thousands of lines of css you don't need.

Components

In addition to beautiful typographic presets, Oneweb also provides styles for some basic objects and components like the media abstraction, forms and tables. Following are some examples of those components.

Media objects

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Embedded content

audio

img

figure

Figcaption content

svg

video

Forms

The markup used here to visualise default form styling is taken straight from Responsable CSS, because writing this stuff out is boring. Thanks to @abbandunne and @jimmynotjim!

Form Elements
  • 0% 12cm

Tables

Default table styling, all semantic, no styling classes:

Jimi Hendrix - albums
Album Year Price
Album Year Price
Are You Experienced 1967 $10.00
Axis: Bold as Love 1967 $12.00
Electric Ladyland 1968 $10.00
Band of Gypsys 1970 $12.00

A table with the class .table-striped:

Jimi Hendrix - albums
Album Year Price
Album Year Price
Are You Experienced 1967 $10.00
Axis: Bold as Love 1967 $12.00
Electric Ladyland 1968 $10.00
Band of Gypsys 1970 $12.00

A table with the class .table-bordered:

Jimi Hendrix - albums
Album Year Price
Album Year Price
Are You Experienced 1967 $10.00
Axis: Bold as Love 1967 $12.00
Electric Ladyland 1968 $10.00
Band of Gypsys 1970 $12.00

Mobile first

Media queries add to the design of larger, smarter devices ensuring the needs of mobile devices are always met.

Bloat free

Lean markup, efficient CSS and highly optimised overrides make Oneweb the fastest, lightest Joomla framework on the block.

Bulletproof

Even with Javascript disabled users still get a fully responsive experience! Mobile-friendly, accessible, robust.

Semantic markup

html5 elements add the semantic value that search engines love, while semantic class names add meaning for humans.

Vertical rhythm

A scalable, responsive baseline grid ensures consistency in typography and layout, even with user-initiated resizes.

Clean markup

Layout and style can be applied entirely in CSS, leaving your markup framework agnostic and 100% awesome.