Jump to content

Leaderboard

Popular Content

Showing content with the highest reputation on 11/27/2013 in Posts

  1. sigma77
    Тоже поучаствую 1. Круговая диаграмма Задание: используя следующий html-код получить круговые диаграммы - http://codepen.io/fainz777/full/whpfx Цвета секторов - по желанию. Обратить внимание, что в последних двух диаграммах размер секторов разный. Работать должно во всех современных браузерах. Вариант решения: http://codepen.io/fainz777/pen/whpfx 2. Главная страница сайта. Задание: сделать главную страницу сайта с эффектом раздвижных дверей по образцу - http://codepen.io/fainz777/full/mFgap Обратить внимание, что под центральной частью колонки также реагируют на наведение. Т.е. ссылка должна вести на раздел в любом месте, если она расположена над колонкой. Работоспособность во всех современных браузерах. Картинки и цвета на ваш вкус. Пример с некоторыми визуальными изменениями используется в реальном проекте. Вариант решения: http://codepen.io/fainz777/pen/mFgap
    3 points
  2. Softlink
    Поучаствую, пожалуй 1.Сделать диаграмму. Условия: чтобы работало в самых свежих версиях браузеров, без картинок. Реализация http://codepen.io/Softlink/full/lDAbt 2. Сделать лоадер загрузки Условия: последние версии браузеров, зацикленная анимация, без картинок Реализация http://codepen.io/Softlink/full/mHkpq Оба решения применялись\применяются в действующем проекте. Бонус http://codepen.io/Softlink/full/Cjygm (делал просто так)
    3 points
  3. SelenIT
    http://jsfiddle.net/zTv5y/2/ Сами по себе невидимые слои нулевого размера особо грузить рендерер не должны. Но любые зависимости положения элементов друг от друга (а при float их полно) заставляют браузер пересчитывать, а то и перерисовывать все эти элементы при каждом изменении (напр. анимациях размеров).
    2 points
  4. sigma77
    TC имеет ввиду http://www.w3.org/TR/CSS2/aural.html Подробно рассматриваются в т.ч. и у Мейера. Насколько они актуальны/поддерживаемые/какие существуют речевые браузеры - информации у меня нет, и в принципе её мало. п.с. Для слепых, насколько я знаю, существуют не только стили, но и специальные атрибуты, которые даже более важные. Есть свой стандарт, например, требования по контрасту Тут можно поискать инфу - http://www.w3.org/standards/webdesign/accessibility
    1 point
  5. Zverushka
    У любого нормально слайдера можно в параметрах прописать свою функцию на каждом перелистывании слайдера - вот там и пропиши свою функцию. Обычно что-то вроде onSlide: function() {} Но надо смотреть по каждому конкретном слайдеру.
    1 point
  6. npofopr
    purecss.io
    1 point
  7. Radiocity
    Заходите в раздел Customize, устанавливаете только галочки на TypographyGrid system (сетка и контейнер)Responsive utilities (дополнительные стили под различные типы устройств)Настраиваете less параметры для соответствующих разделов и используете. На подготовку уходит несколько минут. Другие подобные системы не обладают такой простотой и гибкостью, а на анройдах вообще работают через раз..
    1 point
  8. SelenIT
    Потому что через border и padding margin-ы тоже не схлопываются. Поэтому если у контейнера есть что-то из-них, то margin-ы его детей поневоле останутся внутри. А вот без них — могут вывалиться (как в моем первом примере). С недавних пор для предотвращения выпадения margin-ов я повадился использовать border: transparent solid .1px. Визуально 1/10 пикселя во всех браузерах при любом разумном масштабе округляется до нуля и не отображается, но с точки зрения алгоритма ненулевой border присутствует и с задачей «запереть margin-ы потомков внутри» вполне справляется.
    1 point
  9. sigma77
    Похоже на обычную Джорджию, и скорее всего она и есть. Некоторые дизайнеры любят использовать её для телефонов http://jsfiddle.net/wHshH/1/
    1 point
  10. npofopr
    А попробуйте это
    1 point
  11. antonKar
    У каждого браузера своё поведение для работы с placeholder. Не работает. Сомневаюсь, что в этом кастрате вообще что-то сможет сработать в режиме эмуляции По теме. PIE нужно чтобы страница просматривалась «из-под сервера», то есть, например, надо запускать вёрстку из-под Денвера + в .htaccess надо добавить строку AddType text/x-component .htc
    1 point
  12. antonKar
    Как вариант попробовать снять галочки в «Fix Missing Glyphs», «Rendering» и в «Truetype Hinting» поставить «Keep Existing»
    1 point
  13. wwt
    less вроди бы тянет *.less файл AJAX'ом, а локально он будет работать только если установлен веб-сервер в некоторых браузерах можно осуществлять локальные AJAX запросы.
    1 point
  14. Struggle
    Сомневаюсь что ты нарисовал второй квадрат Малевича который оценится в миллиарды долларов, ну на крайняк гугли свой постер каждый месяц, потом подавай преды на них, да и кстати, популярные сайты не присваивают чужой труд, они оставляют линки, т.к существует лига детективов и быстро их выведут на чистую воду.
    1 point
  15. wwt
    Водяные знаки и стеганография поможет защитить изображение. Так же вы являетесь единственным собственником исходников изображения(я надеюсь у вас они есть). В случае нарушения ваших авторских прав они будут являться доказательством в суде ))
    1 point
  16. solovin1986
    Я бы посоветовал взять фреймворк типа Kohana и по ходу дела изучать ООП. Сам так делал. Почему Kohana? Потому что технология использует строгое ООП, реализованное на PHP5 и легкий фреймворк для начинающих.
    1 point
  17. Great Rash
    Замечания, которые предложил mishka2 Для внутреннего элемента карусели ($carousel) лучше поставить максимально большую ширину. В уроке я предложил поставить ширину 9999px, но mishka2 подсказывает, что бывали прецеденты когда этой ширины не хватало и предлагает ставить ширину 99999px. Я же рекомендую все же ставить ширину немного меньше, а именно 32767px, чтобы избежать глюков в старых браузерах (особенно в ИЕ). Еще одно предложение касается вот этого участка кода: $(settings.btnNext).click(function() { return slide(false); }); Если на страничке будут несколько галлерей - то при клике на кнопки <b>next/prev</b> будут слайдиться все галлереи, а не только та к которой они относяться, поэтому нужно ограничить область этой кнопки, например так: $(settings.btnNext, this).click(function() { return slide(false); }); Спасибо за критику и предложения!
    1 point
  18. user89
    up
    -1 points
This leaderboard is set to Kiev/GMT+02:00
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept