Evolving the Jenkins UI
summary
Jenkins UI work replaces table layouts with responsive divs, swaps image icons for CSS fonts, and prototypes per-user UI themes per user with configurable icon sets, CSS variables and animated status balls; CSS modularization uses LESS for CSS modularization so themes and accessibility tweaks are pluggable. JavaScript moves to module patterns (RequireJS / AMD) and bundles with Browserify and front-end maven plugin to avoid global namespaces. Demo shows a new categorized job-creation UI, draggable nested build-step widgets, and plans for pagination and multi-attribute grouping/search.
AI-written summary · about
chapters (19)
- 0:00Start
- 2:54Early Progress
- 4:40Css and Modernization
- 7:01Parameterization to Css
- 8:17User Interface Teams
- 11:53Ui Team Configuration
- 13:00Icons
- 13:56Css3 Animations
- 18:50Creating an Item
- 22:55Jenkins Configuration
- 26:47Global Widget
- 28:42Jenkins Actions
- 33:07Dr Traceability
- 34:27Shortcuts
- 35:50Filtering
- 37:26Javascript Modulation Problem
- 41:41How Are the the User Themes Stored
- 42:11Contributing Back To Open Source Jenkins
- 46:07Pagination
related talks
28mRevamping Jenkins Tutorials: Simplicity and Inclusivity
51mModern CSS Development: Tooling & Workflows
46mWorkflow in Jenkins
43mSeven Habits of Highly Effective Jenkins Users
34mModernizing a Stagnant Toolbox
31mA Modern Front-End Workflow
28mHiding in Plain Sight: Unmasking the Jenkins DSL
41mAgile Engineering for Web