Skip to content

Instantly share code, notes, and snippets.

View voischev's full-sized avatar

Ivan Voischev voischev

View GitHub Profile
@samdark
samdark / devmeeting.md
Last active December 11, 2015 17:28
Встреча разработчиков, Воронеж #1
@arikon
arikon / i-jquery__my-plugin.js
Created February 1, 2014 16:35
jQuery plugin with bem-core
// If you are using borschik to expand links (bem make and enb do this for you)
// you could use this hack for any jQuery plugin found in the wild
modules.define('i-jquery__my-plugin', ['jquery'], function(provide, $){
var jQuery = $,
window = {jQuery: jQuery};
/*borschik:include:path/to/jquery-plugin.js*/
provide($);
});
@Panya
Panya / bench
Last active August 29, 2015 14:01
preprocessors benchmark
html {
overflow: hidden;
&:before {
position: absolute;
top: 50%;
left: 50%;
margin: -10em;
border: dashed 2px;
width: 20em;
height: 20em;
@Ser-Gen
Ser-Gen / breakPseudoLine.md
Last active October 13, 2022 07:47
Перенос строки в псевдоэлементах

Писать текст с новой строки в разметке можно благодаря тегу <br>. Сделать то же самое в тексте псевдоэлемента поможет следующее.

Для начала, нужно добавить псевдоэлементам объявление white-space: pre;, чтобы текст выводился с учётом символов переноса.

Если текст псевдоэлемента задаётся в его стилях при помощи объявления content: "Текст псевдоэлемента", нужно использовать \A:

<p class="test"></p>
({
block : 'page',
title : 'hello',
head : [
{ elem : 'css', url : 'hello.min.css' }
],
scripts : [{ elem : 'js', url : 'hello.min.js' }],
mods : { theme : 'islands' },
content : [
{

Сравнение синтаксиса

Для сравнения была поставлена задача преобразовать входные данные вида:

var data = {
  caption: "Cap",
  people: [ 'John', 'Malkovich', 'Doe' ]
}

в строку Cap: John, Malkovich, Doe

@iAdramelk
iAdramelk / .md
Last active June 4, 2024 05:34
Длинная телега про Бутстрап

Английская версия: https://evilmartians.com/chronicles/bootstrap-an-intervention

Вводная часть

У CSS есть несколько базовых проблем, которые позволяют очень быстро отстрелить себе ногу при неправильном использовании:

  1. Глобальный неймспейс – в серверном программировании все что написано в файле, в файле и остается. Все же что написано в css и js засирает глобальное пространство имен со всеми вытекающими. В JS эту проблему сейчас побороли всякими модульными системами, а вот с css сложнее. В идеальном мире это должен починить Shadow DOM и настоящие Web Components, но пока их нет единственный способ с этим бороться – следовать какой-то системе именований селекторов, которая по возможности уменьшает и исключает возможные конфликты.

  2. Каскадность – если на один элемент может сработать несколько правил, то они все и сработают последовательно. Если есть элемент h1.title, на него сработают все правила для тегов h1 и все правила для класса .title. Так как весь html состоит из тегов, то правил которые п

Install:

npm install

Run:

gulp