Skip to content

Instantly share code, notes, and snippets.

View sintell's full-sized avatar

Aleksey Anatskiy sintell

2 followers · 4 following
View GitHub Profile
@sintell
sintell / gist:7342216
Last active December 27, 2015 14:39
/* 1 */
body {color: red;}
p {color: blue;}
/* Answer: Текст будет синим, так как p в данном случае более специфичный селектор */
/* 2 */
p {color: red;}
.bar {color: blue;}
/* Answer: синий, селектор по классу имеет больший вес */
@sintell
sintell / style.css
Last active December 27, 2015 14:39
<ul class="navigation">
<li class="navigation__button-wrapper">
<a href="#" class="navigation__button navigation__button_complete">Link</a>
</li>
<li class="navigation__button-wrapper">
<a href="#" class="navigation__button navigation__button_complete">Link</a>
</li>
<li class="navigation__button-wrapper">
<span class="navigation__button navigation__button_active">Link</span>
</li>
@sintell
sintell / css_noise
Last active August 29, 2015 13:56
css noise
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAUVBMVEWFhYWDg4N3d3dtbW17e3t1dXWBgYGHh4d5eXlzc3OLi4ubm5uVlZWPj4+NjY19fX2JiYl/f39ra2uRkZGZmZlpaWmXl5dvb29xcXGTk5NnZ2c8TV1mAAAAG3RSTlNAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEAvEOwtAAAFVklEQVR4XpWWB67c2BUFb3g557T/hRo9/WUMZHlgr4Bg8Z4qQgQJlHI4A8SzFVrapvmTF9O7dmYRFZ60YiBhJRCgh1FYhiLAmdvX0CzTOpNE77ME0Zty/nWWzchDtiqrmQDeuv3powQ5ta2eN0FY0InkqDD73lT9c9lEzwUNqgFHs9VQce3TVClFCQrSTfOiYkVJQBmpbq2L6iZavPnAPcoU0dSw0SUTqz/GtrGuXfbyyBniKykOWQWGqwwMA7QiYAxi+IlPdqo+hYHnUt5ZPfnsHJyNiDtnpJyayNBkF6cWoYGAMY92U2hXHF/C1M8uP/ZtYdiuj26UdAdQQSXQErwSOMzt/XWRWAz5GuSBIkwG1H3FabJ2OsUOUhGC6tK4EMtJO0ttC6IBD3kM0ve0tJwMdSfjZo+EEISaeTr9P3wYrGjXqyC1krcKdhMpxEnt5JetoulscpyzhXN5FRpuPHvbeQaKxFAEB6EN+cYN6xD7RYGpXpNndMmZgM5Dcs3YSNFDHUo2LGfZuukSWyUYirJAdYbF3MfqEKmjM+I2EfhA94iG3L7uKrR+GdWD73ydlIB+6hgref1QTlmgmbM3/LeX5GI1Ux1RWpgxpLuZ2+I+IjzZ8wqE4nilvQdkUdfhzI5QDWy+kw5Wgg2pGpeEVeCCA7b85BO3F9DzxB3cdqvBzWcmzbyMiqhzuYqtHRVG2y4x+KOlnyqla8AoWWpuBoYRxzXrfKuILl6SfiWCbjxoZJUaCBj1
@sintell
sintell / CDU.js
Created March 5, 2019 13:18
const { showedId, setShow } = this.props.context;
if (
showedId === prevProps.context.showedId &&
this.state.show === prevState.show &&
this.props.show &&
showedId !== this.state.id
) {
setShow(this.state.id);
}
@sintell
sintell / hooks.js
Created March 5, 2019 13:18
useEffect(
() => {
if (showedId === null || id === null) {
return;
}
toggleShow(showedId === id);
},
[showedId]
);
@sintell
sintell / obsidian-web-clipper.js
Last active October 5, 2024 02:27 — forked from kepano/obsidian-web-clipper.js
Obsidian Web Clipper Bookmarklet to save articles and pages from the web (for Safari, Chrome, Firefox, and mobile browsers)
javascript: Promise.all([import('https://unpkg.com/[email protected]?module'), import('https://unpkg.com/@tehshrike/[email protected]'), ]).then(async ([{
default: Turndown
}, {
default: Readability
}]) => {
/* Optional vault name */
const vault = "Vault";
/* Optional folder name such as "Clippings/" */