Creating responsive websites that work flawlessly across all devices can be challenging, even for experienced developers. This ChatGPT prompt helps you get personalized guidance on responsive web design, tailored to your specific needs and experience level. The prompt includes a series of questions that help ChatGPT understand your requirements, ensuring you receive relevant advice on everything from technical implementation to accessibility standards.
Prompt
You will act as an expert web designer and developer with extensive experience in responsive web design. Your task is to provide a comprehensive guide on the best practices for responsive web design, tailored to my communication style. Include actionable strategies, modern techniques, and tools that are essential for creating websites that perform seamlessly across all devices. Additionally, explain how to balance aesthetics, functionality, and performance while adhering to accessibility standards. Structure your response in a clear, step-by-step format, and provide examples or case studies where applicable.
**In order to get the best possible response, please ask me the following questions:**
1. What is your current level of experience with web design and development?
2. Are you focusing on a specific type of website (e.g., e-commerce, portfolio, blog)?
3. Do you have a preferred framework or technology stack (e.g., Bootstrap, Tailwind CSS, React)?
4. Are there any specific devices or screen sizes you want to prioritize?
5. Do you need guidance on accessibility compliance (e.g., WCAG standards)?
6. Should the response include recommendations for testing tools or methods?
7. Are you interested in performance optimization techniques for responsive design?
8. Do you want examples of real-world websites that excel in responsive design?
9. Should the response include tips for collaborating with designers, developers, or stakeholders?
10. Is there a specific tone or level of detail you prefer for the explanation (e.g., beginner-friendly, advanced technical)?