OutSystems - RAD remakes modern UI frameworks - Silk UI is born - NextStep Benelux 2015

24
RAD Remakes Modern UI Frameworks Silk UI is Born! OutSystems Experts Gonçalo Veiga

Transcript of OutSystems - RAD remakes modern UI frameworks - Silk UI is born - NextStep Benelux 2015

Page 1: OutSystems - RAD remakes modern UI frameworks - Silk UI is born - NextStep Benelux 2015

RAD Remakes Modern UI FrameworksSilk UI is Born!

OutSystems ExpertsGonçalo Veiga

Page 2: OutSystems - RAD remakes modern UI frameworks - Silk UI is born - NextStep Benelux 2015

4 months old

Page 3: OutSystems - RAD remakes modern UI frameworks - Silk UI is born - NextStep Benelux 2015

Over 5.000 downloadsof Silk UI components, since May

Page 4: OutSystems - RAD remakes modern UI frameworks - Silk UI is born - NextStep Benelux 2015
Page 5: OutSystems - RAD remakes modern UI frameworks - Silk UI is born - NextStep Benelux 2015

Story of a failed project …

Page 6: OutSystems - RAD remakes modern UI frameworks - Silk UI is born - NextStep Benelux 2015

Basically, users will accept less crap today, when it comes to software. That is because the world of consumer software has become easy and simple to use and has trained users to expect that business software will follow a similar model. And if it doesn’t, people are much less patient than they were in the past.

-- Industry Analyst Michael Krigsman

Page 7: OutSystems - RAD remakes modern UI frameworks - Silk UI is born - NextStep Benelux 2015

The UX kit for IT professionals | by OutSystemshttp://www.outsystems.com/ux-for-it/

OutSystems NextStep 2013

Page 8: OutSystems - RAD remakes modern UI frameworks - Silk UI is born - NextStep Benelux 2015
Page 9: OutSystems - RAD remakes modern UI frameworks - Silk UI is born - NextStep Benelux 2015

CSS

Page 10: OutSystems - RAD remakes modern UI frameworks - Silk UI is born - NextStep Benelux 2015

.Box {background-color: white;font-size: 12px;border: 1px solid black;

}

Simple, right?

Page 11: OutSystems - RAD remakes modern UI frameworks - Silk UI is born - NextStep Benelux 2015

CSS

Page 12: OutSystems - RAD remakes modern UI frameworks - Silk UI is born - NextStep Benelux 2015

@media screen and (max-width: 700px) and (min-width: 340px) and (device-pixel-ratio: 2) {

.content > li.kpbb a:hover {position: relative;box-sizing: border-box;padding: 30px 0 0;font-size: .857142857142857rem;background-image: -webkit-gradient(linear,

from(#4d90fe),to(#357ae8)); z-index: -1!important;}

.aok-clearfix:after,.aok-clearfix:before, .clearfix:after,.clearfix:before { display: table; content: ""; line-height: 0; font-size: 0}

Page 13: OutSystems - RAD remakes modern UI frameworks - Silk UI is born - NextStep Benelux 2015

over 3000 lines of CSS

Responsive Menu

Page 14: OutSystems - RAD remakes modern UI frameworks - Silk UI is born - NextStep Benelux 2015

Front-End Frameworks

Page 15: OutSystems - RAD remakes modern UI frameworks - Silk UI is born - NextStep Benelux 2015
Page 16: OutSystems - RAD remakes modern UI frameworks - Silk UI is born - NextStep Benelux 2015
Page 17: OutSystems - RAD remakes modern UI frameworks - Silk UI is born - NextStep Benelux 2015

There’s a better way

Page 18: OutSystems - RAD remakes modern UI frameworks - Silk UI is born - NextStep Benelux 2015

Silk UI frameworklabs.outsystems.net/SilkUI

Page 19: OutSystems - RAD remakes modern UI frameworks - Silk UI is born - NextStep Benelux 2015
Page 20: OutSystems - RAD remakes modern UI frameworks - Silk UI is born - NextStep Benelux 2015
Page 21: OutSystems - RAD remakes modern UI frameworks - Silk UI is born - NextStep Benelux 2015

It just worksPerfect fit with the Platform

Page 22: OutSystems - RAD remakes modern UI frameworks - Silk UI is born - NextStep Benelux 2015

QualityBest Practices for CSS and JS

Big focus on performance3.000 tests (manual and automated) every release

Tested in all modern browsers and IE8+Tested in over 20 devices (iOS, Android and WinPhone)

Page 23: OutSystems - RAD remakes modern UI frameworks - Silk UI is born - NextStep Benelux 2015

Going ForwardContinuous support

Monthly releases

Page 24: OutSystems - RAD remakes modern UI frameworks - Silk UI is born - NextStep Benelux 2015

Silk UI frameworklabs.outsystems.net/SilkUI