What is RADAR?
TL;DR
UX RADAR is a process of wrapping design with architecture & research, including: Formative User Research, UX & Product Architecture, Design, Architecture Validation, and User Research Testing.
First, what problem is RADAR solving?
Angular 4 virtual scroll, markdown text editor, sticky data table headers, animations & more come to Covalent in 1.0.0-beta.7
tl;dr: Virtual scroll wrapper for any element, Markdown text editor, Data table sticky headers & virtual scroll, Dynamic Form features, Animation utilities, Angular 4.3 & Material Beta 10 support (also, our last beta!)
Virtual Scroll
We’ve abstracted the virtual scroll to a wrapper component that can be used around any element!
Data Tables take center stage in Covalent 1.0.0-beta.4
tl;dr: Lots of Data Table features, Loader async/boolean support, new Messages component, Pagination jump ahead features, and Angular v4 loading optimization (also Datepicker from Angular-Material beta.5!)
Important note: To enforce optimized bundle size & lazy loading, the CovalentCoreModule has been removed so you only import what you need (it’s a good thing).
New Data Table Features
The Covalent Data Table is one of the most widely used component in Teradata products so we’re focusing efforts around popular feature requests such as keyboard support for tabbing & selection, hiding columns, customizing search options and click events on rows. …
Simple steps to prototype an chat application in Angular Material
What we’re building
Covalent 1.0.0-beta.3 has been released for immediate availability.
The march to Covalent stable continues with the 3rd Beta for Covalent!
tl;dr: ng-conf 2017, Angular v4 compatibility, refactored Autocomplete Chips, refactored Toggle Directives, Ahead-of-Time compilation fixes, RTL & a11y improvements, and bugfixes galore!
Github / Docs & Demo / Changelog / Upgrade / Quickstart
ng-conf 2017
The entire core team of Covalent is here in Salt Lake City this week for the biggest Angular conference of the year! If you see someone rockin’ a Covalent t-shirt make sure you grab them to chat!
Angular v4 compatibility
We are thrilled to announce that Covalent is now fully compatible with Angular v4! Kudos to the Angular team for working tirelessly to ensure a smooth transition from Angular v2 to Angular v4 (what happened to v3? read more here). Notice the reference to “v4” and “version 4”? The project has also rebranded as simple “Angular” since the new release plan delivers a new version every 6 months. The only real required change for our users is changing <template></template> to <ng-template></ng-template>. …
Our first beta! The Teradata UX team is proud to announce the immediate availability of Covalent 1.0.0-beta.1 to the Angular community!
tl;dr: Massive new Layout features, all-new Navigation Drawer component, completely reworked Syntax Highlighting & Markdown components, improved Loaders, new List & Navigation Drawer design patterns, pre-built themes & inline files for Plunker, updated Sketch template and tons of fixes!
Github / Docs & Demo / Changelog / Upgrade / Quickstart
Covalent truly takes hold at Teradata
As we close the Alpha phase it’s a great time to give an update of the rollout of Covalent at Teradata. What started in AngularJS Material v1 with 2 developers on 1 product has blossomed into a core Covalent team of 7 developers fostering the rollout across all Teradata products & teams. …
With the final release in the alpha series, the Covalent Angular2 Material UI Platform is feature complete!
tl;dr — AOT, Notification menu, Dynamic Forms, Sticky Footers, Dialog updates, Datatable updates, Stepper updates, HTTP updates, Angular 2.4.1 & Angular-Material beta1!
Github / Docs & Demo / Changelog / Upgrade
Announcing: NGX-Charts Partnership!
This simple 5 step process lets you create editable PPT & Keynote shapes from SVGs
It’s 2016.
We’re in the future. The Cubbies won the world series. We have hoverboards (sort of). Nike released the Air Mags. Yet somehow we can’t import and SVG into Powerpoint or Keynote…until now!
Huge data-table updates, search box component, pagination component, new expansion panel & stepper features, full scss theme support, and Angular 2.2 + Angular-Material alpha.10 updates.
Teradata UX is extremely pleased to announce the immediate availability of Covalent 0.9!
Github / Docs & Demo / Changelog
Data-table updates
- Atomic data table components: td-data-table, td-data-table-column, td-data-table-row & td-data-table-cell elements
- Table cell template support: ng2 template to customize table cells
- Search box & pagination component integration: integrate the new search/pagination components into a data-table
Recently, the Angular 2 version of angular-material from Google received the long-await theming options. In contrast to the JavaScript theming from angular-material v1 they opted for a powerful mixin driven SCSS theme.
Choosing a Material Design color palette
If you use the official Material Design palette (which you should), you’re able to use all kinds of free color tools & apps on the web! Here are some of my favs:
- Material Palette (web)— a simple web tool to quickly test a primary & accent color on an interface
- Material Colors (macOS) - macOS desktop app (React Native version)
- Materialette (macOS/Windows/Linux) — toolbar app with hex/rgb
- MaterialUI (web) — hex/rgb/rgba web palette selection
- MaterialUIColors (web) — another web hex/rgb/rgba selection
theme.scss
In the /src directory of your ng2 app simply add this theme.scss:
That’s it! 7 lines of code to theme your entire Angular-Material 2 app! …
