-
Posts
23 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by ZenCoder
-
Псай, харош в диверсии играть
-
ссылку дайте ) .активныйСелектор .вложенныйКонтейнер { display:none; } .активныйСелектор:hover .вложенныйКонтейнер{ display: block; ( inline-block) } альтернативно можно менять height на transition ... будет плавно выворачиваться и уползать
-
Проститутка пароли украла от почты, домена, ключи от квартиры, паспорт порвала, деньги, ноутбук сломала, мусорам дала, чтобы не обижали ... Я теперь не он, мне стыдно (:
-
Verdana, sans-serif ... Больше мудрому дизайнеру ничего и не надо
-
Секции в article и классы на параграфах лучше не использовать. У Вас же footer есть.
-
Мне не нравятся Ваши шрифты. Сделайте их тоньше и более округлыми.
-
Собственно, если кому будет интересно, не сколько ради оценки, сколько для поделиться опытом ... Проект Mindstages, написанный за полтора месяца вдвоем для создания презентаций в режиме онлайн. То есть, идея была следующей: У пользователя есть фиктивно неограниченный монтажный стол, который помогает разложить какие-то объекты на плоскости, сделать для них расшифровку, задать анимацию и сохранить все на сервере. Любой человек может посмотреть онлайн перзентацию. Timeline несколько урезан в связи с тем, что отрефакторить игрушечку мы не успели. На проекте использован хардкорный JS, jQuery и Canvas. jQuery нас подвел т.к. есть много багов, которые просто так не заметны и выползают из версии в версию. Данные планировалось передавать c помощью web-sockets, а сервеная часть в основном сделана на Nodo.JS( извините, выложить не могу ) ... В целом можете забрать сорцы и поиграться с начинкой вот тут. Вообще мы могли уработать Adobe через пару лет, но у нас не было подходящего финансирования и команды. Поднято много опыта, понято много интересного( user exp, ui design, серьезные программы, данные, HTML и JS, будущее и реалии ) ...
-
Del в инстрементах девелопера на все лишнее( display: none на responsive ) и это прошло на мобильный экран ...
-
Зачем мне аутлайн, если я убил осла? Подробнее пожалуйста У меня Sublime и Safari. Я ничем больше не пользуюсь ... Отступы -- это табы. Чтобы блок не был на всю ширину и не накрыл другие элементы он инлайновый. Чтобы он встал куда надо он абсолютно спозиционирован от родителя. Ссылки оборачивать смысла не вижу. Там двойные лайн-хейт делают тоже, что и table-cell. Что не так? Мне не нужен табличный процессор ...
-
Зачем отсылать в справку, если вашего мнения все равно не видно? В болоте застревают БЭМы, они долго мучаются, кое как разными предлогами их убеждают, что это нужно, а потом они забывают про CSS как таковой и до сих пор режут круглые уголки табличками, создавая фэйковый трафик на IE6 и угрюмо хмурясь. Некрофилия какая-то фанатичная ... И мне монопенисуально, однако, у все свои приколы. Google в ужасе уже и Id генерируют рандомно, а ответ простой... Они просто не могут понять, что стандарты нужны. Пожалуйста подробнее. Я к Вам обязательно прислушаюсь. Не сегко тянуть паровоз, когда в тебя копья втыкают
-
И так ... Прсетупим ( хряп, хряп, хряп, хрум ) ... Дэннис бы вас отшлепал, не смотря на плюсеги, однако, согласен. Давайте ближе к телу. Разницы не так много. Id уникален, класс множественен. Уникализация с помощью Id эффективнее Class'овой. По мелочи этого достаточно но, если копнуть глубже, то выборка по Id гораздо быстрее. Варить умеет не только браузер, но и Javascripter, чтобы не делать лишних выборок в дереве. Между делом браузер делает это автоматически ... Вообще это так, но HTML написан чем? На вкус и цвет. Парсинг с - _ и без спэйса роли не играет. Ой да ладно Вам в носу ковыряться... Сами не можете и другим наверное не даете. Я бы хотел вспомнить про линуксовые глисты зависимостей( dependency ) и про модульные архитектуры. Но тут, видимо, нам с вами разговаривать не о чем. Мы не любим в именах зарезервированных атрибутов _ (землю). не любим глистотные закорючки БЕМ. Просто срежте лишнее с ID и утрамбуйте в свои классы: будет то-же самое для проекта на 2-3-5-15 лет. Переделывать не придется. Для маленького-же, очки помогут любому человек разобраться в любом модуле мгновенно, не изучая блоки-модификаторы и прочую чепуху, которая еще на бэкенде умудряется батхерт сгенерировать.
-
Два гетера + один сетер + один колбык на клик + 2 таймера ( на проверку высоты и переключение css; на сдвиг по 1 px в зависимости от пробега и высоты ). После этого. Ваши сетеры и гетеры будут работать на пол сайта и вы забудете про jQuery
-
Поясните? Вы наверное забыли про XML и то, что некоторые люди вообще забывают про дерево. Вам не нравится мой CamelCase, Вы никогда не писали на C и, естественно, никогда не вспомните про User-часть, Admin-часть, Edit-часть. Табов может быть много и везде JS. Имхо-то обоснуйте или мне за Вас анализировать ваши психо-всплески? p.s.: зачетики обычно я ставлю, но мне это не нужно ) не за партами сидим
-
- Сделайте центровку. Этого можно достичь с помощью table-cell и vertical-align - Мне не понравилась левая часть. Оторвана от контекста. Зачем вам фрэймовый стиль? - Коробки дергаются: это не круто. В целом задумка классная. Гнездышко нравится. Поменяйте направление скроллера на горизонтальное или посмотрите nivo slider ...
-
теперь есть ) я бы сказал озадачивает ... этим никто не разу не воспользовался. Он уже есть ) Костыль -- плохое слово. Все можно сделать без костылей и работает оно везде на нативной почве. p.s.: Кипер чтоле? Я с KOBS (: Смысл в том, что единичный объект-функция, который являтся приложением может разрастаться и сжиматься согласно ситуации. То есть ... { method_1: func() {} method_2: func() {} method_3: func() {} props: {} } method_1 уже был, а 2 и 3 вгрузились в процессе работы с серверной части вместе с объектом конфигурации props
-
iframe вестимо или кросcдоменная жаба ) но вообще то принято писать интеграцию на передаче POST \ GET через какой-то backend обсосатор, чтобы Вас не грохнули сразу-же. Транспорт данных осуществляется обычно через SOAP, XML, JSON etc ...
- 1 reply
-
- 1
-
Нет не смотрел ... Пост в топе, люди его читают, стандарты меняются, браузеры развиваются ...
-
Что делать с Опера? Она становится webkit-Next ... Страшно этими хаками пользоваться
-
сорри, cцылочка.
-
У меня есть идея сделать bootstrap на JS, который будет кроссмутабельно принимать с backend части приложения и инъекции параметров, без перезагрузки обновляя параметры приложения. Из особенностей закрытый доступ к внутренним методам приложения через строку, минимальное использование Prototype и возможность мутировать в связи с ситуацией согласно командам пользователя и настройке backend. Сжимается в мясо без потери работоспособности сразу 3мя способами. Front-end не призванивается снаружи обычными способами. Базовое приложение очень компактное, остальное инжектируется с backend( методы, функции параметры, контент ... ) через AJAX или Sockets; Работает с любым jQuery и Мутулз ... Пример: (function() { /* base application definition */ var appBase = function( appId ) { // create application index appId = appId || Math.floor( Math.random() * ( 1000 - 1 ) + 1 ); // define self examples properties this.stack = { /* application stack */ methods: [ ], extends: { }, /* init application */ init: function( cfg ) { this.creator( cfg ); this.bootstrap(); }, /* bootstrap */ bootstrap: function() { // unset initialization this.methods.init = null; // new application parameters var param = new Object(); param.app = this.methods, param.opt = this.setup; param.__proto__ = null; // run all init methods for( var i in this.setup.inits ) { this.methods[ this.setup.inits[i] ].apply( param ); }; }, /* methods injector */ creator: function( cfg ) { for( var mtd in cfg ) { var flag = cfg[ mtd ].options[ 1 ] || null, name = cfg[ mtd ].options[ 0 ] + "", func = cfg[ mtd ].func; // push simple methods in stack this.methods[ name ] = func; this.methods[ name ].name = name; // push methods whis timer flags if( flag ) { flag = flag.split('|'); if( flag[0] ) { switch( flag[0] ) { case 'init': this.setup.inits.push( name ); break; case 'defer': this.setup.defer.push( name ); this.setupTimer( [ flag[ 1 ], name, flag[ 2 ] - 0 ] ); break; }; }; }; }; }, /* setup timeout :: [ name, timer|timeout, time ]*/ setupTimer: function( opt ) { var tf = this.setup.timer[ opt[1] ], tt = this.methods[ opt[1] ], tm = opt[ 2 ] || 500; switch( opt[0] ) { case 'interval': tf = setInterval( tt, tm ); break; case 'timeout': tf = setTimeout( tt, tm ); break; }; }, /* flushTimer :: [ id ] */ flushTimer: function( id ) { clearInterval( this.setup.defer[ id ] ); console.log( 'Interval '+ id +' Stoped!'); }, /* base configuration */ setup: { // aplication identificator and parameters appId: 'ZenApp_' + appId, param: [ ], // base application parameters inits: [ ], defer: [ ], timer: [ ], // base application flags flags: { } } }; // clear prototype constructor to // prevent root-places extend this.stack.__proto__ = null; this.__proto__ = null; }; /* new application from pattern */ var application = new appBase(); var app = application.stack; /* * configure base methods * * func: function body * options: [ string, init|defer, time ] * */ var cfg = [ { func: function() { console.log( 'RUN [mtd_1] AT [init stage] => force [mtd_3]' ); this.app['mtd_3'].apply(this); }, options: [ 'mtd_1' , 'init' ] }, { func: function() { console.log( 'RUN [mtd_2] AT [init stage]' ); }, options: [ 'mtd_2' , 'init' ] }, { func: function() { console.log( 'RUN [mtd_3] BY [mtd_1] FROM [init stage]' ); }, options: [ 'mtd_3' ] }, { func: function() { console.log( 'run defered method #1 in timeout' ); }, options: [ 'deferedMethod_1', 'defer|timeout|8500' ] }, { func: function( ) { console.log( 'run defered method #2 in interval' ); }, options: [ 'deferedMethod_2', 'defer|interval|500' ] }, ]; // base methods configuration // first run ? true or null app.init( cfg, true ); })(); Ваши идеи?
-
Здравствуйте, уважаемые. Слегка просохли жабры мои от алкоголя употребленного в упокой любимому ослику нашему, Иа, как бы решил попробовать сделать все нетипично HTML 5 и CSS3. Получилось даже валидно ... Что скажете по поводу техники OOCSS? Очень бы хотелось услышать мнения именитых БЕМ-специалистов, ведь мы так похожи и так нетипично разорваны. Project: Пресс Индекс Layout: module, OOCSS, semantic future; C уважением, Зеня ПростоФилин