zenw

Случайно вспомнил этот форум, зашёл, а тут как раз ностальгируют)

Возникла подобная задача, нужно было сделать ряд из элементов (логотипов компаний) неизвестного количества, который выровнен по центру макета с фиксированной шириной и уходит за границы документа. Задачу решил (почти случайно, поиск в интернете натолкнул на мысль), но если честно, до сих пор не могу понять до конца, как это работает (и точно ли работает, вдруг где-то очевидный косяк?). Такого решения задачи в сети не находил (плохо искал, уверен, что есть), нечто похожее - http://www.greywyvern.com/?post=323, но там требуется дополнительный враппер. Работает вроде бы везде. Фишка в одинаковых отрицательных маргинах с обоих сторон (нужно, чтоб они были достаточно большими, 1000% в данном случае хватит, но проценты не принципиальны). Кто-нибудь объяснит, что я придумал, и как оно работает?) Ну и может быть, будет кому-нибудь полезно)

http://codepen.io/anon/pen/wadoxE

ЗЫ. Я знаю, что можно то же самое сделать с position absolute && transform translateX(-50%), но мой вариант работает даже в IE7, и не замыливает картинки.

нет высота не должна быть одинаковой

надо что бы примерно было так 

http://journal.dasreda.ru/

Здесь masonry используется. http://masonry.desandro.com/

Сегодня 16:00 - 21:00, есть кто-нибудь?

Играем Narek_T - zenw

Игра здесь (как и результат)

Кто сегодня сможет сыграть, товарищи?

Свободен в ср-пт примерно с 17 до 21 часа по мск, в ближайшие выходные - практически весь день (то есть где-то с 10 до 21). 

@font-face {font-family: Aladdin;    src: url(../fonts/aladdin.ttf);}

Конвертируйте в дополнительные форматы (woff и eot для старых ie). Попробуйте, например, FontSquirrel использовать.

Я исследовал страницы с помощью веб инспектора, но вот почему он присваивает значение scroll 0% 0% transparent - mozilla,   а в опере нормально 

Не имеет значения, это дефолтные значения, они и так подразумеваются.

И меня возьмите) zenw

сообщение об ошибке можно вывести на экран и стандартными средствами php, и при этом вовсе не нужно лезть в логи.

Ну это понятно, PHP для примера, хотелось бы общее решение.

готовых решений к сожалению не встречал.

Ок, спасибо, видимо, придется делать велосипед)

А то, что у парня на мониторе вообще сильно похоже на QtCreator, поэтому тоже не понимаю юмора, при чем здесь CSS?

Или быстрее вот так:

Выбираем инструмент "Перемещение" (ну, который клавишей V), и щелкаем по иконке. Вот так:

http://joxi.ru/82QVpgXSVke5Ad

Нужно убедиться, что выбрался именно тот слой, который нужен. Проверить можно, нажав на глазик около слоя - с макета должна исчезнуть только та иконка, которая нам нужна, ничего больше. Если иконка сложная и состоит из нескольких слоев, то сливаем их в один. Теперь щелкаем правой кнопкой по слою, и находим "Rasterize layer", или, если этот пункт активен, "Rasterize Layer Style" (если ранее сливали слои, то растеризовать уже не нужно, пункт будет неактивен)

http://joxi.ru/823OnJYIadeZ2O

Щелкаем по этому пункту. И теперь запускаем клавиатурную магию: быстро выщелкиваем на клавиатуре следующий аккорд:

Ctrl+A

Ctrl+C

Ctrl+N (убедитесь, что в окошке выставлено Preset: Clipboard, а также Background Contents: Transparent, вот так: http://joxi.ru/4Ak30J6C0gveAq )

Enter

Ctrl+V

Ctrl+Alt+Shift+S

В вашем конкретном случае можно еще добавить pointer-events: none для layer1, но это не будет работать в ие ниже 11.

PS. И про дырки я не совсем понял, что вы имеете в виду.

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

Или же к li добавьте line-height: 46px

Вот, например:

http://joxi.ru/V2VnRl7SxKWK2v

В окошке корзины неплохо было бы кнопку закрытия добавить, не очень удобно (и не интуитивно) ее перетаскивать, чтоб закрыть.

По коду ничего не могу сказать, открыл, увидел, что все на таблицах, испугался, закрыл. Не надо так, проще было бы нормальной блочной версткой все сделать.

А по поводу кнопки, ничего подсказать не можете?

Сделайте через box-shadow, можно, например, на :after кнопки повесить тень, вот так:

.button:after {   box-shadow: 0 0 0 1px red;}

что было для вас мотивацией, да и сейчас что мотивирует

Голод.

можно попробовать перенести скрипты (их много) из head в конец body.

А стили у вас в <head> подключаются?

 

Он не умеет SASS. И в целом, brackets достаточно сырой, хотя в перспективе, мне кажется, он должен саблайм вытеснить. Эх, если бы саблайм был опенсорсным...

Умеет Sass.

 

Не настолько хорошо, как хотелось бы. Я имею в виду поддержку LivePreview и QuickEdit, из-за которых Brackets становится круче саблайма. А просто позволять редактировать и подсвечивать синтаксис в SASS он умеет, согласен.

К тому же, автоматические отступы при редактировании SASS (который indented syntax, без скобок) глючат безбожно. Вот в этом видео видно, что после каждого объявления внутри селектора приходится нажимать Backspace: 

Расширение brackets-sass, которое показано в видео, классное, но умеет использовать только libsass, к сожалению.

Он не умеет SASS. И в целом, brackets достаточно сырой, хотя в перспективе, мне кажется, он должен саблайм вытеснить. Эх, если бы саблайм был опенсорсным...

А разница есть, ставить впереди class или href?

Нет.