Jump to content

Great Rash

Expert
  • Posts

    7,974
  • Joined

  • Last visited

  • Days Won

    144

Everything posted by Great Rash

  1. Высота там стоит просто так, я когда пишу код, то пишу его черновик, а потом подчищаю. Тут забыл подчистить, можно и убрать. Зачем вы там опять влепили position: absolute? Надо просто заменить в коде <div> на <a>. Данный код влияет на третий блок. Полоски стоят не после блоков, а перед блоками. А вот этот код: .item:first-child:before { display: none;}прячет полоску у первого блока.
  2. Второй пример сделан на бесплатном фреймворке под названием pixi.js (отсюда тонны кода). Тут туториал по быстрому старту. Ну и читайте документацию.
  3. Многоугольники можно рисовать только в SVG (VML для старых ИЕ, ниже 9 версии).
  4. Поисковик и не знает, он просто разбирает HTML. Поставьте себя на место поискового робота: вы видите некий набор данных, что-то из этого обёрнуто в заголовок, логично предположить что в заголовке находится важная информация. Примерно так действуют поисковики, просматривают заголовки, ссылки и т.п. Ясен пень что алгоритм там гораздо сложнее, но в общих чертах всё так и происходит. Собственно вся идея семантичного веба основана на том, чтобы дат возможность верстальщику облегчить работу по разбору документа программой-анализатором (это не обязательно поисковый робот, есть еще речевые браузеры например, тот же макбук умеет проговаривать содержимое страницы).
  5. 1) Заходите сюда - http://getbootstrap.com/customize/ 2) Снимаете галку с Grid system 3) Заходите сюда - http://grids.heroku.com/ 4) Генерите себе сетку какую хотите
  6. Многие на этом форуме считают, что я злой. Уверяю вас это не так, просто в тексте трудно передать настроение, а у меня стиль письма такой. В общем я считаю, что вы молодец и вам надо продолжать учится. Очень хорошо, что вы пытаетесь что-то гуглить самостоятельно и делаете свои собственные ошибки. В общем я в вас вижу будущего специалиста (чего не видно во многих, кто тут пишет). Оттакота http://codepen.io/GreatRash/pen/xAfzI http://codepen.io/GreatRash/pen/wHyeF Есть такое понятие как семантика документа. Но дело даже не в семантике (к которой я лично отношусь напревательски ), дело в том, что поисковики при выдаче страниц учитывают качество контента, а если у вас контент семантически верный, то например в гугле при прочих равных ваш сайт будет в выдаче выше. Поэтому, там где это оправдано, нужно стараться соблюдать правила семантики. Это значит, что если у вас в тексте заголовок, то лучше следать его заголовком (<h1>, <h2>, <h3> и т.п.), если текст с параграфами, то разделить его на параграфы <p>, и так далее. Этим вы облегчите поисковым роботам (да и вообще любым роботам) разбор страницы и это положительно скажется на рейтинге сайта в целом.
  7. Вот пример анимации на канвасе - http://sheepeuh.com/rain/ Вот еще - http://christmasexperiments.com/2013/23/
  8. 1) забить 2) переделать на canvas 3) переделать на SVG (Raphael)
  9. Там же таблица, в чём практический смысл? Типа меньше весит?
  10. Win 7 Professional Наздоровье - http://hkar.ru/qa0L (грузиться долго будет, я зачем-то в png сохранил - 180 килобайт) Ага, так круг.
  11. В первом. Да в вашем варианте вместо круга квадрат был. Chrome, Версия 33.0.1750.117 m
  12. А у меня в хроме наоборот появился Почему вы спрашиваете... ответ простой - W3C Working Draft, 26 November 2013. Т.е. это не рекомендации а всего-лишь черновик стандарта. А это значит две вещи: первая - спека может в любой момент измениться, вторая - реализация фичи в разных браузерах может сильно отличаться. Кстати это не только к 3D-трансформациям относится. Вывод: на продакшене вы юзаете эту фичу на свой страх и риск.
  13. 1) WORCK - это на каком языке? 2) <div class="border"></div> - это просто ужасно! так делали разделители во времена ИЕ5.5 3) .monitor {background: url(images/monitor.png) no-repeat;width: 375px;height: 370px;position: relative;left: 600px;top: 23px;}Это ужасно! Это даже не двойка, это кол с минусом. Вместо position: relative; и т.п. достаточно поставить float: right;4) CLIENT LIST, OUR WORK, BOOK NOW! - это явно заголовки, а вы их параграфами сделали, зачем? 5) We build websites that blow you away. - это тоже заголовок, там не нужен <br> текст и так перенесется. 6) .blockbg1, .blockbg2, .blockbg3 - зачем там абсолютное позиционирование? Вы похоже вообще не понимаете как использовать float. 7) Need us say more? - опять же заголовок, а у вас <p> 8) Чо оно не по центру? Так и надо? Всё очень плохо. Работайте ещё.
  14. Можно заюзать box-sizing: border-box; (именно так сделано в bootstrap например). Но в старых ИЕ не заработает.
  15. Можно попробовать подключить видео-ускоритель (GPU) к рендеру. В CSS это можно сделать добавив элементу следующие стили: -webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);
  16. Что же вы будете делать когда текст не влезет в .content? http://jsfiddle.net/MsnWg/15/
  17. Найти бухло внахаляву - задача нетривиальная
  18. Тройка. Вы накосячили с левым рогом (зачем было делать skew вообще непонятно), можно было сделать круг и подложить его под рог. Ну и шрифт вообще не подходит, можно было бы напрячься и подобрать. И вообще я не понимаю зачем делать это в CSS? Тренироваться в абсолютном позиционировании? SVG или canvas смотрелись бы логичней.
  19. Каков вопрос, таков ответ. Я не увидел в теме ни слова о серверной стороне. Вы назвали тему "Четкие вопросы новичка", чётких вопросов я тут тоже не увидел. Вместо этого вы написали что-то типа: "у меня есть макет, как мне его сделать", на что я вам могу ответить: "берите и делайте".
  20. Метод serialize сериализует данные в строку, которую можно записать в базу. В дальнейшем из этой строки можно восстановить положение элементов. Разве не это вам надо?
  21. 1) заходите на сайт http://getbootstrap.com/ 2) нажимаете на ссылку Getting Started 3) читаете документацию, которая там написана 4) после прочтения документации верстаете сайт
  22. Лечится добавлением ширины для .flex.
  23. Можно и без calc() - http://jsfiddle.net/MsnWg/6/
  24. Это не плагин, это JQueryUI, там нет возможности переделать так как вам надо. Или ищите табы на jQuery, или пишите расширение к jQueryUI с нужным вам функционалом.
×
×
  • 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