Comments (7)
Hi @vipero07 ! Many of our sites don't use frameworks, and we're always trying to reduce third-party dependencies where we can. We like to keep it simple :) So, we're aiming to have modular components with accessibility/508 built to our team standards ready to use across any of our projects, no matter what framework (or not) they're using.
You're right though — Bootstrap and similar do a really nice job of making it easy to get up and running fast!
from frontend.
+1
from frontend.
Just wondering, wouldn't bootstrap, material design lite, or similar style packages cover some of these? Both have a responsive table implementation and both use a grid layout for positioning. Plus tons of developers have used bootstrap before, it would be pretty easy for any newcomer to pickup and help on different projects. Even for those who haven't it has a ton of documentation making implementation pretty simple. The most difficult part would be making a table infinite scroll in either direction, but that could be done using some javascript library like react.js ember or angular to make the components and pull out nonvisible dom tags and put in the soon to be visible ones. Something like this https://github.com/seatgeek/react-infinite
from frontend.
@shawnbot we started to work on basic tables here: uswds/uswds#249 Having some more features like you mentioned would be cool.
+1 Charts - we heard this being wanted during our research for the pattern library, but it was not a heavily requested enough feature to work on for this round. But we'd be happy to include them.
I think a USA map tile would be super cool. We've also picked our colors for the pattern library so would be neat to use colors from our family.
from frontend.
@maya of course I'm thinking that custom elements might be a good way to do the progressive enhancement. E.g.
<table is="awesome-table" sortable="true" fixed-header="true">
</table>
Then the custom element would handle listening for click
events on headers (maybe with event delegation, so you could add and remove headers at will) and listen for scroll
and resize
window events to manage the fixed header.
from frontend.
@shawnbot for tables, what were you thinking for "make them behave well on mobile"? Something like Tablesaw by Filament Group? https://github.com/filamentgroup/tablesaw
from frontend.
@maya yeah, Tablesaw is sweet. I like that it works declaratively with attributes, rather than having to address each table with jQuery.
from frontend.
Related Issues (20)
- Add output encoding section to security guide HOT 2
- Add same origin policy to security guide
- Add defensive programming section to security guide
- Include content security policy section on security guide HOT 3
- Truncated text in Vanilla JS subsection of Web Components chapter
- Remove Hound recommendation - replace with Code Climate? HOT 2
- Standardize on writing "JavaScript" or "Javascript"
- Footer links to old Federalist link
- Add React section HOT 1
- Audit guide content HOT 2
- Discuss whether the Libraries section in the guide is useful HOT 1
- Set up the glossary module to be continuously published to NPM
- Set up the accordion module to be continuously updated on NPM
- Should we move the Web Components section to a wiki page? HOT 1
- Crawl or survey 18F's GitHub projects to create a snapshot of front end tech in use HOT 1
- Link to other guides where applicable
- Link to wiki on guide HOT 2
- Revisit the distinction of Front End Design and Engineering roles
- Google Analytics not working HOT 1
- Rewrite Sass guidance to reflect deprecation of Ruby Sass
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from frontend.