Liferay UI (R)evolution

•

3 gefällt mir•3,710 views

Zeno Rocha

Technologie Kunst & Fotos

“Study the past if 
you would define 
the future”
- Confucius

calendar
buttons
AlloyUI = audio
carousel
tabs ...

v1.5.x
A) Git Clone 1.03 gb
B) Download ZIP 78.1 mb

v2.0.x
Just load it from CDN
<script src="http://cdn.alloyui.com/
2.0.0pr7/aui/aui-min.js"></script>

v2.0.x
No need to download
entire project, just use
YUI().use('aui-carousel', function (Y) {
// code goes here
});

carousel
YUI().use('aui-carousel', function(Y) {
new Y.Carousel({
contentBox: '#myCarousel',
height: 250,
width: 700
}).render();
});

image cropper
YUI().use('aui-image-cropper', function(Y) {
new Y.ImageCropper({
srcNode: '#myImage'
}).render();
});

taglibs
<aui:button name="saveButton" 
type="submit" value="save" />

Button

taglibs

Form Validation

<aui:input name="myField">
<aui:validator name="required" />
<aui:validator name="digits" />
<aui:validator name="range" >
[8,50]
</aui:validator>
</aui:input>

+30 tutorials
+60 examples
!

All written
in Markdown

Optimize the front-end
performance first, because 80%
of the user response time is
spent there.
!

- Steve Souders,
Google

YUI 3.6 vs 3.11 

jsperf.com/yui-basecore-vs-base/5

YUI 3.6 vs 3.11 
Base 
> 40,000 ops/sec
BaseCore 
> 90,000 ops/sec
jsperf.com/yui-basecore-vs-base/5

twitter.com/_pier/status/337880167802355712

github.com/liferay/liferay-aui-upgrade-tool

upgrade tool
1. Install
$ npm install -g laut

2. Execute
$ laut -f ~/Liferay/liferay-plugins

over 100,000
submissions,
modifications,
and approval
actions

<input type=”email”>
<input type=”date”>

native inputs
<input type=”number”>
<input type=”time”>

Weitere ähnliche Inhalte

Was ist angesagt?

2014 HTML5 총정리

Wonsuk Lee

JasForge : the collaborative agile project

Jasmine Conseil

Microservices are being deployed by many Java Hipsters. If you're working with a large team that needs different release cycles for product components, microservices can be a blessing. If you're working at your VW Restoration Shop and running its online store with your own software, having five services to manage and deploy can be a real pain. This presentation will show you how to use JHipster to create Angular + Spring Boot apps with a unified front-end. You will leave with the know-how to create your own excellent apps! Related blog posts: * Java Microservices with Spring Boot and Spring Cloud: https://developer.okta.com/blog/2019/05/22/java-microservices-spring-boot-spring-cloud * Java Microservices with Spring Cloud Config and JHipster: https://developer.okta.com/blog/2019/05/23/java-microservices-spring-cloud-config * Secure Reactive Microservices with Spring Cloud Gateway: https://developer.okta.com/blog/2019/08/28/reactive-microservices-spring-cloud-gateway

Microservices for the Masses with Spring Boot, JHipster, and OAuth - Switzerl...

Matt Raible

When JavaFX Script was released, the mobile component was an important part. It was also one of the reasons many people and analysts believed in JavaFX as a real cross-platform client-side framework. For a number of reasons, JavaFX on mobile disappeared from the official Java roadmap. Fortunately, the OpenJFX team at Oracle made all the required sources available, and the JavaFXPorts initiative worked on providing JavaFX SDK's for the mobile platforms. In this session, we will show the current state of JavaFX on Mobile. We will show how to create a real cross-platform JavaFX Application using an IDE, and how easy it actually is to deploy that application on Android and iOS devices. We will show some of the features and limitations, and talk about the eco-system that is starting to take shape.

JavaFX on Mobile (by Johan Vos)

Stephen Chin

ProSyst OSGi SDK

DanielSchellhoss

Framework dynamic par Simone Sivetta

CocoaHeads France

2013년 html5 총정리 (Summary of HTML5 Trend in 2013)

Wonsuk Lee

Overview of DroidCon UK 2015

Elif Boncuk

Industry trend of HTML5 in 2012 (2012년 HTML5 총정리)

Wonsuk Lee

Axway's Emmelyn Wang was the featured speaker at the Women Who Code Dallas/Ft. Worth Meetup at the stunning Alkami Technology Headquarters in Plano, TX. The most important thing about API Design is for API developers (and product managers, additional stakeholders) to have empathy for API consumers to create the best Developer Experience possible which is technically critical and key to adoption as a business driver. This approach means that the API specification, the contract between the API provider and API consumer, serves as the core of the design and experience.

API Design: Women Who Code (WWCode) DFW

Axway

As of Android 4.4, the WebView class is based on the Chromium web browser. As a result of that, many of the difficulties we faced when developing hybrid applications for the android platform no longer exist. The meeting will start with overviewing the fundamental concept of hybrid applications. We will learn how to write code in JavaScript that while running inside the WebView it calls functions we define in Java and vice versa. We will see how we can debug code in JavaScript running inside the WebView and go through the many advanced capabilities we can enjoy when using the WebView class. In addition, we will understand how PhoneGap works and what might be the best practice for using it. More information about the Java course I deliver can be found at java.course.lifemichael.com More information about the Android course I deliver can be found at android.course.lifemichael.com

The WebView Role in Hybrid Applications

Haim Michael

What is codename one

Shai Almog

NYC Titanium User's Group - tiConf US Revisited

John Oliva

OSGi Community Event 2016 Presentation by Tim Ward (Paremus) Transactions are a critical part of almost all Enterprise applications, but correctly managing those transactions isn’t always easy. This is particularly true in a dynamic, modular world where you need to be certain that everything is ready before you begin. With the advent of lambda expressions and functional interfaces we now have new, better tools for defining transactional work. The OSGi Transaction Control service uses these functional programming techniques to scope transactions and resource access, providing control and flexibility while leaving business logic uncluttered. The resulting solution is decoupled, modular and requires no container magic at all, making testing and portability a breeze. Background Software controlled transactions have existed for a long time — commercial products that are still available now can trace their origins back to the 1960s. Since that time a lot has changed, first we saw the rise of C, then of Object Oriented programming, then of the Web, and now of Microservices. Over the same time period there have been significant changes to the way that transactions are managed – either transaction boundaries have to be explicitly declared, or the management role is delegated to a container technology. Given the complexity of correctly managing the transaction lifecycle, container managed solutions are regarded as the gold standard, however container managed solutions introduce their own problems. The rise of the Spring framework was a reaction to the complexity, and heavy-touch management of the original Java EE specifications. Instead Spring focussed on “pure POJO” programming, designed to make your code easily portable, runnable and testable inside or outside the container. While Spring did a much better job of hiding complexity than those early Java EE servers, the fundamental problem with any pure declarative approach is that there must be a container somewhere. Without a container there is no code to start or end the transaction. Even now with Spring, EJB 3.2, CDI etc, the promise of simpler, container independent components is an illusion. The big problem with declarative transaction management is that it tries to take away too much from the application code, replacing it with “container magic”. The problem with relying on magic is that the resulting system ends up being more complex, not less. We therefore should be aiming to simplify and minimise transaction management code, not eliminate it entirely. Java’s support for functional techniques opens a whole new set of API possibilities for transaction management, and the Apache Aries project has been exploring the possibilities of providing generic resource and transaction management in a concise, type-safe way. Examples from this project demonstrate how transaction management can be made both simple and explicit at the same time.

Transaction Control – a Functional Approach to Modular Transaction Management...

mfrancis

Micronaut: A new way to build microservices

Luram Archanjo

Are you securing your microservice architectures by hiding them behind a firewall? That works, but there are better ways to do it. This presentation recommends 11 patterns to secure microservice architectures. 1. Be Secure by Design 2. Scan Dependencies 3. Use HTTPS Everywhere 4. Use Access and Identity Tokens 5. Encrypt and Protect Secrets 6. Verify Security with Delivery Pipelines 7. Slow Down Attackers 8. Use Docker Rootless Mode 9. Use Time-Based Security 10. Scan Docker and Kubernetes Configuration for Vulnerabilities 11. Know Your Cloud and Cluster Security Blog post: https://developer.okta.com/blog/2020/03/23/microservice-security-patterns

Security Patterns for Microservice Architectures - Oktane20

Matt Raible

** Full Stack Web Development Training: https://www.edureka.co/masters-program/full-stack-developer-training ** This Edureka tutorial on Angular vs React vs Vue will help you in demystifying the fundamental differences between each of these JavaScript Frameworks. Following are the topics which are used for comparison: Architecture Type DOM Application Type Language Preference Scalability Ease Of Deployment Data Flow Learning Curve Market Trend Community & Support Follow us to never miss an update in the future. Instagram: https://www.instagram.com/edureka_learning/ Facebook: https://www.facebook.com/edurekaIN/ Twitter: https://twitter.com/edurekain LinkedIn: https://www.linkedin.com/company/edureka

Angular vs React vs Vue | Javascript Frameworks Comparison | Which One You Sh...

Edureka!

Jasforge Agile Collaborative Platform

Jasmine Conseil

Was ist angesagt? (18)

2014 HTML5 총정리

JasForge : the collaborative agile project

Microservices for the Masses with Spring Boot, JHipster, and OAuth - Switzerl...

JavaFX on Mobile (by Johan Vos)

ProSyst OSGi SDK

Framework dynamic par Simone Sivetta

2013년 html5 총정리 (Summary of HTML5 Trend in 2013)

Overview of DroidCon UK 2015

Industry trend of HTML5 in 2012 (2012년 HTML5 총정리)

API Design: Women Who Code (WWCode) DFW

The WebView Role in Hybrid Applications

What is codename one

NYC Titanium User's Group - tiConf US Revisited

Transaction Control – a Functional Approach to Modular Transaction Management...

Micronaut: A new way to build microservices

Security Patterns for Microservice Architectures - Oktane20

Angular vs React vs Vue | Javascript Frameworks Comparison | Which One You Sh...

Jasforge Agile Collaborative Platform

Ähnlich wie Liferay UI (R)evolution

Yui intro

Aditya Gaur

Y hack-china-2013

Syu-jhih Wu

yui3 is Sexy - 使用 YUI 3 的 Sexy Part !

Joseph Chiang

T 0230 Google Wave Powered By Gwt

supertoy2015

YUI3 and AlloyUI Introduction for Pernambuco.JS 2012

Eduardo Lundgren

The Web Becomes Graceful

colorhook

Creating custom modules using YUI3

Gonzalo Cordero

Running YUI 3 on Node.js - JSConf 2010

Adam Moore

В этом докладе мы рассмотрим мотивацию создания и текущее состояние следующих Java проектов: - Проект Valhalla для внедрения встроенных типов (Inline Types) в Java - Проект Loom для реализации облегченных потоков (Lightweight Threads) в Java - GraalVM - полиглотная виртуальная машина для Java. Мы также поговорим о том, как GraalVM делает приложения на основе Java более доступными для внедрения Serverless парадигмы.

JavaFest. Вадим Казулькин. Projects Valhalla, Loom and GraalVM

FestGroup

Projects Valhalla, Loom and GraalVM at virtual JavaFest 2020 in Kiev, Ukraine...

Vadym Kazulkin

Android

scottw

Hack U - YUI - 2012 IIT Kharagpur

Sumana Hariharan

Develop & Deploy Node.js app on Windows Azure

Andri Yadi

Running YUI 3 on Node.js - BayJax

Adam Moore

JS FAST Prototyping with AngularJS & RequireJS

Yuriy Silvestrov

Chrome enchanted 2015

Chang W. Doh

Server Side JavaScript - You ain't seen nothing yet

Tom Croucher

DIY: Computer Vision with GWT.

JooinK

DIY- computer vision with GWT

Francesca Tosi

Hack with YUI

Luke Smith

Ähnlich wie Liferay UI (R)evolution (20)

Yui intro

Y hack-china-2013

yui3 is Sexy - 使用 YUI 3 的 Sexy Part !

T 0230 Google Wave Powered By Gwt

YUI3 and AlloyUI Introduction for Pernambuco.JS 2012

The Web Becomes Graceful

Creating custom modules using YUI3

Running YUI 3 on Node.js - JSConf 2010

JavaFest. Вадим Казулькин. Projects Valhalla, Loom and GraalVM

Projects Valhalla, Loom and GraalVM at virtual JavaFest 2020 in Kiev, Ukraine...

Android

Hack U - YUI - 2012 IIT Kharagpur

Develop & Deploy Node.js app on Windows Azure

Running YUI 3 on Node.js - BayJax

JS FAST Prototyping with AngularJS & RequireJS

Chrome enchanted 2015

Server Side JavaScript - You ain't seen nothing yet

DIY: Computer Vision with GWT.

DIY- computer vision with GWT

Hack with YUI

Mehr von Zeno Rocha

Video: https://www.youtube.com/watch?v=NCGLPp778JY You’ve probably heard about the amazing things that HTML5 can do. Maybe you already saved some data using Local Storage, fetched user coordinates using Geolocation, or even drew graphs and other objects using Canvas. But did you know there are many more new JavaScript APIs in the Web Platform? In this talk, we’ll see how to leverage the power of those APIs in order to create better experiences for your users.

Web APIs you (probably) didn't know existed

Zeno Rocha

Future of Web Development

Zeno Rocha

Tracking.js

Zeno Rocha

People are reaching for their phones in everyday situations, so creating apps that meet their immediate and long term needs is the key to engage them. Wearable technologies are getting stronger every day and are beginning to act as more an extension of the user than the phone in their pocket. In this talk, we'll explore ways in which these new wearable solutions could interact with Liferay Portals.

Liferay + Wearables

Zeno Rocha

Como empreender em... você!

Zeno Rocha

Um futuro chamado Web Components

Zeno Rocha

Getting started with YUI3 and AlloyUI

Zeno Rocha

How to create high scalable JavaScript apps for Java Portals

Zeno Rocha

Augmented Reality in JavaScript

Zeno Rocha

Como Perder Peso (no browser)

Zeno Rocha

Os mitos do desenvolvimento front-end

Zeno Rocha

Super Trunfo - Case de Dados Abertos

Zeno Rocha

Desbravando o HTML5 Boilerplate

Zeno Rocha

Construindo Projetos Robustos em HTML5

Zeno Rocha

HTML 5

Zeno Rocha

Wordpress

Zeno Rocha

Mehr von Zeno Rocha (16)

Web APIs you (probably) didn't know existed

Future of Web Development

Tracking.js

Liferay + Wearables

Como empreender em... você!

Um futuro chamado Web Components

Getting started with YUI3 and AlloyUI

How to create high scalable JavaScript apps for Java Portals

Augmented Reality in JavaScript

Como Perder Peso (no browser)

Os mitos do desenvolvimento front-end

Super Trunfo - Case de Dados Abertos

Desbravando o HTML5 Boilerplate

Construindo Projetos Robustos em HTML5

HTML 5

Wordpress

Kürzlich hochgeladen

How to Troubleshoot Apps for the Modern Connected Worker

ThousandEyes

In this session, we will delve into strategic approaches for optimizing knowledge management within Microsoft 365, amidst the evolving landscape of Copilot. From leveraging automatic metadata classification and permission governance with SharePoint Premium, to unlocking Viva Engage for the cultivation of knowledge and communities, you will gain actionable insights to bolster your organization's knowledge-sharing initiatives. In this session, we will also explore how to facilitate solutions to enable your employees to find answers and expertise within Microsoft 365. You will leave equipped with practical techniques and a deeper understanding of how there is more to effective knowledge management than just enabling Copilot, but building actual solutions to prepare the knowledge that Copilot and your employees can use.

Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...

Drew Madelung

Enterprise Knowledge’s Urmi Majumder, Principal Data Architecture Consultant, and Fernando Aguilar Islas, Senior Data Science Consultant, presented "Driving Behavioral Change for Information Management through Data-Driven Green Strategy" on March 27, 2024 at Enterprise Data World (EDW) in Orlando, Florida. In this presentation, Urmi and Fernando discussed a case study describing how the information management division in a large supply chain organization drove user behavior change through awareness of the carbon footprint of their duplicated and near-duplicated content, identified via advanced data analytics. Check out their presentation to gain valuable perspectives on utilizing data-driven strategies to influence positive behavioral shifts and support sustainability initiatives within your organization. In this session, participants gained answers to the following questions: - What is a Green Information Management (IM) Strategy, and why should you have one? - How can Artificial Intelligence (AI) and Machine Learning (ML) support your Green IM Strategy through content deduplication? - How can an organization use insights into their data to influence employee behavior for IM? - How can you reap additional benefits from content reduction that go beyond Green IM?

Driving Behavioral Change for Information Management through Data-Driven Gree...

Enterprise Knowledge

Tech Trends Report 2024 Future Today Institute.pdf

hans926745

Axa Assurance Maroc - Insurer Innovation Award 2024

The Digital Insurer

With more memory available, system performance of three Dell devices increased, which can translate to a better user experience Conclusion When your system has plenty of RAM to meet your needs, you can efficiently access the applications and data you need to finish projects and to-do lists without sacrificing time and focus. Our test results show that with more memory available, three Dell PCs delivered better performance and took less time to complete the Procyon Office Productivity benchmark. These advantages translate to users being able to complete workflows more quickly and multitask more easily. Whether you need the mobility of the Latitude 5440, the creative capabilities of the Precision 3470, or the high performance of the OptiPlex Tower Plus 7010, configuring your system with more RAM can help keep processes running smoothly, enabling you to do more without compromising performance.

Boost PC performance: How more available memory can improve productivity

Principled Technologies

💉💊+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHABI}}+971581248768 +971581248768 Mtp-Kit (500MG) Prices » Dubai [(+971581248768**)] Abortion Pills For Sale In Dubai, UAE, Mifepristone and Misoprostol Tablets Available In Dubai, UAE CONTACT DR.Maya Whatsapp +971581248768 We Have Abortion Pills / Cytotec Tablets /Mifegest Kit Available in Dubai, Sharjah, Abudhabi, Ajman, Alain, Fujairah, Ras Al Khaimah, Umm Al Quwain, UAE, Buy cytotec in Dubai +971581248768''''Abortion Pills near me DUBAI | ABU DHABI|UAE. Price of Misoprostol, Cytotec” +971581248768' Dr.DEEM ''BUY ABORTION PILLS MIFEGEST KIT, MISOPROTONE, CYTOTEC PILLS IN DUBAI, ABU DHABI,UAE'' Contact me now via What's App…… abortion Pills Cytotec also available Oman Qatar Doha Saudi Arabia Bahrain Above all, Cytotec Abortion Pills are Available In Dubai / UAE, you will be very happy to do abortion in Dubai we are providing cytotec 200mg abortion pill in Dubai, UAE. Medication abortion offers an alternative to Surgical Abortion for women in the early weeks of pregnancy. We only offer abortion pills from 1 week-6 Months. We then advise you to use surgery if its beyond 6 months. Our Abu Dhabi, Ajman, Al Ain, Dubai, Fujairah, Ras Al Khaimah (RAK), Sharjah, Umm Al Quwain (UAQ) United Arab Emirates Abortion Clinic provides the safest and most advanced techniques for providing non-surgical, medical and surgical abortion methods for early through late second trimester, including the Abortion By Pill Procedure (RU 486, Mifeprex, Mifepristone, early options French Abortion Pill), Tamoxifen, Methotrexate and Cytotec (Misoprostol). The Abu Dhabi, United Arab Emirates Abortion Clinic performs Same Day Abortion Procedure using medications that are taken on the first day of the office visit and will cause the abortion to occur generally within 4 to 6 hours (as early as 30 minutes) for patients who are 3 to 12 weeks pregnant. When Mifepristone and Misoprostol are used, 50% of patients complete in 4 to 6 hours; 75% to 80% in 12 hours; and 90% in 24 hours. We use a regimen that allows for completion without the need for surgery 99% of the time. All advanced second trimester and late term pregnancies at our Tampa clinic (17 to 24 weeks or greater) can be completed within 24 hours or less 99% of the time without the need surgery. The procedure is completed with minimal to no complications. Our Women's Health Center located in Abu Dhabi, United Arab Emirates, uses the latest medications for medical abortions (RU-486, Mifeprex, Mifegyne, Mifepristone, early options French abortion pill), Methotrexate and Cytotec (Misoprostol). The safety standards of our Abu Dhabi, United Arab Emirates Abortion Doctors remain unparalleled. They consistently maintain the lowest complication rates throughout the nation. Our Physicians and staff are always available to answer questions and care for women in one of the most difficult times in their lives. The decision to have an abortion at the Abortion Cl

+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...

?#DUbAI#??##{{(☎️+971_581248768%)**%*]'#abortion pills for sale in dubai@

Discord is a free app offering voice, video, and text chat functionalities, primarily catering to the gaming community. It serves as a hub for users to create and join servers tailored to their interests. Discord’s ecosystem comprises servers, each functioning as a distinct online community with its own channels dedicated to specific topics or activities. Users can engage in text-based discussions, voice calls, or video chats within these channels. Understanding Discord Servers Discord servers are virtual spaces where users congregate to interact, share content, and build communities. Servers may revolve around gaming, hobbies, interests, or fandoms, providing a platform for like-minded individuals to connect. Communication Features Discord offers a range of communication tools, including text channels for messaging, voice channels for real-time audio conversations, and video channels for face-to-face interactions. These features facilitate seamless communication and collaboration. What Does NSFW Mean? The acronym NSFW stands for “Not Safe For Work,” indicating content that may be inappropriate for professional or public settings. NSFW Content NSFW content encompasses material that is sexually explicit, violent, or otherwise graphic in nature. It often includes nudity, profanity, or depictions of sensitive topics.

Understanding Discord NSFW Servers A Guide for Responsible Users.pdf

UK Journal

🐬 The future of MySQL is Postgres 🐘

RTylerCroy

GenAI Risks & Security Meetup 01052024.pdf

lior mazor

[2024]Digital Global Overview Report 2024 Meltwater.pdf

hans926745

Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024

The Digital Insurer

The 7 Things I Know About Cyber Security After 25 Years | April 2024

Rafal Los

Histor y of HAM Radio presentation slide

vu2urc

The value of a flexible API Management solution for Open Banking Steve Melan, Manager for IT Innovation and Architecture - State's and Saving's Bank of Luxembourg Apidays New York 2024: The API Economy in the AI Era (April 30 & May 1, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/

Apidays New York 2024 - The value of a flexible API Management solution for O...

apidays

Created by Mozilla Research in 2012 and now part of Linux Foundation Europe, the Servo project is an experimental rendering engine written in Rust. It combines memory safety and concurrency to create an independent, modular, and embeddable rendering engine that adheres to web standards. Stewardship of Servo moved from Mozilla Research to the Linux Foundation in 2020, where its mission remains unchanged. After some slow years, in 2023 there has been renewed activity on the project, with a roadmap now focused on improving the engine’s CSS 2 conformance, exploring Android support, and making Servo a practical embeddable rendering engine. In this presentation, Rakhi Sharma reviews the status of the project, our recent developments in 2023, our collaboration with Tauri to make Servo an easy-to-use embeddable rendering engine, and our plans for the future to make Servo an alternative web rendering engine for the embedded devices industry. (c) Embedded Open Source Summit 2024 April 16-18, 2024 Seattle, Washington (US) https://events.linuxfoundation.org/embedded-open-source-summit/ https://ossna2024.sched.com/event/1aBNF/a-year-of-servo-reboot-where-are-we-now-rakhi-sharma-igalia

A Year of the Servo Reboot: Where Are We Now?

Igalia

Data Cloud, More than a CDP by Matt Robison

Anna Loughnan Colquhoun

presentation ICT roal in 21st century education

jfdjdjcjdnsjd

Tata AIG General Insurance Company - Insurer Innovation Award 2024

The Digital Insurer

Real Time Object Detection Using Open CV

Khem

Kürzlich hochgeladen (20)

How to Troubleshoot Apps for the Modern Connected Worker

Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...

Driving Behavioral Change for Information Management through Data-Driven Gree...

Tech Trends Report 2024 Future Today Institute.pdf

Axa Assurance Maroc - Insurer Innovation Award 2024

Boost PC performance: How more available memory can improve productivity

+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...

Understanding Discord NSFW Servers A Guide for Responsible Users.pdf

🐬 The future of MySQL is Postgres 🐘

GenAI Risks & Security Meetup 01052024.pdf

[2024]Digital Global Overview Report 2024 Meltwater.pdf

Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024

The 7 Things I Know About Cyber Security After 25 Years | April 2024

Histor y of HAM Radio presentation slide

Apidays New York 2024 - The value of a flexible API Management solution for O...

A Year of the Servo Reboot: Where Are We Now?

Data Cloud, More than a CDP by Matt Robison

presentation ICT roal in 21st century education

Tata AIG General Insurance Company - Insurer Innovation Award 2024

Real Time Object Detection Using Open CV

Liferay UI (R)evolution

1. Liferay UI revolution São Paulo, 2014

5. “Study the past if  you would define  the future” - Confucius

6. v1.7 - JS

7. v3.0 - JS

8. v4.2 - JS

9. v5.0 - jQuery

10.

11. v6.0 - AlloyUI

12. 2009

13. @natecavanaugh

14. @eduardolundgren

15.

16. effects ajax YUI = MVC events DOM ...

17. calendar buttons AlloyUI = audio carousel tabs ...

18. JavaScript

19. YUI

20. AlloyUI

21. 60 components in 6 months

22.

23. 08/2012

24.

25. AlloyUI 2 01/2013

26. #1 easier  to use

27. v1.5.x A) Git Clone 1.03 gb B) Download ZIP 78.1 mb

28. v2.0.x Just load it from CDN <script src="http://cdn.alloyui.com/ 2.0.0pr7/aui/aui-min.js"></script>

29. v2.0.x No need to download entire project, just use YUI().use('aui-carousel', function (Y) { // code goes here });

30. carousel

31. carousel YUI().use('aui-carousel', function(Y) { new Y.Carousel({ contentBox: '#myCarousel', height: 250, width: 700 }).render(); });

32. image cropper

33. image cropper YUI().use('aui-image-cropper', function(Y) { new Y.ImageCropper({ srcNode: '#myImage' }).render(); });

34. but I’m a java guy!

35. <taglibs> o/

36. taglibs <aui:button name="saveButton"  type="submit" value="save" /> Button

37. taglibs Form Validation <aui:input name="myField"> <aui:validator name="required" /> <aui:validator name="digits" /> <aui:validator name="range" > [8,50] </aui:validator> </aui:input>

38. #2 faster  to build

39. v1.5.x Time to build  ~5 min

40. v2.0.x Time to build  ~1 min

41. #3 more  docs

42. alloyui.com

43. > 1,200,000 pageviews

44. +30 tutorials +60 examples ! All written in Markdown

45. #4 more  community  engagement

46. october, 2013 january, 2013

47. > 30,000  downloads

48. #5 better  performance

49. Optimize the front-end performance first, because 80% of the user response time is spent there. ! - Steve Souders, Google

50. YUI 3.6 vs 3.11  jsperf.com/yui-basecore-vs-base/5

51. YUI 3.6 vs 3.11  Base  > 40,000 ops/sec BaseCore  > 90,000 ops/sec jsperf.com/yui-basecore-vs-base/5

52. #6 redesign  everything

53. liferay.github.io/alloy-bootstrap

54. twitter.com/_pier/status/337880167802355712

55. what about liferay portal?

56.   Liferay Portal   AlloyUI

57. themes

58. new classic theme

59. github.com/liferay/alloy-bootstrap

60.

61. what about custom themes?

62. bootstrapthemes.com

63. wrapbootstrap.com

64. bootswatch.com

65. how can I upgrade my theme/plugin?

66. github.com/liferay/liferay-aui-upgrade-tool

67. upgrade tool 1. Install $ npm install -g laut 2. Execute $ laut -f ~/Liferay/liferay-plugins

68. localization

69. over 100,000 submissions, modifications, and approval actions

70. translate.liferay.com

71.

72. mobile devices

73. mobile vs responsive design

74.

75. how to test?

76.

77. responsive design preview

78. HTML

79.

80. <input type=”email”> <input type=”date”> native inputs <input type=”number”> <input type=”time”>

81. “HTML5 is the future”

82. wanna see the future?

83.

84. HTML5 is today!

85. Content Consumer

86. Devices

87. Content Consumer

88. Devices

89. old browsers are like BW TVs

90. new browsers are like HD TVs

91. TV already solved that problem

92. so why people keep doing this?

93. “The best way to predict the future is to create it” - Abraham Lincoln

94. obrigado :)

Liferay UI (R)evolution

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (18)

Ähnlich wie Liferay UI (R)evolution

Ähnlich wie Liferay UI (R)evolution (20)

Mehr von Zeno Rocha

Mehr von Zeno Rocha (16)

Kürzlich hochgeladen

Kürzlich hochgeladen (20)

Liferay UI (R)evolution