Yamaradg

Всем привет. Народ. У меня такои вопросы: 1) Какие преимущества дает бустрап и нужен ли он вообще верстальщику на фрилансе? (просмотрел с десяток роликов и не понял в чем его преимущество.) 2) Есть ли смысл использовать препроцессоры(напирмер SASS) в своих проектах на фрилансе и насколько это сейчас востребовано? (как я понимаю обычный фрилансер с небольшим опытом такой проект уже будет не в состояннии доработать?) 3) Какие способы CSS(или возможно HTML) опимимизации кода существуют на сегодняшний день? (читал в некоторых источниках, что перед продакшином код необходимо в идеале оптимизировать.) 4) существует ли какой то механизм по определению того, сколько кода в твоей работе является неработающим? (например CSS) 5) стоит ли использовать какие то методологии на своих проектах во фрилансе? (Guide Lines, БЭМ и т.п.), если учесть, что никто практически не владеет всеми методологиями(топовыми) и соответственно вероятность небольшая, что верстая например по guide lines методологии - это в будущем может кому то облегчить доработку проекта.. P.S. Последний год в основном приходилось отходить от верстки(занимался немного другой сферой) и сейчас хотел бы снова войти в струю как говориться..

Добрый вечер. Недавно у меня появился проект на котором требуется, что бы вся графика на странице появлялась(при загрузке страницы) одновременно и без особых задержек. Вопрос: Какие механизмы на сегодняшний день существуют в этом плане? (можно ли это организовать спрайтами или при помощи JS что-нибудь придумать?)

Ну там есть выбор: basic, optimal, expert (выбрал expert и там уже Subsetting: > Custom Subsetting > language > Cyrillic)

Вопрос решить всё же удалось - путём ручной установки русских шрифтов.. (в сервисе fontsquirrel.)

Добрый вечер. Есть такая страница: http://webmaster.ayrveda.ru/Made_in_Fashion/index.html Подключил нестандартный шрифт через fontsquirrel - но отображается(у меня) он только в браузере Safary!? http://webmaster.ayrveda.ru/font_safary.jpg В остальных браузерах отображается это дело вот так: http://webmaster.ayrveda.ru/font_mazilla.jpg Не знаю в чём причина. (возможно в путях.) В общем не пойму что упустил из виду? Перепробовал всё, что в голову пришло и вариантов у меня больше вроде не осталось! Буду благодарен, если кто поможет разобраться в данной проблеме. (Это очень срочный проект и времени просто нет!) Ссылка на сгенерированные шрифты здесь: https://disk.yandex.ua/public/?hash=rhL5AlIAkB1wp%2Bj1R4RE0m3UxzGy2YfDHYuvrQnSdkg%3D

Возможно и пора. ) 1) Смотря что считать крупной суммой? Лично у меня нет особого желания бесплатно работать пару дней над созданием какой-нибудь(более ли менее приличной по объёму) титульной страницы! 2) Проблема в том(опять же лично у меня), что закам приходится часто отказывать в связи с занятостью на другом проекте. Раз другой откажешь и зак слетает! (Как то так.) Иметь постоянных(в полном смысле этого слова) как по мне - это нереально!? (Если я не прав - готов выслушать вашу позицию!) 3) Каждый раз, при повышении оплаты cвоего труда(цены за час) - заки так же уходят и ищут более дешёвого верстальщика. 4) У зака обязательно есть запасной верстальщик(как правило не один) и он в том числе и его обязан(если можно так выразиться) обеспечивать работой, что бы не потерять с ним в перспективе контакты! Естественно, что в связи с этим, частота заказов по вёрстке от одного заказчика так же не идёт вверх! 5) Фриланс - это такая структура, где у людей(в том числе заков) по 7-мь пятниц на неделю! (Сегодня он зак - а через пару месяцев вообще этим не занимается.) Иметь чёткую стабильность в этой среде как по мне очень не просто! P.S. Есть у меня несколько постоянных заказчиков - но проекты от них поступают раз в месяц(или реже)! (потому как они сами программистами являются и пишут серверную часть!) Естественно что пишется это дело не быстро - поэтому и заказы поступают редко. Если иметь 20-30-ть таких постоянных людей - то почти гарантировано придётся(через пару месяцев) отказать в услугах(так или иначе) половине из этих людей. (Однозначно это повлечёт за собой последствия в виде потери этих клиентов..) К стати насчёт фриланса - там не об этом в основном говорили! )) Были варианты: 1) Шифрования вёрстки(вроде как есть программы) 2) отключить стили для старых браузеров 3) browserling.com 4) netrenderer.com 5) показывать видеоконференцию Скайпа P.S.2 На счёт JS в плане минификации мне понятно - но никогда не видел аналога для HTML+CSS? (Такое дело разве существует?)

То есть? ) (Не совсем вас понял.) Если можно - по конкретнее об этом? )

Как я понимаю есть 2 больших минуса: (если ничего не упустил.) 1) Заказчик должен установить у себя модуль(QuickJoin) - для того, что бы иметь возможность видеть мой экран. (То есть он должен тратить своё время + мозги и нервы ) на данную процедуру! 2) Я, как исполнитель, должен тратить своё время на отслеживание действий зака, который ненароком может файлы сайта(или что нибудь ещё немаловажное из моего копма!) перебросить куда нибудь к себе, для дальнейшей эксплуатации..

именно. вы переопределяете значение свойства и в итоге остается последнее. Понял. Спасибо! А что же тогда делать в таком случае? ) (Надо же как то скормить несколько форматов для различных браузеров!?)

Может тогда продемонстрировать работу через TeamViewer? Из беглого взгляда я так понял что это что то наподобие удалённого помошника(в Windows)? (Но с возможностью записи.) Насчёт записи своих действий(только через Camtasia Studio) я уже задумывался и ранее. Только вот достаточно ли этого материала будет для каждого нового заказчика..? )

Почитал статью на хабре и похоже действительно ie-7 в картину не вписывается. ) У автора той статьи селект нельзя увеличивать по высоте - иначе там в ie-7 такая же проблема как и у меня появляется. (либо я чего то в той статье не до понял.) P.S. За подсказку с обфускаторами спасибо! Обязательно погуглю, на досуге, на эту тему.

недавно решил ещё один плеер посмотреть: http://www.longtailvideo.com - но с подключением опять потерпел неудачу! То есть мне непонятно(как и в случае с 'uppod' плеером) каким образом необходимо подключать видео, что бы это было кроссбраузерно? У меня получается, что бы работал только какой то один формат: (причём в данном случае .SWF вообще почему то не воспроизводится. Хотя по идее должен.) http://webmaster.ayrveda.ru/jw_player/jwplayer/index.html Вот пример, как я подключаю: <script src="http://jwpsrv.com/library/o1znCOixEeKvrBIxOQulpA.js"></script> <script type="text/javascript"> jwplayer("myElement").setup({ height:360, width:640, file: "./uploads/obratnaya_tyaga.mp4", file: "./uploads/obratnaya_tyaga.ogv", file: "./uploads/obratnaya_tyaga.webm" }); </script> В мазилле почему то подгружаеться формат '.webm'? (По моей логике должен быть '.mp4', поскольку он первый.) + нереально сделать так, что бы видео(имея в наличии все необходимые форматы) заработало во всех браузерах!? Может быть я что то неправильно делаю? (В JS я особо не силён.) Возможно нельзя прописывать 3 строчки 'file'? (Если нет - то как тогда в таких случаях это дело правильно прописывать необходимо?) Буду благодарен, если хоть кто нибудь - сможет дать ответ по данному вопросу..

Здравствуйте. Так вышло, что у меня одномоментно возникло 2 вопроса - но для каждого из них создавать отдельный пост я не увидел смысла.. 1) Меня заинтересовал следующий момент: Можно ли организовать кроссбраузерную реализацию тега <select> без помощи JS?? Имею ввиду не сам внешний вид - а именно размеры тега + вертикальное центрирование шрифта? Для примера есть такая страница: http://webmaster.ayr...ru-2/index.html В шапке есть 2 селекта и мне необходимо что бы размеры и вертикальное центрирование было одинаковым в следующих браузерах(в последних их версиях): Mazilla, Google Chrome, Safari, Opera, + IE-7,8,9,10!? Проблема в том, что в ie-7 cелект мне не удаётся вертикально отцентрировать: (c остальными браузерами разобрался.) http://webmaster.ayr...e_7_selects.jpg 2) Реально ли на сегодняшний день загрузить сайт(вернее его клиентскую часть) на свой хостинг и продемонстрировать его заказчику таким образом, что бы он не смог его украсть? Или по крайней мере сделать так, что бы красть его было не выгодно с точки зрения временных затрат.) В том числе и через специализированные программы(например: Фаербаг, Скрапбук и т.п.) ??? Интересно мнение бывалых в этом деле пользователей.. P.S. Буду признателен за любые конструктивные советы по данным вопросам..

Здравствуйте. На данный момент нахожусь в стадии изучения тега <map> и всему, что с ним связано. По ходу дела меня заинтересовали следующее нюансы: 1) Пытаюсь найти(в гугле) подробную(детальную) инфу(статью) о том, как строить карты - но везде вижу только какие то обрывки информации. (Пока что даже понять не могу можно ли тегу <area> поменять фон или задать ему картинку?(при помощи чистого CSS!) (Если кто то скинет ссылку(с подробным руководством) по данной тематике - буду очень признателен.) 2) какие механизмы упрощения построения(карт) существуют на сегодняшний день? (Неужели каждый раз(при новом проекте) необходимо постоянно заново вводить(именно в ручную!) тонны новых координат?) 3) Насколько я понял - тегу <area> для для отрисовки более ли менее сложной фигуры, необходимо задавать именно св-во 'shape="poly"'? P.S. Буду благодарен за любые ценные советы. Также был бы рад услышать мнения людей(с опытом в подобных вопросах) относительно того, как это дело организовывать наиболее рациональным путём? (то есть с наименьшими временными затратами и максимальным качеством на выходе, если это конечно возможно.)

...

Если открыть пример из первой ссылки в мазилле к примеру: http://uppod.ru/samp...tect/index.html То можно увидеть что вместо HTML5 video - почему то работает флешь!? Во второй ссылке у меня все в норме работает - но опять же - это только на ссылке! (Сам пример который предлагается скачать у меня с винта вообще не работает..) P.S. Один из моих примеров неработающего JS кода: (Фаербаг показывает ошибку на той строчке где тег <video> открывается..) var ua = navigator.userAgent.toLowerCase(); var flashInstalled = false; if (typeof(navigator.plugins)!="undefined"&&typeof(navigator.plugins["Shockwave Flash"])=="object"){ flashInstalled = true; } else if (typeof window.ActiveXObject != "undefined") { try { if (new ActiveXObject("ShockwaveFlash.ShockwaveFlash")) { flashInstalled = true; } } catch(e) {}; }; if(ua.indexOf("iphone") != -1 || ua.indexOf("ipad") != -1 || (ua.indexOf("android") != -1 && !flashInstalled)){ <video> <source src="http://webmaster.ayrveda.ru/lessonCanvas2/html5/obratnaya_tyaga.ogv" /> <source src="http://webmaster.ayrveda.ru/lessonCanvas2/html5/obratnaya_tyaga.mp4" /> <source src="http://webmaster.ayrveda.ru/lessonCanvas2/html5/obratnaya_tyaga.webm" /> </video> }else{ if(!flashInstalled){ document.getElementById("myplayer").innerHTML="<a href=http://www.adobe.com/go/getflashplayer>Требуется обновить Flash-плеер</a>"; }else{ <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" id=0 align="middle" width=640 height=360> <param name="movie" value="../sample/era_impera.swf" /> <param name="menu" value="false" /> <param name="quality" value="high" /> <param name="bgcolor" value="#FFFFFF" /> <embed src="era_impera.swf" menu="false" quality="high" bgcolor="#FFFFFF" width=640 height=360 name="player" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /> </object> } }

Не слишком ли много хотите, от бесплатного? Тогда уж сами и напишите. почти по всем параметрам вам подходит, разве что, кроме двух цитируемых. http://videojs.com - и вот этот вроде хорошо настраиваемый. Но тут мануалов вы не найдете на русском, обширных.

Здравствуйте! На данный момент занимаюсь изучением тега <video> (html5) и всему, что с ним связано. Пытаюсь разобраться, как всё это дело организовать наилучшим образом и столкнулся(по ходу дела) с определёнными трудностями: Не удаётся найти адекватный(человеческий) плагин! (Понимаю что на первый взгляд - это может звучать довольно странно.) Перепробовал практически все варианты по следующим ссылкам: http://www.dejurka.r...-video-players/ http://womtec.ru/201...-video-players/ + 2 дополнительных варианта: http://www.codoplayer.com/ http://uppod.ru/ Как правило во всех источниках(кроме последней ссылки) описания идут на инглише(в этом к сожалению пока не силен!) Интересует плеер, который обладал бы следующими достоинствами: 1) Абсолютная кроссбраузерность, в плане интерфейса, для браузеров: Мozilla, Google Chrome, Opera, Safari. IE-7++ 2) Поддержка форматов: mp4, ogv, webm, swf. 3) Автоматическая поддержка флеша для IE-7,8 + Safary!(в случае отсутствия Itunes!) 4) Желательно русский мануал! (хотя понимаю, что это почти нереально..) 5) Кроссбраузерная поддержка полноэкранного режима воспроизведения видео.(В Opera в некоторых плагинах с этим трудности..) 6) Плагин должен быть бесплатным(на неограниченный период!) + соответственно должен давать разрешение на применение его в коммерческих проектах и т.п.! (в некоторых буржуйских вариантах бесплатные версии(Free) запрещают использование видеоплееров в коммерческих целях..) 7) Наличие всего необходимого рабочего кода в своём распоряжении с полной возможностью редактирования его в дальнейшем под свои потребности! (На некоторых ресурсах, насколько я понял - это дело организовать не так уж просто..) Вот такой вот перечень параметров мне необходим на данный момент. Буду очень признателен, если кто подскажет - где можно будет найти именно такой видео плеер.. P.S. Интересуют конструктивные советы именно тех людей, которые уже юзали данные плагины и на своём опыте убедились в 100%-ом наличии необходимых мне параметров.. (Поскольку пробовать тестить наобум(тот или иной вариант) уже честно говоря желания просто нет! За последние пару дней протестил не мало вариантов и все бестолку..)

Это я понимаю. Но я к примеру взял кусок видео и переконвертировал(в HTML5) вашей программой! Далее 3 формата: mp4(насколько я понимаю он и есть в данном случае H.264), ogv, webm. Флешь я не подключал, что бы проверить как без него это дело работать будет.. В сафари вижу что не работает! (+надпись в теге есть соответствующая.) Вот я и пытаюсь понять что я в подключении не так сделал? До этого пробовал своим конвертором кодировать в MP4(именно с опцией кодека H.264) - но опять же были проблемы(такие же как и сейчас) в Safary!? (В GOOGLE CHROME + IE всё нормально воспроизводилось.) В чём может быть причина в данном случае? (Если учесть, что всё это дело с винта обрабатывалось..) P.S. Если кому интересно - файлы(html+css) с видео дорожками(mp4, ogv, webm) + исходником(obratnaya_tyaga_ishodnik.mp4) находятся здесь: http://yadi.sk/d/OKkFrQil4ORPe (сами дорожки лежат в папке HTML5!)

То есть из этого следует понимать, что safary именно через флэшь видеофайлы должен обрабатывать? (или как?) Если это так - то получается здесь деза? http://htmlbook.ru/html/video P.S. Насчёт проблем с отображением в IE-9,10. не знаете в чём может быть причина? (C винта всё нормально смотрится - но после того, как на хостинг заливаю это дело не работает..) http://webmaster.ayr...nvas_video.html

Попробовал заюзать ваш конвертер - но у меня почему то и в этом варианте видео не отображается(в браузере Safary) !? Не знаете, в чём может быть причина? (С таким не сталкивались?) P.S. Вот пример, как это в Safary выглядит: http://webmaster.ayrveda.ru/lessonCanvas2/canvas_video.html + в добавок ко всему, после загрузки на хостинг образовалась проблема в виде не отображения видео в браузерах IE-9,10!? Попробовал воспользоваться советами на данной ссылке: http://www.xiper.net/collect/server/htaccess/addtype.html Но это не дало абсолютно никакого эффекта. (Что с этой проблемой делать дальше, пока сам не знаю..)

Понял. Спасибо! P.S. Под стандартными имел ввиду такой бесплатный софт как 'Format Factory' к примеру.. (при желании список программ можно сделать довольно длинным..) + Имелось ввиду, что бы конвертация была осуществлена таким способом, что бы можно было настраивать(в ручную) качество полученного на выходе файла! (а не получать урезанный+некачественный материал, без возможности как то повлиять на это дело..)

Всем привет. Последнее время пытаюсь подтягивать знания по HTML5 и сейчас начал разбираться с тегом <VIDEO> . Читал некоторые статьи(в том числе и эту: http://htmlbook.ru/html5/video) + гуглил - но найти ответ на самый простой вопрос пока не могу: 'Чем собственно говоря(какой программой или сервисом!) конвертировать видео в данные Форматы'? ogg/theora, H.264, WebM, И если забегать на будущее то хотелось бы аналогичный вопрос и на счёт аудио форматов спросить: ogg/vorbis, wav, mp3, AAC? Имею кучу установленных видео конвертеров - но у них нет возможности перегнать это дело в: ogg/theora или WebM !? (При перегонке в H.264 так же имеются проблемы в виде не отображения видео в браузере Safary! Насколько я понимаю - этот формат при нормальных раскладах просто обязан воспроизводиться!? ) http://htmlbook.ru/html/video C Аудио конверторами пока не 'игрался' - но интуитивно думаю, что могут возникнуть проблемы с конвертацией формата 'ogg/vorbis' - это как минимум.. Ещё я так и не понял до конца - это обычные форматы или специальные Веб форматы? (Имею ввиду видео.) Исходя из википедии нельзя сказать, что это спец форматы для веба. Но тогда почему нет возможности перегонять в стандартных конверторах всё это дело? (кто, что думает по этому поводу?) P.S. Буду благодарен за любые советы!

Есть ещё один вопрос который меня уже давно интересовал - но никак до него руки не доходили.. Суть собственно в следующем: Год назад(примерно) я 'переместился' на хостинг http://sprinthost.ru/ c Яндекс Народа! После этого начал замечать, что после подгрузки файлов со спринхоста - они не всегда адекватно отображаются.. То PIE(js плагин) не работает. To подключенные через фонт сквиррел шрифты не отображаются в браузерах Мазилла + IE! В данном же случае шрифты не подгружаются внутрь тега CANVAS! (IE + Mazilla) Обращался недавно на форумы по этому вопросу и мне дали следующий ответ: 'Дело в том, что сервер отдает шрифты под видом простого текста (text/plain) а не шрифта. Нужно научить сервер выставлять правильный mime-тип для woff' ! После определённых поисков в инете я произвёл следующие манипуляции: воспользовался настройками из следующей ссылки: http://www.xiper.net...ss/addtype.html добавил их в свой хостинг и теперь часть моего .htaccess файла выглядит следующим образом: http://ayrveda.ru/we...for_hosting.jpg Далее: Всё по прежнему не работает.. (IE + Mazilla) http://webmaster.ayr...vas/canvas.html (Хотя с винта именно эта реализация работает во всех браузерах без проблем. C хостинга на Яндекс Народе тоже! http://yamaradg.naro...vas/canvas.html) P.S. Кто нибудь сталкивался с подобными ситуациями? Если да - то был рад услышать хоть какое нибудь мнение по этому поводу.. P.S_2. Проблема уже решена(Путём долгих + изнурительных переписок со службой поддержки хоста.) - так что в этом плане отбой!

Белка самый надежный