Skip to content

Instantly share code, notes, and snippets.

View id753's full-sized avatar
😉

Evgeniy O. id753

😉
View GitHub Profile
@id753
id753 / Prettier
Created January 6, 2026 14:06
Налаштування для форматування коду.
{
"semi": true,
"singleQuote": true,
"trailingComma": "all",
"printWidth": 80,
"tabWidth": 2,
"useTabs": false,
"arrowParens": "always",
"bracketSpacing": true,
"endOfLine": "lf"
@id753
id753 / EditorConfig
Created January 6, 2026 14:04
Він забезпечує однакові відступи, кодування й кінцівки рядків у різних редакторах. Такі налаштування допомагають уникнути проблем, пов’язаних із різницею символів кінця рядка між різними операційними системами.
root = true
[*]
charset = utf-8
end_of_line = lf
insert_final_newline = true
indent_style = space
indent_size = 2
trim_trailing_whitespace = true
@id753
id753 / Modern CSS Reset
Last active January 5, 2026 11:14
Reset CSS is a set of styles that removes the browser's default margins, paddings, and other built-in styling to create a consistent starting point for your own design.
// A Modern CSS Reset
*, *::before, *::after {
box-sizing: border-box;
}
* {
margin: 0;
}
img, picture, video, canvas, svg {
display: block;
@id753
id753 / A universal .prettierrc.json example suitable for React, JavaScript, and TypeScript projects.
Created January 4, 2026 08:04
A .prettierrc.json file is a configuration file that defines code formatting rules used by Prettier to keep code style consistent across a project.
{
"semi": true,
"singleQuote": true,
"trailingComma": "es5",
"printWidth": 80,
"tabWidth": 2,
"useTabs": false,
"arrowParens": "always",
"bracketSpacing": true,
"jsxSingleQuote": false,
@id753
id753 / Visually Hidden CSS pattern
Created January 4, 2026 08:04
A visually hidden CSS pattern is a technique used to hide content visually while keeping it accessible to screen readers for better accessibility.
//visually-hidden
.visually-hidden {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
white-space: nowrap;