Research and Documentation Module 1
ChatGPT
"Research and Document four different bloggers that write about CSS and web development. Include a summary about the author and links to their blog and social media platforms." ChatGPT, GPT-3.5, OpenAI, 28 Jan. 2024, ai-url.com/chat.
The AI engine returned the following response:
Chris Coyier Summary:
Chris Coyier is the founder of CSS-Tricks, a website and blog dedicated to all
things CSS and front-end web development. He's also a co-founder of CodePen, a popular
online code editor and community for front-end developers. Chris is known for his clear
writing style and practical tutorials on CSS, HTML, JavaScript, and related
technologies.
Blog: CSS-Tricks
Twitter: Chris Coyier on Twitter
Rachel Andrew Summary:
Rachel Andrew is a well-known figure in the web development community, with a
focus on CSS, layout, and web standards. She's the co-founder of Perch CMS and Notist,
and she's been involved in the development of CSS Grid Layout. Rachel is a prolific
writer, contributing to various blogs and publications, offering insights and tutorials
on modern CSS techniques.
Blog: Rachel Andrew's Blog
Twitter: Rachel Andrew on Twitter
Lea Verou Summary:
Lea Verou is a front-end developer, author, and speaker known for her expertise in CSS,
particularly in areas like CSS3, animations, and web design. She's a member of the W3C
CSS Working Group, contributing to the development of CSS standards. Lea's blog contains
a wealth of articles and tutorials on CSS tricks, techniques, and best practices.
Blog: Lea Verou's Blog
Twitter: Lea Verou on Twitter
Sarah Drasner Summary:
Sarah Drasner is a developer, author, and speaker, specializing in front-end
technologies such as CSS, SVG, and JavaScript. She's a Vue.js core team member and an
advocate for web accessibility and performance. Sarah's blog features tutorials, case
studies, and insights into advanced CSS techniques, along with practical advice for
front-end developers.
Blog: Sarah Drasner's Blog
Twitter: Sarah Drasner on Twitter
From me
The following is a post from Sarah Drasner on Twitter.
🎇 I made a small tool for everyone: CSS Grid Generator. You can designate rows, columns, gaps, and units, and then drag to create child divs to make dynamic layouts with ease!
— Sarah Drasner (@sarah_edo) May 28, 2019
Open source on GitHub and deployed on @Netlify https://t.co/IslfoUYyKL pic.twitter.com/6Bd0HTFBu4
There isn't much to summarize here, the post says it all. This is a neat little grid generation tool that she has developed. You can designate rows, columns, gaps, and units with a gui. You just enter the number of columns, rows, and the gaps you want on the right side of the app. You specify the column sizes at the top, and the row sizes on the left. Then click "Please may I have some code" button on the right and voila' you have a responsive grid coded for you that all you have to do is plunk it into your HTML. I struggle more than I care to admit with grids, and I think I'm gonna give this a whirl.