Comments (23)
@gregwhitworth I'd be happy to pick this up if this isn't in progress yet.
from open-ui.
Are there considerations for other screen sizes in terms of making this responsive as well?
@ststimac not sure if you saw my question referenced above. If you had considerations for responsive design, I would prefer to use those. If not, I can probably make this design responsive. I have less time to dedicate to this than I did in September, but I can probably carve out some time towards the end of this month.
from open-ui.
@ststimac Thanks much for creating the comps and helping push this forward. I really like the first comp there in that it calls out and dedicates a top-level section to the "Analysis" (which could also be "Research") arm of Open UI.
The reason I really like this is because when I first formed Open UI, the original mission was research alone. However, as there has been more activity on the platform side than research side, I do worry about the research arm getting lost a bit in the mission. Again, this is why I really like the first comp there, the research aspect is called out top-level.
Both look fantastic BTW. I'm speaking mostly to the representation of what Open UI is about when I say I like first sample over the second.
from open-ui.
@brianespinosa we're starting up a separate conversation in the Discord for the site re-design. I think these wireframe-y mockups are going to get re-done as there is a larger conversation around content that is happening and organizing things.
from open-ui.
@brianespinosa Here's a link to the Discord. https://discord.gg/3Jh5ZSzh
We just had someone else volunteer to help with the development too but please feel to still join!
from open-ui.
Initially assigning to Chris since I think he was the one that said he could tackle it.
from open-ui.
Any update @chrisdholt? Really looking forward to this 😄 I'm also game for helping out if needed.
from open-ui.
Gonna ping again on this @levithomason @chrisdholt, what's a solid ETA we can put this in? Let's say just an initial design comp? Does mid-May, say the 20th work?
from open-ui.
@ststimac - Goodness I'd love it! We have discussed it numerous times being a need but unfortunately it kept getting bumped. So that would be wonderful if you can create some mockups. Let me know if you want to sync about primary content on the main page.
from open-ui.
@gregwhitworth yup we should sync! I've got some time tomorrow or Thursday morning then I'm taking a few days off. So if next week would be better that's fine too!
from open-ui.
@ststimac hey what's the update on this?
Also, @levithomason and I were chatting and as you've seen regarding the Figma comps there are more than one demo that are beginning to reference Open UI. Right now the specs are heavily leaning towards developers (whether FE, component authors, or browser implementers) but it would be good for the landing page to call attention to the various benefits Open UI brings to each.
- Developer: "Some fancy words about how it's the definitive solution blah blah"
- Designer: "Leverage design tool kits to design alongside your developers with the same expectation of states, terminology, bla blah"
This could change the overall design of the specification itself to be more designer friendly rather than a bunch of events it could focus on the anatomy, use cases, and links to figma/sketch, etc. It would be good to be able to toggle this on the spec page as well.
from open-ui.
@gregwhitworth I sent you and @levithomason comps yesterday. Did they not come through?
from open-ui.
@ststimac it got sucked in by a rule :) Thanks
from open-ui.
@levithomason from the beginning have had a desire to be able usable by anyone (whether they work in web or not). Currently however all content is web focused we want to leave the door open for potential contributions to make specs tailored to folks that may be building out controls/components on other platforms. So let's make the subheading be:
The missing industry standard definition of UI
As I noted in the Figma item, I'd like to see this comp initially show how it helps designers vs developers. Maybe this could be two button type toggle that is on each component and mirrored on the sub page specs.
The difference between the components under analysis and proposals is that analysis is solely research that has been collated for the component. As the component moves to proposal this moves up to the right hand side of the proposal to allow someone to still get at this research but alleviate confusion on their being to components with the same name just under different categories.
Overall it looks great, thanks taking this on.
from open-ui.
@ststimac any update on the progress of this?
from open-ui.
@gregwhitworth no, I've not had a moment to make any updates to it unfortunately. Probably not until next week.
from open-ui.
I know the existing doc generation for this was basically just a copied and then cleaned up version of what Semantic UI React uses to generate docs. I am happy to help on the implementation side of things making whatever updates are needed. I think we have some MDX files being used now. If it turns out the designs could benefit from some custom components we can extend into our MDX files, I have been spending a lot of time recently doing this for my own org.
from open-ui.
@ststimac re-ping on this
@brianespinosa thanks for the offer, we'll definitely need the help as the few that have common contribs are pretty full on spec modifications. @ststimac mind re-sharing the comp here in image form, I'm fine with us having the discussion in the public since most folks don't make their way this far down in the issues list anyways :)
from open-ui.
@brianespinosa @gregwhitworth Here are the comps but w/o the considerations discussed. I'm back from vacation so hoping to carve out some time to make updates. Here were the first two initial variations. I don't recall one being picked to iterate on.
from open-ui.
Thanks @ststimac these look great!
I think the second one makes more sense but maybe I am just not fully understanding the analysis section. Would love to hear the opinions of others on this. As well.
Are there considerations for other screen sizes in terms of making this responsive as well?
from open-ui.
This is linked to #287
from open-ui.
@ststimac Ah, I did not know there was a discord. If someone else is wanting to throw their own resources at the implementation side, I can let them take it. But if the action item for making this happen is not assigned, I am still happy to put some time into this once we have more info on that direction. I did not see anything about a Discord in the docs. I am happy to join it if someone thinks that would be helpful.
from open-ui.
Closing in favor of #310, more updated issue after iA workshop session
from open-ui.
Related Issues (20)
- Multiple URLs for components?
- Consider <time> improvements HOT 1
- Imperative invoker relationships HOT 6
- [select] - Ensure any new UA defaults meet WCAG 2.2 target size (minimum) HOT 10
- [invokers] invoke on focus but not hover HOT 3
- [carousel] How to make scroll-markers / navigation buttons? HOT 5
- [interest invokers] Should we support other forms of link elements? HOT 4
- [invokers] Should events trigger when invoking? HOT 5
- explore use cases for single input modality use cases of interest invoker HOT 3
- [invokers - interest] What to do with manual popovers on lose interest HOT 4
- [invokers] `invokeaction=set/reset/clear` for form inputs
- Use cases for a button with a pressed state HOT 10
- Use cases for a button with multiple states HOT 12
- [focusgroup] Should focusgroup direction follow the DOM order or the visual order? HOT 4
- [switch] Should the switch element support swipe actions? HOT 7
- [switch] Should the switch have a toggle() method? HOT 1
- [popover] moving keyboard focus out of a popover should dismiss it HOT 9
- Target minimum size for select HOT 2
- [interest invokers] Touch inputs HOT 7
- Explore `<input>` Element as a child within `<select>` for Combobox HOT 3
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 open-ui.