Weekly News for Designers № 688

Envato Elements

Ultimate ChatGPT cheatsheet for UX UI Designers – A set of prompts to help improve your workflow.
Example from: Ultimate ChatGPT cheatsheet for UX UI Designers

Better Responsive Design With CSS clamp() – Learn how to produce more efficient styles using this handy function.
Example from: Better Responsive Design With CSS clamp()

OpenAI Extends ChatGPT with Plugins, Including a Browser – A look at some compelling new plugins added to the artificial intelligence tool.
Example from: OpenAI Extends ChatGPT with Plugins, Including a Browser

Laying Out a Print Book With CSS – One designer’s unusual method for creating a print layout.
Example from: Laying Out a Print Book With CSS

Cyberpunk inspired Three.js Scene with JavaScript and Blender – Follow along as this tutorial demonstrates a vibrant Cyberpunk scene.
Example from: Cyberpunk inspired Three.js Scene with JavaScript and Blender

How Efficiency Makes You a Better Designer – Ideas for saving time and getting more done.
Example from: How Efficiency Makes You a Better Designer

The End of Front-End Development – Why AI won’t be replacing humans anytime soon.
Example from: The End of Front-End Development

What Does this Code do? – Paste a code snippet into this tool and it will explain how it works.
Example from: What does this code do?

5 Common Tasks That ChatGPT Can Perform for Web Developers – You might be surprised at some of the time-saving tasks AI can tackle.
Example from: 5 Common Tasks That ChatGPT Can Perform for Web Developers

Float UI – A free and open-source collection of UI components.
Example from: Float UI

Some Cross-Browser DevTools Features You Might Not Know – A few lesser-known things you can do with your browser’s developer tools.
Example from: Some Cross-Browser DevTools Features You Might Not Know

10 CSS & JavaScript Snippets for Creating Text Distortion Effects – Get inspired by this collection of incredible text effects.
Example from: 10 CSS & JavaScript Snippets for Creating Text Distortion Effects

Visual Design Rules You Can Safely Follow Every Time – A handy list of tried-and-true design techniques.
Example from: Visual design rules you can safely follow every time

5 Levels of Using CSS Variables – Tips for implementing CSS variables into your designs.
Example from: 5 Levels of Using CSS Variables

GradientSpace – Create a CSS gradient using this browser-based tool.
Example from: GradientSpace

CSS-only Widgets Are Inaccessible – Examples that demonstrate how to improve the accessibility of interactive widgets.
Example from: CSS-only Widgets Are Inaccessible

Navigating the New Era of AI-Assisted Code Generation in WordPress – A look at the growing concerns of code quality and ensuring GPL compatibility.
Example from: Navigating the New Era of AI-Assisted Code Generation in WordPress