What’s new in CSS at #wwdc23 today!
Super useful info on how to use new CSS for
- layout
- wide gamut color
- selectors
- typography
I’m so excited I got the opportunity to make this session for you. Please take a look.
developer.apple.com/videos/p…
You can also generate colours using the newer Advanced Perception of Color Algorithm (APCA).
This new algorithm helps fix some of the issues with the existing algorithm.
Just click on the contrast ratio in the header to switch algorithms.
👉 randoma11y.com/apca
here’s CSS GUI (components.ai/css-gui by @components_ai) using GPT-4 to create website markup from a prompt and then expose the styles to be edited generatively
here’s a force-directed knowledge graph interface for @OpenAI’s gpt-4. given a topic, it prompts new questions to ask based on its own generated responses, allowing curiosity-led exploration of a concept.
here’s CSS GUI (components.ai/css-gui by @components_ai) using GPT-4 to create website markup from a prompt and then expose the styles to be edited generatively
Combining generative color palettes with SVG illustrations is so satisfying. Click / tap to regenerate. More examples and demos coming soon: components.ai/generative/col…
AI Tool 113 👇
🎨 @components_ai an open-source design tool that lets you build custom design tools without any code, is a game-changer for designers, developers, and product teams looking to streamline their design process. This tool is a must-have for any web project! #design
An open source display-p3 color system components.ai/theme/bPAt2EwA…
- Modular scales that are easy to customize
- Balanced for accessibility
- 6,490 accessible combos
- Export as CSS, Sass, CSS Variables, CSS in JS, and more
Open source color system
- 132 colors
- 5,390 accessible color combinations
- The first 6 steps in each scale are accessible with white, the last 6 steps are accessible with black
- Export as CSS, JS, JSON, or Sass
components.ai/theme/sRr4Q9BG…