Great Rash
Expert-
Posts
7,974 -
Joined
-
Last visited
-
Days Won
144
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Great Rash
-
Высота там стоит просто так, я когда пишу код, то пишу его черновик, а потом подчищаю. Тут забыл подчистить, можно и убрать. Зачем вы там опять влепили position: absolute? Надо просто заменить в коде <div> на <a>. Данный код влияет на третий блок. Полоски стоят не после блоков, а перед блоками. А вот этот код: .item:first-child:before { display: none;}прячет полоску у первого блока.
-
Второй пример сделан на бесплатном фреймворке под названием pixi.js (отсюда тонны кода). Тут туториал по быстрому старту. Ну и читайте документацию.
-
Многоугольники можно рисовать только в SVG (VML для старых ИЕ, ниже 9 версии).
-
Поисковик и не знает, он просто разбирает HTML. Поставьте себя на место поискового робота: вы видите некий набор данных, что-то из этого обёрнуто в заголовок, логично предположить что в заголовке находится важная информация. Примерно так действуют поисковики, просматривают заголовки, ссылки и т.п. Ясен пень что алгоритм там гораздо сложнее, но в общих чертах всё так и происходит. Собственно вся идея семантичного веба основана на том, чтобы дат возможность верстальщику облегчить работу по разбору документа программой-анализатором (это не обязательно поисковый робот, есть еще речевые браузеры например, тот же макбук умеет проговаривать содержимое страницы).
-
1) Заходите сюда - http://getbootstrap.com/customize/ 2) Снимаете галку с Grid system 3) Заходите сюда - http://grids.heroku.com/ 4) Генерите себе сетку какую хотите
-
Многие на этом форуме считают, что я злой. Уверяю вас это не так, просто в тексте трудно передать настроение, а у меня стиль письма такой. В общем я считаю, что вы молодец и вам надо продолжать учится. Очень хорошо, что вы пытаетесь что-то гуглить самостоятельно и делаете свои собственные ошибки. В общем я в вас вижу будущего специалиста (чего не видно во многих, кто тут пишет). Оттакота http://codepen.io/GreatRash/pen/xAfzI http://codepen.io/GreatRash/pen/wHyeF Есть такое понятие как семантика документа. Но дело даже не в семантике (к которой я лично отношусь напревательски ), дело в том, что поисковики при выдаче страниц учитывают качество контента, а если у вас контент семантически верный, то например в гугле при прочих равных ваш сайт будет в выдаче выше. Поэтому, там где это оправдано, нужно стараться соблюдать правила семантики. Это значит, что если у вас в тексте заголовок, то лучше следать его заголовком (<h1>, <h2>, <h3> и т.п.), если текст с параграфами, то разделить его на параграфы <p>, и так далее. Этим вы облегчите поисковым роботам (да и вообще любым роботам) разбор страницы и это положительно скажется на рейтинге сайта в целом.
-
Вот пример анимации на канвасе - http://sheepeuh.com/rain/ Вот еще - http://christmasexperiments.com/2013/23/
-
1) забить 2) переделать на canvas 3) переделать на SVG (Raphael)
-
Там же таблица, в чём практический смысл? Типа меньше весит?
- 5 replies
-
- css
- позиционирование элементов
-
(and 1 more)
Tagged with:
-
Win 7 Professional Наздоровье - http://hkar.ru/qa0L (грузиться долго будет, я зачем-то в png сохранил - 180 килобайт) Ага, так круг.
-
В первом. Да в вашем варианте вместо круга квадрат был. Chrome, Версия 33.0.1750.117 m
-
А у меня в хроме наоборот появился Почему вы спрашиваете... ответ простой - W3C Working Draft, 26 November 2013. Т.е. это не рекомендации а всего-лишь черновик стандарта. А это значит две вещи: первая - спека может в любой момент измениться, вторая - реализация фичи в разных браузерах может сильно отличаться. Кстати это не только к 3D-трансформациям относится. Вывод: на продакшене вы юзаете эту фичу на свой страх и риск.
-
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) Чо оно не по центру? Так и надо? Всё очень плохо. Работайте ещё.
-
Можно заюзать box-sizing: border-box; (именно так сделано в bootstrap например). Но в старых ИЕ не заработает.
-
Можно попробовать подключить видео-ускоритель (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);
-
Что же вы будете делать когда текст не влезет в .content? http://jsfiddle.net/MsnWg/15/
-
Найти бухло внахаляву - задача нетривиальная
-
Тройка. Вы накосячили с левым рогом (зачем было делать skew вообще непонятно), можно было сделать круг и подложить его под рог. Ну и шрифт вообще не подходит, можно было бы напрячься и подобрать. И вообще я не понимаю зачем делать это в CSS? Тренироваться в абсолютном позиционировании? SVG или canvas смотрелись бы логичней.
- 5 replies
-
- css
- позиционирование элементов
-
(and 1 more)
Tagged with:
-
Каков вопрос, таков ответ. Я не увидел в теме ни слова о серверной стороне. Вы назвали тему "Четкие вопросы новичка", чётких вопросов я тут тоже не увидел. Вместо этого вы написали что-то типа: "у меня есть макет, как мне его сделать", на что я вам могу ответить: "берите и делайте".
- 8 replies
-
- javascript
- html
-
(and 3 more)
Tagged with:
-
Метод serialize сериализует данные в строку, которую можно записать в базу. В дальнейшем из этой строки можно восстановить положение элементов. Разве не это вам надо?
-
http://translate.google.com http://bootstrap-ru.com/
- 8 replies
-
- javascript
- html
-
(and 3 more)
Tagged with:
-
1) заходите на сайт http://getbootstrap.com/ 2) нажимаете на ссылку Getting Started 3) читаете документацию, которая там написана 4) после прочтения документации верстаете сайт
- 8 replies
-
- 1
-
- javascript
- html
-
(and 3 more)
Tagged with:
-
Лечится добавлением ширины для .flex.
-
Можно и без calc() - http://jsfiddle.net/MsnWg/6/
-
Это не плагин, это JQueryUI, там нет возможности переделать так как вам надо. Или ищите табы на jQuery, или пишите расширение к jQueryUI с нужным вам функционалом.