IvanRu08

Верторные иконки при сохранении не совсем такие как в макете, поэтому готовить шаблон из илюстратора нужно либо порядочному дизайнеру (дать растровые иконки, не векторные), либо верстальщику, который знаком с иллюстартором.

Растровые иконки? Растр должен использоваться ТОЛЬКО для изображений. Все иконки, логотипы, кнопки должны быть только в векторе. Никогда не замечал, чтобы векторные иконки хоть как то отличались от макета. У меня всегда все было Pixel Perfect 

А для рисования макетов и UI вцелом - Sketch отлично подходит, жаль только, что он Mac OS Only

Яростно плюсую. Скетч очень крутая штука для разработки UI. Проблема лишь в том, что многим верстальщикам нечем открыть такой макет. Для рисования современно дизайна фотошоп избыточен, на мой взгляд 

Для русского языка, конечно, сложнее сопоставить шрифт. Сервисы в основном с латиницей работают. Вот что удалось найти, есть несколько похожих.

 

http://www.fontspring.com/matcherator?matcherator_img=1ad241467eb45a58757fe8786691ebdb#scroll_to_matches

Влад, спасибо! Действительно очень похожие шрифты. Буду пробовать

Ребят, выручайте. Дали задание переверстать шапку. Изначально там одна большая картинка. Как узнать какой шрифт используется на картинке. Разные сервисы использовал, ни один не дал положительного результата.

@afdw, Я планирую сразу практиковаться). На практике недочеты сильно скажутся? 

Подойдёт, но неточностей много, к сожалению.

На что эти неточности влияют?

Что скажете про эту книгу?http://anton.shevchuk.name/jquery-book/

И на первой же странице ошибка:

А в целом книга как? Подойдет для начала?

Что скажете про эту книгу?http://anton.shevchuk.name/jquery-book/. Написана вроде неплохо. Как начальное руководоство подойдет? А потом уже пользоваться оф документацией для справки

Все верно, я сделал таблицу из дивов но, на мобильном отображается одним столбиком а на сайте все ок.

Можете привести хоть одну причину, по которой вы отказались от таблиц. При для блоков прописали display: table. 

помогите  пожалуйста решить это без лишних ответов...

Вы хотите ТАБЛИЦУ сделать с помощью дивов, я правильно понял?

@Guesto, Таблицы - только для табличных данных. Сейчас как раз такой случай. Проще и быстрее 

А вообще если ТС задаст просто margin: 20px, то у него будет решена и проблема с его отсупами, и с прилипанием элементов к краям, не понимаю из-за чего вообще сыр-бор.

Не много не понял. Про какой отступ вы говорите? В макете левый отступ между изображениями именно 40px 

Добрый день! как сделать футер в котором два блока: левый и правый. Нужно что бы бэкграунд правого блока выходил за пределы правого блока. могу скинуть psd ) помогите пожалуйста

Можете картинку прикрепить как должно быть? Я бы правый блок обернул еще в одни div и этот div залил таким же цветом

А вообще ТС бы воздуха по бокам добавить, всё липнет к краям на маленьком монике. 

Адаптивность нужно делать, займусь этим позже 

Ну так как у тебя настроен css, то у тебя ничего не сломается, если добавить еще элементы. У тебя же

.work:nth-child(4n+4) {    margin-right: 0;}

Не самый универсальный подход. Но если ты 100% уверен, что у тебя будет именно такая сетка, и всегда ожинаковые элементы в ней, то это вполне рабочий вариант.

Ага, уже поправил, спасибо.

Я знакомиться с вебом только начал, но как насчет того, чтобы отдельный класс создать для этих вот четвертых в строке блоков? 

Не вариант, а если этих блоков будет 50? 50 отдельных классов создавать что ли?)

Верстаю очередной макетик-портфолио. Столкнулся с проблемой. Идут 16 картинок, по 4 вряд. Указываю для класса .works margin: 40px 0 40px 0;

Получается что и у 4, 8, 12, 16 блоков есть отступ справа 40. Они как бы выступают из основного контейнера. С помощью nth-child убираю этот отступ. Есть другой способ? Так как при добавлении еще n количества работ придется дописывать css

Вот сама работа: http://cm04741.tmweb.ru/

непонятно что вы собрались изучать. синтаксис? jq это же просто сборник функций) по сути справочный материал, как книга с адресами телефонов

На самом деле просто хочу писать скрипты для сайтов на нем, добавить динамики. Уже понял, что оф документации вполне достаточно)

После C# - учить jq это даже не шаг назад, это какой-то прыжок с сальтухой назад. Даже посмотреть на зарплаты, в вебе с шарпом можно поднимать реальные деньги.

Спасибо, попробую. Html, Css, jquery - это лишь хобби, пока учусь в универе. 

Быстро понял, что на одном Html/Css далеко не уедешь. Поэтому хочу изучить jquery. Посоветуйте какие-нибудь книгу хорошую по jquery (желательно актуальную). С программированием знаком (С#). Если книга прямо must have, то можно и на английском. Заранее спасибо!

Да любой редактор, настраиваете связку с браузером и без обновления страницы изменения показываются. С тем же саблаймом можно сделать вместе с плагином emmet livestyle или же если нужно IDE то Brackets.

Человек прав. Ставите для sublime плагин от emmet (LiveStyle) и можете смотреть результат своей работы прямо в браузере без перезагрузки.

@jdk, Разобрался, спасибо большущее! 

Ресеты - зло

 

оспаде как же я устал это всем писать

Почему зло? Я использую normalize и проблем не вижу

Покажите код того, с чем работаете. Ну а в целом примерно так

Вот сайт http://appzorka.com/. Реализована там вот таким образом (прямо в html)

<div id="menuBlock" onclick="document.getElementById('menuTop').style.display = 'block', document.getElementById('menuBlock').style.display = 'none', document.getElementById('menuClose').style.display = 'block', document.getElementById('searchBlock').style.display = 'none';"></div><div id="menuClose" onclick="document.getElementById('menuTop').style.display = 'none', document.getElementById('menuClose').style.display = 'none', document.getElementById('searchBlock').style.display = 'block', document.getElementById('menuBlock').style.display = 'block';"></div>

Всем привет. Есть форма поиска, которая по умолчанию скрыта display:none. В место него отображается меню. Когда я нажимаю на иконку поиска, то меню пропадает, появляется сама форма поиска, а вместо иконки поиска - крестик. При нажатии на крестик все возвращается обратно. Сделал это все на javascript прямо в html при помощь onlick="document.GetElementById". На этом форуме сказали, что решение очень устаревшее. Да и мне хочется, чтобы весь javascript код был в отдельном файле. Поэтому хочу реализовать это на jquery, но не знаю как.

 

В интернете не нашел как скрывать и показывать сразу несколько элементов. Можете подсказать, в каком направлении копать? Заранее спасибо

@jdk, Прошу прощения все заработало. Случайно удалил инкремент счетчика, а сюда написал правильный. Спасибо вам еще раз!