Blog Post 4
This week I found inline CSS the most challenging, as well as the steps for linking external stylesheets. To resolve issues with my code, I used lecture slides, notes from PluralSight, and W3Schools to improve my understanding of inline CSS. I was able to resolve issues with me coding such as; how and where to include the linked page for external stylesheets.
After viewing the video, I was curious about Prettier. “Prettier is an opinionated code formatter with support for JavaScript (including experimental features), JSX, Angular, Vue, Flow, TypeScript, CSS, Less, SCSS, HTML, Ember/Handlebars, JSON, GraphQL, Markdown, including GFM and MDX v1, and YAML. It removes all original styling* and ensures that all outputted code conforms to consistency. “Prettier takes your code and reprints it from scratch by taking the line length into account.” (prettier.com, accessed 10/2024)
Prettier is a code formatter. There are other code formatters such as Textmagic: Source Code formatter and beautifier and the newer Biome formatter. The Prettier code formatter automatically formats source code by removing the original format and using a predetermined set of style guidelines. This is useful to ensure consistency in style. With Prettier, a team of developers can work collaboratively using a fully automatic style guide, saving the team time by eliminating debates over style. It is compatible with many developer tools, as previously mentioned. Listed below are some of the tools that are supported by prettier. I also included links for HTML and CSS cheat sheets.
Developer Tools/Resources
JSX is a syntax extension for JavaScript that allows you to write HTML-like structures within your JavaScript code.
https://www.typescriptlang.org
HTML Cheat Sheet
https://html.com/wp-content/uploads/html-cheat-sheet.pdf
CSS3 Cheat Sheet
https://www.thehoth.com/wp-content/uploads/onblastblog/CSS3-Cheat-Sheet.pdf