Мы обсуждали CSS-макеты с экспертами.

Хорошо, ребята, время начала. Давайте поговорим о CSS. У кого-нибудь есть вопрос или проблема, с которой они имеют дело?

Я слышал, что если вы поставите * {display: none} внизу вашего CSS, это сделает все идеально

@ Андрей. Я уверен, что некоторые дизайны могут выиграть от этого. :п

да, при создании макетов с использованием display: inline-block, между элементами всегда есть большой разрыв

Какая самая захватывающая разработка CSS3 на горизонте?

se font-size: 0 на родительском

@Andrew — Да, есть исправление, использующее display: table для родителя и несколько других правил. Я выкопаю их для тебя

HTML

@Andrew — вы можете удалить его с font-size: 0 на родительском элементе

Можно ли попросить провести быстрый тест на совместимость моего нового сайта? он будет запущен завтра, и мне интересно, если «в теме», чтобы попросить быстрый обзор здесь в этом чате

Может быть, только я (вероятно, есть), но жесткий сброс не должен оставлять пробелов в каких-либо элементах?

Вот вопрос, косвенно связанный с CSS. Я публикую ссылку, поскольку требуются годы, чтобы заново напечатать вопрос и правильно изложить свою точку зрения: http://stackoverflow.com/questions/11528180/chrome-inspector-hover-issue/11528729#comment15240166_11528729

Что касается адаптивных макетов, я использую функцию жидкостной сетки в Dreamweaver CS6. Буду ли я лучше ручное кодирование для большей гибкости?

о, отлично, размер шрифта: 0, спасибо!

@acrevola Разместите свой URL. Я уверен, что найдутся люди, которые заинтересованы

@spacebeers — Здесь есть хороший момент: http://www.netmagazine.com/features/future-css-layouts

спасибо @ paul.OB, что вас больше всего волнует?

DublinDude, рукописное кодирование / всегда / лучше 🙂

Будущее за Flexbox ^^

flexbox хорош в теории

@scallioXTX я вижу

@SacllioX это правда. Вы никогда не можете на 100% доверять сгенерированному коду

на практике это может быть непрактичным

@ Андрей — вот полное исправление http://www.css-lab.com/demos/nav/inline-block/x-brwsr-node-fix.html

Вопрос: Как я могу прикрепить шрифты с помощью CSS, если у меня есть только файл ttf?

так кто же эксперты?

Спасибо. Это сайт … завтра он будет доработан … http://www.lacortedeicreativi.org (на итальянском)

@GriffinArtworks Пол О’Брайен и несколько сотрудников форума

@gurami — используйте Font Squirrel

что такое flexbox?

Google

@Gurami Используйте шрифт squrrel для конвертации, а затем используйте @ font-face для импорта

@gurami — он делает все преобразования за вас

@spacebeers — я с нетерпением жду позиционных поплавков

Добро пожаловать всем, кто только что присоединился к нам. Не стесняйтесь представиться, спрятаться и посмотреть, или задать вопрос в любое время.

Я предпочитаю не использовать текучую сетку для моих гибких сайтов. Мне нравится гибкость ручного кодирования.

Кто-нибудь сможет помочь ответить на мой вопрос?

tbrown08 -что?

@ paul.OB — в чем преимущество перед обычными поплавками?

Flexbox: http://dev.w3.org/csswg/css3-flexbox/

Спасибо всем за ответы 🙂 это было действительно полезно

@rctneil Было бы проще, если бы вы разместили это здесь, иначе люди должны покинуть чат, чтобы прочитать его 🙂

Привет, я новичок здесь У меня нет конкретного вопроса.

ра хдэба вапше? : D dzmakacma гаашеара да ра саставия хо мшвидобаа? : D

Я думаю, что рендеринг шрифтов в Windows чертовски дерьмо

язык!

Что является самым крупным источником (CSS), который замедляет мобильный просмотр?

Похоже, вы уже получили свой ответ на SO rctneil;)

Привет всем, приятно быть здесь

@dublinDude images

если у вас есть какие-либо комментарии, пожалуйста, отметьте меня (@acrevola)

@DublinDude divitis

@acrevola Когда вы нажимаете на элемент в верхней части экрана, он показывает слайд, на который я собираюсь перейти на долю секунды, ТО затем слайд к нему

@spacebeers display: inline-block позволяет по-разному располагаться на странице. Элементы выстраиваются в ряд, не цепляясь, как иногда бывает с поплавками.

Я слышал, что несколько связанных CSS-страниц тоже тормозят, так как слишком много http-запросов, правда в этом?

очень большие изображения — самое большое снижение производительности, особенно если их размер был изменен с помощью CSS

В прошлом я работал с макетом. просто те psd к html и css, и я был растерян, но после этой работы. я не знаю, как меня зовут или что делать больше в моей карьере.

@ paul.OB — ну хорошо. Это звучит полезно.

Таким образом, в действительности мы должны видеть мобильные сайты в том же отношении к сайтам, созданным 10 лет назад до широкополосного доступа?

Не беспокойтесь — я бегу Chrome, кстати

@rctneil Я думаю, что вы хотите лучше работает с Firebug, TBH.

@ ralph.m но встроенный блок не полностью поддерживается IE?

@ ralph.m Хорошо, я пойду и попробую в FF и FB, Не то, чтобы мне нравился FF, но если FB поможет мне решить это правильно, тогда я — все для этого

Я дам вам знать, как я нахожусь на

@rctneil Chrome лучше

Может кто-нибудь предоставить какую-нибудь полезную книгу или статьи о новых функциях CSS3

@ jess.irwin нет это не так, дисплей-блок> = IE7 IIRC

что вы думаете о clearfix

Chorme хорошо, но его клоп не

Кто-нибудь может ответить на этот вопрос для @nofel? В прошлом я работал с макетом. просто те psd к html и css, и я был растерян, но после этой работы. я не знаю, как меня зовут или что делать больше в моей карьере.

clearfix устарел, используйте overflow: вместо этого скрыто в контейнере (где это возможно)

@ jess.irwin — встроенный блок поддерживается в IE до ie5 для встроенных элементов. Для элементов блока вы устанавливаете их как встроенные, а затем используете триггер haslayout, подходящий для встроенных элементов (например, масштабирования).

@ jess.irwin Может быть, не в старых IE, но с 1% пользователей сейчас или меньше, мей…

@nofel Chrome Dev инструменты являются первоклассными ИМХО

acrevola: мне нравится сайт: D Он хорошо работает в Windows 7 FF 13.0.1, Opera 12, IE 9 и Chrome 20.0.1132.57 m … Opera оставляет больше места, чем другие, когда вы нажимаете Conrerenze … но все равно выглядит хорошо

правда

@nofel, твой вопрос немного сбивает с толку. Можете ли вы попробовать переписать это?

Если вы читаете книгу, в которой говорится, что семантические элементы, такие как strong, не должны стилизоваться с использованием CSS, это правильно.

@nofel — ты спрашиваешь, что учить дальше?

@nofel, вы веб-разработчик: D

@nofel — будь лучшим в этом для начала. Код в HTML5 и стать мастером холста и JavaScript. Так вы легко найдете работу

@nofel, вы даже можете редактировать мобильные сайты на Android ICe Cream Sandwich!

@griffinArtworks Я в основном использую Chrome, но если инспектор webkit не работает для определенной задачи, имеет смысл решить эту проблему в другом месте, а затем вернуться, не так ли?

@ molona спасибо! 🙂

@griffinArtworks — согласен, инструменты Chrome dev великолепны

@griffinArtworks это что в Chrome для Android?

Я не знаю, что вы кодируете в данный момент, но стремитесь к более сложным проектам — не соглашайтесь на проекты, которые кто-то сделал на форуме за 5 долларов.

Кто-нибудь знает, почему селектор: contains больше не использовался?

Будет ли IE 10 поддерживать колонки CSS3?

@nofel Вероятно, большинству людей трудно выжить только на макетах. Может быть, стоит заняться большей частью внешнего интерфейса, например, JavaScript или программированием?

@rctneil, ваша проблема в том, что вы не полностью знакомы с инструментами Chrome Dev

мою работу можно увидеть на www.emarworkx.com/my-work

@nofel Если вы не знаете, как кодировать дизайн прямо сейчас, то это правильный дизайн для работы.

@ Анна — почти все элементы могут быть стилизованы. HTML это структура и CSS внешний вид. CSS не волнует, что это за элемент, но семантика html по-прежнему верна. Не используйте элементы для того, как они выглядят.

ссылка @nofel не работает

@nofel ссылка не работает

я разрабатывал темы WordPress. не очень хорошо в этом. но все же я делаю внештатный

@griffinArtworks Хорошо, не могли бы вы дать мне знать, как я могу решить мою проблему непосредственно в Chrome, так как это будет моим предпочтительным вариантом

Ссылка @nofel не работает

http://www.emaarworkx.com/my-work/

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

@nofel воссоздать темы, которые вы видите на themeforest, например — самые сложные, которые вы можете найти

@ Нофель … ты сказал, что никто не отвечает тебе … но я не вижу реального вопроса … может быть, это идет слишком быстро;)

какая страница?

@molona Я думаю, он получил ответы 🙂

@molona да теперь они благодарны @haWK

@ paul.OB Ты, я думал, что это странное заявление, чтобы положить в печать. Спасибо за разъяснение

@ нофер … твоя ссылка не работает … по крайней мере, не для меня

@acrevola, пожалуйста;)

Какой-нибудь совет для разработки с медиа-запросами, вы должны спроектировать для узких сначала и работать?

Это хорошая идея, чтобы сгенерировать мой CSS с помощью PHP, а затем кэшировать его в memcached или есть лучший способ позволить людям изменять цвета страницы? (на самом деле это не вопрос CSS… но я чувствую, что это полезно, если есть альтернатива)

@GriffinArtworks Я знаю это, я делаю это каждый день каждый день. Я хочу иметь возможность привязать курсор к определенному элементу и стилям вложенного элемента. Звучит просто так, но попробуйте в Chrome Inspector и это невозможно

Привет всем, кто вошел в комнату. Я менеджер сообщества в SitePoint, и я модерирую эту сессию. Не стесняйтесь задавать вопрос, если он у вас есть, в противном случае скрываться можно 🙂

у меня есть тяга к JS из-за классных слайдеров в JAvascript и jQuery. Я также хочу выучить php. программирование для меня так трудно для меня

не знаю почему

Есть ли шпаргалка для общих обходных путей, необходимых для IE?

@ Анна, сначала я создаю полную ширину, но это твой выбор

Или хороший пост о процессе отладки — может сэкономить часы потерянного времени

Несмотря на то, что я хорошо разбираюсь в OOD, я набрал 10% лучших WordPress в Одесске, где я работаю фрилансером.

@ Андрей, это интересный вопрос, кто-нибудь может ответить на него?

@rctneil — это единственный случай, когда я предпочитаю Firebug на FF

@ton, пробую FB сейчас, спасибо

@nicksh спасибо, ты используешь фреймворк

@ Анна — общий консенсус — сначала мобильно, а потом и вверх, но не с привязкой к конкретному устройству. Скорее установите медиазапросы для точек, где макет больше не работает.

@ Я использую Bootstrap в основном

@drophet http://www.virtuosimedia.com/dev/css/ultimate-ie6-cheatsheet-how-to-fix-25-internet-explorer-6-bugs

У кого-нибудь есть хорошие ссылки на адаптивные статьи и руководства по верстке?

@dprophet Главным образом сконцентрируйтесь на хороших, чистых CS, и вам не нужно сильно беспокоиться… но тестируйте по ходу дела.

Спасибо designpa, однако мы все равно не поддерживаем IE6: D

@ rctneil Мне трудно понять, в чем твоя проблема. Даже если вы пытаетесь найти субэлемент, вам просто нужно просмотреть одну или две строки родительского элемента. Подсветка css и dom будет обновляться при выборе различных элементов HTML

люди говорят мне, что я не в том поле, когда я работаю с php.

@ Эндрю — Не совсем моя область = Возможно, Ремон может ответить на этот вопрос.

Кто-нибудь знает, почему селектор: contains больше не использовался? Похоже, это было бы действительно полезно

@drop, кто делает? : D

люблю php за то, как он хранит и получает данные.

@DubinDu Это классика, конечно: http://www.alistapart.com/articles/responsive-web-design/

@ ralph.m Спасибо, это хорошо добавлено в закладки!

@spacebeers — точно не уверен, но я читал, что это слишком обременительно для ресурсов

Спасибо @ ralph.m Это, конечно, то, что мы делаем, но я, пожалуй, борюсь со знанием «лучшего способа» построить макет, который в конечном итоге может вызвать проблемы в будущем

@griffinArtworks Посмотрите на вопрос о переполнении стека, который я разместил, и внимательно его прочитайте, чтобы объяснить это. Я не новичок в Chrome Dev Tools, я использую их каждый день каждый день!

@ Кэш Андрея должен помочь пользователям в быстром просмотре, так что это действительно полезно? Вы тестировали скорость страницы с кешем и без кеша?

@ Spacebeers Насколько я знаю, это не имеет

@nofel Я предпочитаю Ruby, потому что он более аккуратный, но мы говорим здесь о внешнем интерфейсе

@nofel, который не уникален для php; все языки хороши в манипулировании данными, вот для чего они нужны: D

любой другой обзор? http://www.lacortedeicreativi.org?

@ nikksh я хорош с псевдокодом, но когда дело доходит до практического php, мне кажется, что я проваливаюсь. Вы сказали, что программирование — это не ваша сфера и, честно говоря. после выполнения CSS, HTML. я чувствую себя обделенным

как № 1 есть эта работа

@ Андрей, Remon отлично работает с PHP, но я лично не вижу преимущества создания CSS с помощью PHP

@DublinDude — я считаю, что лучше самому писать код, чем использовать сетки, но другие не согласны. Я просто предпочитаю использовать код, который я разработал сам, чтобы исправить его, когда он пойдет не так.

@ Анна Нет, лучше всего заложить основы CSS2 и HTML4. HTML5 все еще находится в разработке, поэтому это шаткая основа для дальнейшего развития.

Вопрос всем: действительно ли css-препроцессоры — верный инструмент? ты используешь это? какой самый лучший?

@ ralph.m -Я очень не уверен в этом утверждении

@ paul.OB Хороший совет. Я просто нахожу, что девушки помогают мне визуализировать

@acrevola Я думаю, что слишком много места занято изображениями

@acrevola Sass и компас потрясающие

сетки

Сначала я проектирую мобильный телефон, а затем, если что-то еще нужно добавить (виджеты) через AJAX @Gurami, я кеширую в браузере, а также на моем сервере в Memcached.

Еще один вопрос: действительно ли хорошо пробовать переходы и анимацию с помощью CSS, а не с помощью jQuery? Я думаю, что это проще, но есть страх перед проблемами просмотра.

@acrevola Вы можете разместить свой сайт в разделе отзывов на нашем форуме http://www.sitepoint.com/forums/forumdisplay.php?12-Website-Design-amp-Content-Reviews-amp-Critiques

@acrevola — я подхожу к идее, но я еще не там.

@acrevola — но сначала убедитесь, что вы прочитали рекомендации (сначала вы должны просмотреть 3 других сайта)

@Gurami Вы не можете сделать некоторые переходы в jQuery

@spacebeers — Нет, я не уверен, что случилось: содержит. Многие из этих вещей находятся в движении, о них говорят и увольняют. Мы все еще безумно ждем родительского селектора — http://perishablepress.com/awesome-new-css3-selectors/

@Gurami Да, у вас будет много кросс-браузерных проблем на этом этапе. Лучше всего придерживаться JS, если вам нужна эта надежность.

@spacebeers ты говоришь о препроцессорах?

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

Используйте jQuery как запасной вариант, если можете, проверьте, что свойство CSS существует, а если нет, сделайте это в jQuery.

@ rctneil есть ли минусы?

@acrevola — да.

@nicksh Я имею в виду только небольшие переходы …

@ ralph.m В HTML5 нет ничего шаткого, есть определенные передовые элементы и стандарты, которые не поддерживаются в более старых браузерах, но об этих проблемах просто необходимо помнить. И повод для разработки с осторожной деградацией

Я использую МЕНЬШЕ, но не динамический

@ paul.OB Родительский селектор выглядит чрезвычайно полезным

«Изящный»

@spacebeers — да, это всегда трудно поддерживать, и я должен признать, что склонен не смотреть на последние вещи, пока они не станут пригодными для использования.

@GriffinArtworks Я думал, ты имел в виду «Гарфилд»

лол

@ ralph.mn Ты согласен, но у нас есть баланс необходимости внедрения современных методов, чтобы гарантировать, что мы набираем студентов

внутри я сделал

@ Andrew ваш css кэшируется при загрузке… манипулирование CSS программно может быть полезным в определенных ситуациях, но мне нравится придерживаться базового CSS, который я знаю, и на который я могу положиться, чтобы я знал базовый вид… и поэтому я не используйте php для этого

@GriffinArtworks Дело в том, что HTML5 в настоящее время не является тем, что новым студентам следует представлять в качестве вступления к веб-дизайну и HTML. Это все. 🙂

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

Вау

я думаю, что это должно быть

С коммерческой точки зрения стоит иметь в виду дополнительное время, необходимое для постепенного снижения производительности при использовании самых последних дополнений к HTML5 и CSS3 — иногда это просто не стоит с финансовой точки зрения.

Что делают веб-дизайнер, веб-дизайнер

что он или она должен знать

@ paul.OB — согласился. Легко увлечься самыми современными вещами. Я считаю, что агентские работы помогают мне немного править.

@nofel Это, возможно, немного не по теме. Давайте оставим это CSS для этой сессии. 🙂

@nofel Творчество и фотошоп: D

@GriffinArtworks Если бы вы в настоящее время обучали студентов HTML5, их опыт веб-дизайна был бы довольно болезненным. Конечно, расскажите им об этом …

Изучение HTML5 не означает игнорирование стандартов s3c или семантической разработки, это просто означает, что нужно начинать с новой технологии, если они знают, что им нужно будет использовать полифиллы, все хорошо

хорошо @hAWK

Photoshop, Dreamweaver, Netbeans, Illustrator и Fireworks делают веб-дизайнером

s3c = w3c

www.aptana.com

@andrew Dreamveawer делает плохого дизайнера

Мне нравится апанта

и дизайнер не должен кодировать

Ну, я был членом SP с 2008 года, и я должен сказать, что это лучшее сообщество. я никогда не использую ничего другого.

@ и я тоже

@nicksh, только если вы полагаетесь на представление дизайна

CS6 имеет некоторые интересные функции в Dreamweaver

Спасибо за ваши комментарии о том, что учить новых студентов

Теперь, когда у нас наступил тихий момент, у кого-нибудь есть вопрос, на который нет ответа?

нравится адаптивный дизайн

и пока они понимают, что поддерживается, а что нет, в каждом поколении браузеров тоже

@dprophet — большинству сайтов не нужна огромная помощь, чтобы хорошо деградировать. Только когда вы пытаетесь воспроизвести точный макет, это становится неловким. Позвольте более низким браузерам иметь более простой опыт.

Для быстрой разработки HTML я предлагаю пользователю https://github.com/sergeche/zen-coding

Что люди делают в наши дни, чтобы печатать таблицы стилей?

Да

круто

в последнее время я столкнулся с n-ным детским селектором

Вы запускаете мобильный, затем планшет, затем рабочий стол

Стоит ли использовать @import из-за дополнительной загрузки для организации? Ищу мнения действительно …

Я еще не начал CS 3.

Я перебиваю ребёнка до смерти

@rctneil — они все еще боль в ***. лучше держать их очень просто.

да, дзен кодирует скалы. Я использую это в PSPad.

@nofel nth типа — это круто. Очень очень полезно для вещей, подобных сетке, используйте это все время

@rctneil — больше ничего.

его вид длинный с webkt, transform и другими вещами для каждой отдельной строки браузера

При использовании border-image есть ли способ не дать растянуть изображение?

извините, если это не по теме, но у кого-нибудь были проблемы с тем, что Chrome неправильно печатал символы? заголовок страницы может иметь только одну букву в заголовке, если он напечатан из Chrome, но печатается идеально из IE. Похоже, что Chrome испортил всю типографику — пропущенные буквы, большие пробелы в содержимом и т. Д.

@ rctnell, что именно вы подразумеваете под этим? Я все еще использую их на тех страницах, которые имеют длинный текст, и, вероятно, они будут напечатаны

@ paul.OB Есть ли быстрый способ их предварительного просмотра и тестирования?

@ jess.irwin какой масштаб у твоего хрома?

@ jess.irwin игнорируй меня

@ paul.OB Может быть, ты помнишь меня по прозвищу Эмаархан. ты и Райан всегда помогали мне с CSS

Я смотрел на html5 формы новые необходимые

Я только спрашиваю, когда я запускал свой сайт через sitebeam и получил высокую оценку за отсутствие таблицы стилей печати

@haWK, могу я получить уведомление о таких чатах по электронной почте.

@ jess.irw Особенно, если это замена шрифта, да.

благодаря моему тикеру. я сталкивался с этим

@nofel — да, я помню тебя 🙂

@dprophet да, использует Typekit

@rctnell: -Я бы сказал, что использование таблицы стилей для печати — это вопрос предпочтений …

насколько широко используется селектор: not ()?

хорошо, я думаю, что я добавлю один только для полноты 🙂

@ Андрей я использую его только в jQuery: D

Будет ли когда-нибудь достойный способ сделать вертикальное выравнивание?

@Andrew Это хороший сайт для таких вопросов: http://caniuse.com/

@dprophet, так нет способа избежать этого? Печать важна для клиента.

@rctneil — тестирование таблиц стилей, которые вы имеете в виду. Я просто меняю тип носителя и вижу, как он выглядит в браузере. Однако ничто не заменит его распечатки и посмотрим, что произойдет.

с тех пор я позволил свою работу, в которой я использую для кодирования из PSD в XHTML и CSS. Я не нашел работу. интересно, почему 🙁

@ jess.irw Не то, что я нашел, и я выглядела усердно.

@anna такие вещи, как обязательные, хороши для браузера, который их понимает, но вам все равно нужно использовать какую-то проверку сервера. Основная проблема с ‘required’ и др. в том, что пока нет (хорошего) способа их стилизации

Должен ли я назвать себя веб-дизайнером или веб-разработчиком или что

@rctnell lol

@designpalatset = вы можете лежать с генератором изображения границы здесь, чтобы увидеть, какие эффекты вы можете получить. http://border-image.com/

Еще один вопрос, если я могу, последний принял большое решение, чтобы заставить студентов писать код, используя текстовые редакторы, и не позволял им приближаться к Dreamweaver или любому другому веб-приложению. Хорошее или плохое решение?

@nofel дизайнер интерфейса? или ты тоже делаешь бэк-энд?

@nofel ударил меня в твиттере, и я помогу тебе, но эти вопросы, вероятно, сейчас не актуальны 🙂

Согласовано. Давайте держать это по теме, пожалуйста. 🙂

что сказал @scallioXTX!

@nofel Навыки, которые слишком легко найти. Расширьте свои навыки.

@ Андрей не беспокойся об усыновлении, заботься о поддержке браузера, просто зайди на сайт школ W3c

@scallioXTX В последнее время я участвовал в создании PSD для WordPress.

темы

Есть ли другие вопросы по CSS Layout?

я могу сделать немного php

У меня был один о вертикальном выравнивании

@nofel усердно тренируйся — если у тебя нет работы, зарабатывай на себя — изобретай проекты из ничего для практики

@ Андрей — Ральф победил меня — http://caniuse.com/#search=:not

@anna: хорошее решение. Если они собираются научиться кодировать, сначала сделайте это, а затем, возможно, попробуйте Dreamweaver.

@nofel да, это похоже на дизайнера интерфейса. для меня веб-разработчики тоже делают бэкэнд.

@nofel @adover Я занимаюсь веб-разработкой как моя работа (php / javascript) и веб-дизайнером как мое хобби

@spacebeers вертикальное выравнивание это боль: D

@ Над шляпой проблема. Я хочу, чтобы у меня был проект, но как. нет проектов

Да, скажем, я хочу, чтобы сетка div 4 x 4 стилизовалась как отдельные блоки. Лучше всего использовать класс ‘.last’ и убрать все поля с правой стороны или есть лучший способ?

главная проблема с вертикалью — дизайнеры, которые не понимают, что это никогда не работает так, как они думают

@nicksh — это настоящий баллах, и кажется, что нет подходящего метода

@molona Это для моего личного сайта, я в основном работаю над тем, чтобы я изучал Ruby on Rails и делал весь сайт как можно лучше, так что, если он включает в себя таблицу стилей для печати, то я все для этого

@ Анна отличное решение

@nofel: вы должны открыть ветку на форуме, чтобы обсудить возможности 🙂

display: table-cell и display: inline-block работают довольно хорошо для вертикального выравнивания, но также сложнее поддерживать IE7.

@spacebeers часто отображают: table display: table-cell для этого удобно. Но для более старых браузеров, таких как IE8, есть альтернатива.

обычно он сочетается с колонками одинаковой высоты с неравными полями, слишком большим количеством теней и градиентов и т. д.

@spacebeers — это зависит от того, что вы имеете в виду и что вы хотите выровнять. Dsiplay: свойства таблицы и ячейки таблицы (т.е. 8+) могут использоваться для выравнивания по вертикали

@ Andrew Я бы тоже назвал себя разработчиком, но и дизайнером, но я в основном занимаюсь разработкой jQuery, я чувствую, что все, что основано на языке, — это разработка, дизайн — в photoshop / html / css

@spacebeers Да, Flex Box — спаситель в вертикальном выравнивании

Я ничего не знаю о CSS, с чего начать?

это я имел ввиду. Сожалею.

я буду. ребята, вы можете сказать мне хороший и привлекательный заголовок для себя https://www.odesk.com/users/~~46305826ffbf7eef

Я имею в виду, что это не будет 100% кросс-браузер, но и таблица не является ячейкой.

@nofel Боже мой

@mgmoore форумы sitepoint — хорошее начало и «просмотр источника» сайтов — это помогло мне многому научиться

@nofel в моем колледже, мы всегда получаем множество запросов на бесплатные веб-сайты для общественных проектов. Я уверен, что если вы спросите, вы можете получить некоторые проекты таким образом

@ ralph.m Спасибо, я проверю книги SitePoint.

@mgmoore Это отличная книга для начинающих CSS http://www.sitepoint.com/books/html3/

@spacebeers — его первые дни еще есть, но есть некоторые захватывающие вещи там. Честно говоря, есть только несколько вещей, которые вы не можете сделать сейчас, но вы должны перепрыгнуть через множество обручей, чтобы сделать их.

@HAWK Хотели бы вы получить ответ, если бы вы могли выделить его? 🙂

Что вы думаете о проклятых префиксах поставщиков

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

@mgmoore Или CSS3 http://www.sitepoint.com/books/htmlcss1/

@ paul.OB — стоит ли присматривать? Табличную клетку пока придется делать пока.

@adover «просмотр исходного кода» означает просмотр исходного кода, верно?

@nofel вы используете stackoverflow?

@mgmoore У вас есть много онлайновой документации от www.w3c.org до классической www.w3chools.com… хотя, если вы предпочитаете книги, их тысячи (включая, конечно, SitePoint)… в youtube также есть множество видеорутиков или , если вы хотите что-то более организованное, learnable.com или lynda.com

@Mgmoore действительно так и есть 🙂

@andrew, я только что зарегистрировал там аккаунт сегодня. Почему

@ paul.OB — сортируются как минимум столбцы одинаковой высоты. На данный момент это мой самый большой заслуженный представитель на Stack Overflow

@molona НИКОГДА, НИКОГДА НЕ ИСПОЛЬЗУЙТЕ W3SCHOOLS

@ spacebeers столбцы равной высоты сортируются?

Допустим, я хочу сетку из div 4 x 4 в виде отдельных блоков. Лучше всего использовать класс ‘.last’ и убрать все поля с правой стороны или есть лучший способ?

@spacebeers — равные столбцы никогда не были проблемой для меня, лол;)

@nicksh Я не согласен, вся информация полезная информация

@nofel, посмотрите на сайты благотворительных организаций местных сообществ, если они плохие, свяжитесь с ними и скажите, что вы хотели бы создать сайт для демонстрации своего портфолио.

Я согласен, @andover

@molona. , , что не так с w3schools?

@ paul.OB — нет, я тоже. Нет, так как трюк с отрицательной маржей был обнаружен Это как я получил половину своего представителя переполнения стека

@nicksh для быстрого взгляда, я не нахожу это настолько плохим … информация хорошо обобщена, и ее можно быстро найти … она может обновляться чаще, хотя

Пожалуйста, посоветуйте мне хороший титул

@Loufa check w3fools.com

http://w3fools.com

@dprophet Это, пожалуй, самый надежный способ с точки зрения кроссбраузерности.

@loufa W3 Schools полна плохих советов и плохих практик… см. http: // w3f…

* бить к нему *

спасибо @nicksh

@ ralph.m Большое спасибо!

@nofel Возьми это на форумы. Это не идеально для чата. 🙂

Благодарю . , проверим эти ссылки

@ Loufa … У меня нет проблем с w3schools … это не моя основная рекомендация, но она дает информацию о qucik

w3schools — это справочник для начинающих …

сайт не обновляется так часто, хотя … и это означает, что они немного устарели в отношении лучших практик

@spacebeers, что за минус-трюк? Я обычно использую фон, чтобы подделать равные столбцы

Sitepoint и Mozilla имеют хорошую документацию HTML / CSS

tizag.com тоже хорош

@Willomina Molona не сказала, чтобы не использовать их — кто-то @ отметил ее 🙂

@molona Если не часто значит совсем нет то да;)

@mgmoore Я этого не говорил;)

начинающие @willomina, изучающие плохую практику с самого начала, совсем не хороши

@spacebeers Я согласен, хотя использование jQuery для макета должно быть последним салоном — всегда тестируйте с выключенным JS, даже если это только для небольшого процента пользователей — как будто у вас есть скрипты внизу большой страницы, это на мгновение будет выглядеть хитроумно

это не было адресовано в Молоне

@dprophet — если вы хотите удалить что-то из последнего потомка, тогда вы можете использовать last-child (т.е. 8 + iirc). Или для старых браузеров добавьте класс. Или сместите обертку для начала на величину поля, которое вы хотите противопоставить, и расширьте обертку отрицательным правым полем, чтобы она содержала ваши четыре числа с плавающей запятой. Это звучит сложнее, чем следовало бы.

Хорошо, давайте вернемся к теме, которая является CSS Layouts 🙂

это был Никш, кто сказал это: D

@ Андрей, я сомневаюсь, что любой новичок использует только один источник …

во всяком случае. я gtg

согласовано

Вопрос — Если у вас есть div, содержащий два других div — как плавающих, так и разной высоты, вы бы включили в него «чистый» div или установили высоту содержащего div в фиксированную величину (при условии, что дизайн требует этого)

@HAWK спасибо

@hawK надеюсь увидеть этот чат в следующий раз.

@Willomina, если я скажу тебе «это яйцо», но это была старая курица, ты мне поверишь?

упс @ Paul.OB спасибо!

@ jess.irwin — это когда вы добавляете массивные отступы к нижней части и одинаково массивные отрицательные поля. http://stackoverflow.com/questions/9993799/equal-height-fluid-columns-with-min-height/9993887#9993887

хороший вопрос дпропет

Переполнение @dprophet: скрыто на контейнере вместо прозрачного?

это не то же самое

@ jess.irwin — это x-браузер, который спасает вас с помощью изображений

Вы можете подписаться на напоминания здесь https://www.facebook.com/sitepoint/app_115462065200508

@dprophet Никогда не устанавливайте фиксированную высоту! Это напрашивается на неприятности. Часто что-то наподобие переполнения: скрытый на родительском работает очень хорошо.

@dprophet Я бы установил переполнение контейнера: скрыто

@ Андрей Я здесь не для того, чтобы спорить с тобой … Я здесь для CSS

атрибут height не позволит вам добавить контент в один из двух div в главном div

Я никогда не фанат добавления div просто чтобы очистить

@dprophet — я бы поставил родительский объект переполненным, скрытым, чтобы содержать числа с плавающей точкой — если вы об этом спрашивали?

@dprophet — +1 для переполнения: скрыто; Высота это проблема.

действительно ли нужно использовать div-обертку в эти дни?

@ ScallioXTX… возможно… я настаиваю на том, что w3schools не является моей справочной сетью… Раньше мне это нравилось, потому что с его организацией было легко ориентироваться и быстро получить ответ 🙂

но теперь я иду в другие места: D

@dprophet — но у меня нет проблем с

Я использую метод clearfix, а не переполнение: скрытый

@ molona Я слышал, мне тоже нравилось. Не говори никому.

@spacebeers «дивитис»;)

@ ralph.m @scallioXTX Не повлияет ли это на расположение других элементов в дизайне? Переполнение: скрытый просто ограничивает то, что отображается, но не действует как блок, вокруг которого можно построить остальную часть дизайна, верно?

@ Андрей Обычно это нужно для практических целей. без этого может возникнуть много проблем.

но какова будет цель переполнения: скрыто в этом случае

Я фанат расширенной обертки с трюком с отрицательным краем, который упоминал @ paul.OB.

@spacebeers — Вы имеете в виду одну хитрость верстки макета, которая умна, но не подходит, если у вас есть ссылки на страницы, так как содержимое будет обрезано. В остальном все нормально.

кстати это мой последний макет

http://nicksh.com/experiments/adminface2/

@ Paul.OB — Я никогда не знал, что у него есть имя, но оно всегда отлично сработало.

@ ralph.m Я считаю, что единственный раз, когда я использую обертки, это когда я использую JavaScript для добавления боковых виджетов на основе пользовательских предпочтений

Кстати, где эксперты?

@ScallioXTX Ну вот, пожалуйста — я только что узнал что-то новое! Благодарность

Я попробую

а потом, это сделано с помощью jQuery

@spacebeers ах, использовал это однажды на моей первой работе, это было не самым успешным. придется повторить попытку сейчас у меня больше опыта

@dprophet фактически любое переполнение, кроме «видимого» по умолчанию, будет работать; так что авто также работает, но вы получаете неприятные полосы прокрутки, если вы не будете осторожны, так что лучше держаться подальше от этого

@nicksh Вы уже давно разговариваете с Полом О’Брайеном. 😉

@ paul.OB — Я с нетерпением жду дня, когда CSS-столбцы будут полностью поддерживаться, но пока это мечта.

@Kravvitz звучит как перебор. clearfix, float и ширина !?

@ hAWK ах, в прошлый раз эксперты имели префиксные имена: D

Благодарность

@nicksh, очевидно, @ paul.OB не так осведомлен, как хотелось бы XD

@ ralph.m — интересный момент о плавающем внешнем элементе, @ paul.OB — недавно было немного шума по поводу чрезмерного плавающего элемента — что вы думаете об этом? Я думаю, что я сначала прочитал об этом с помощью CSSLint

@Andrew Привыкайте к оберткам… HTML5 их полон (в виде разделов и т. Д. 🙂

@nicksh Paul OB — официальный эксперт … ScallioXTX и Ralph.m тоже много знают 🙂

все здесь эксперты (:

@dorak К сожалению, справочные сайты немного устарели, но мы переписываем их

@ GFRA54 — Если вы ссылаетесь на мой ответ о содержании объектов с плавающей запятой, то переполнение (кроме видимого) является одним из свойств, которые создают новый «контекст форматирования блока», и в этом контексте объекты с плавающей запятой будут автоматически содержаться. (Абсолютно позиционные элементы, inline-block и display: свойства ячейки таблицы также имеют тот же эффект). Более старый IE просто нуждается в haslayout.

@nicksh Да. Я забыл попросить Пола сделать это на этот раз. Я также хотел бы видеть, как проходят сессии без «рекламируемого» эксперта. Будут ли люди помогать друг другу и все равно придут.

@HAWK Они все еще великолепны и отлично подходят для CSS и HTML, которые действительно важны в данный момент. 🙂

@nicksh Есть также несколько моих сотрудников форума, которые также могут считаться экспертами

Почему IE просто не умирает 🙁

@adover — плавать только при необходимости. Однако поплавки являются изумительными изобретениями и могут делать так много вещей, которые другие элементы не могут.

@ ralph.m Согласен. Поиск не работает, хотя, и они нуждаются в небольшом обновлении. 🙂

IE DIE :: D

@nicksh аминь

@ paul.OB — согласился — хорошо уточнить

@scallioXTX и @nicksh

лол

Я использую IE ДОЛЖЕН УМЕРТЬ, как наложение на моем сайте, которое отображается только в IE

@ ralph.m @HAWK Я согласен, что они великолепны … делает мои бумажные копии лишними 🙁

@HAWK Просто гуглите «ссылка на сайт» «тема», и вы получите то, что вам нужно, поэтому для меня это работает нормально. 🙂

хотя IE> = 9 не так плохи, как 6 и 7

просто думать о IE6 до сих пор посылает дрожь вниз по моему позвоночнику брррр

@nicksh — воспринимай это как хороший вызов — исправление вещей для IE 6 сделало меня более последовательным, как программист, в наши дни

У нас осталось 10 минут официальной сессии. У кого-нибудь есть вопрос, на который у них нет ответа?

@ ralph.m Я использую инструмент codeBurnet для FF

Я только что попробовал переполнение: скрытый, чтобы содержать плавающие div Genius. Я считаю, что это стоит потраченного времени: D

@dprophet приятно слышать 🙂

это отличный способ иметь ссылку в вашем браузере 🙂

@ Хаук, когда следующий? 🙂 Получил удовольствие от этого!

@scallioXTX Все еще имеет дерьмовую производительность и все еще поставляется с домашней страницей MSN

вот хороший * вопрос

Иногда я использую положение: относительное; на родительском элементе, затем position: absolute, left: 0; ширина: 20% /// позиция: абсолютная, справа: 0; ширина: 80%; для двух столбцов в моем макете. очевидно, это ДЕЙСТВИТЕЛЬНО простой пример, иногда есть 3/4 столбца. Есть ли лучший способ сделать это?

* Disclamer: слово «добро» используется относительно моих предыдущих работ

@adover TBC, но если вы хотите попасть в список напоминаний по электронной почте, введите свое имя здесь https://www.facebook.com/sitepoint/app_115462065200508

@scallioXTX Хорошо, спасибо.

@scallioXTX Не одновременно. Извините, что не ясно. Я имел в виду, что я буду использовать один из 3 методов, которые я упомянул.

@ Андрей — Что вы делаете с равной высотой столбца для динамического контента?

По несвязанной теме и для тех из вас, кто пропустил ее ранее, мы разыгрываем в Твиттере раздачу всем новым подписчикам. Убедитесь, что вы подписаны на @sitepointdotcom, чтобы получить бесплатный плакат с ярлыками Photoshop.

сделано, спасибо @haWK — понравилось!

переполнение / пользовательские полосы прокрутки

что-то с полем в переполнении: скрытый контейнер, где у вас есть и другой контент, который не плавает, что-то вроде этого; было бы разрезать блок на ширине поплавка

@ Andrew Как правило, абсолютное позиционирование для макетов страниц вызывает много проблем … например, когда у вас есть нижний колонтитул (или что-то еще) после столбцов. Лучше использовать поплавки для столбцов.

@ Кроме того, мое удовольствие. Спасибо за участие.

@Andrew — Абсолютные столбцы хороши, если под обоими столбцами не нужен нижний колонтитул. Я склонен придерживаться поплавков, потому что я знаю, что клиент передумает и захочет нижний колонтитул 🙂

@ ralph.m Я согласен. Я использую абсолютное позиционирование только тогда, когда другого пути нет. Просто слишком много шаров, чтобы держать их в воздухе.

Любое решение для липкой нижнего колонтитула?

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

Выбивая. Спасибо всем. Стоит того переполнить: спрятан один!

Абсолютное позиционирование удобно для небольших элементов здесь и там, но в целом для паршивого макета.

Позже @dprophet — спасибо за участие

Что такое «липкий нижний колонтитул»?

липкий нижний колонтитул без фиксированной высоты

@ ralph.m точно

@ nickish — Пока нет — но я над этим поработаю!

не там ли нижний колонтитул остается внизу независимо от высоты страницы?

да

придерживаться нижней части окна, когда страница обычно меньше, чем окно

@andrew — да, проблема с липким нижним колонтитулом заключается в том, что вам нужно иметь нижний колонтитул фиксированной высоты, чтобы удовлетворить 100%. Если нижний колонтитул находится на высоте, он не будет работать;

сколько платят хорошие CSS дизайнеры в час?

Правильное время для кровати для меня. Это было интересно, как всегда. Увидимся в следующий раз.

Увидимся @spacebeers

@spacebeers пьют больше космического пива: D

Завершится ли передача завтра?

Как мне получить переходы для работы «ниже сгиба» CSS3 / HTML5

Я опубликую это позже сегодня (это в настоящее время 10:00 здесь)

круто спасибо @hAWK.

видите, я беру зарплату, которую я получаю с работы, + 50%, так как мне, возможно, придется взять свободное время и сделать это, чтобы оно стоило моего времени.

@ Андрей — Они будут заряжать столько, сколько смогут, я бы заподозрил. Как сказал Ральф, все зависит от клиента, работы и текущей стоимости жизни.

иначе я мог бы просто пойти на работу!

Это зависит от клиента: D сколько они могут заплатить

15 долларов слишком мало?

Ну, я ухожу на работу (8 утра). В следующий раз Cya

@AJ — У тебя есть пример, я не совсем понимаю, что ты имеешь в виду. Я полагаю, что если вы оживите что-то из окна просмотра, оно продолжится.

час?

@nicksh, а также какой минимум вы готовы принять: D

Спасибо за участие 🙂

15 долларов в час — это немного низко

И отдельное спасибо Paul O’B и экспертам форума за их время

в Великобритании это как £ 10 / час

@nicksh — Я, вероятно, не так хорош, как вы, и я беру почти вдвое больше, так что вы можете продавать коротко

Вы также должны учитывать свой уровень квалификации при настройке ставки. Я бы сказал, что $ 15 / час — это хорошо для тех, кто имеет опыт работы менее 2 лет.

Мне 15: D

но я знаю вещи действительно хорошие,

Я знаю кого-то, кто создал веб-сайт на 15, который получает 10 миллионов просмотров в неделю

возраст ничего не значит, умение значит все

Единственный кросс-браузерный способ сделать липкие нижние колонтитулы с нефиксированным нижним колонтитулом, о котором я знаю, это использовать CSS-таблицу.

может ли следующая сессия быть о построении API?

* PHP API сборка *

PHP слишком специфичен

@ Андрей и API слишком широк

только теория построения масштабируемого API

Похоже, вы хотите прочитать книгу PHP Master из SitePoint

Я не люблю PHP, но я знаю, что это хорошо

: D

У меня есть книга!

я читаю это

они описывают, как написать RESTful API там, это довольно хорошо

Ах хорошо

Я так много узнал от ти

Это

да это хорошо

Это в значительной степени дало мне работу!

Я использую Codeigniter, могу ли я использовать его для REST?

это как клей, который скрепляет кусочки

итак, больше нет вопросов о css?

Я ненавижу кодигнитер

@nicksh конечно, почему бы и нет

Я использовал это в течение 3 лет, любил это, затем обнаружил CakePHP и Lithium

Я переезжаю Ро Руби

не

li3 FTW

Теперь я использую пользовательский каркас, который использует пользовательские API вместо моделей

хмм

да, я имею в виду Ruby on Rails

и, возможно, Синатра

@Kravvitz — Да, у меня была версия, работающая в Firefox с Display: table, но IE8 не играл в мяч.

Twitter перешел с Ruby на PHP, потому что они столкнулись с проблемами масштабируемости

@ Paul.OB хм. IE8. Это боль, но не слишком удивительно.

со всеми задержанными продуктами

Windows отображает веб-шрифты как дерьмо

они работают над улучшением IE, но все еще играют в догонялки.

@Kravvitz — да, я думаю, ему не понравилось, что одна ячейка была на 100% и подняла таблицу выше, тогда как другие браузеры не увеличили высоту таблицы. Теперь вы упомянули об этом, возможно, мне придется вернуться, как это было некоторое время назад 🙂

Ребята, вы видели это? http://blogs.msdn.com/b/ie/archive/2012/06/04/legacy-dx-filters-removed-from-ie10-release-preview.aspx Они говорят, что они уберут фильтры, включая Фильтр альфа / непрозрачности из ВСЕХ режимов рендеринга IE10.

Не только IE, даже Chrome отображает шрифты как дерьмо в Windows

да, то, как Chrome отображает шрифты в Windows, часто вызывает у меня разочарование.

Когда я смотрю на свои сайты в Ubuntu, я удивляюсь: D

@Kravvitz — Да, я читал это, и, кажется, они пытаются привести себя в порядок. Для MS необычно не поддерживать что-то, но они пропустили выражения в IE8, поэтому я думаю, что это еще один шаг.

@Kravvitz — отбрасывающие фильтры должны вылечить все ошибки округлыми зернами, тенями и градиентами, так как фильтр, кажется, убивает их много.

Я должен спать сейчас, пока все и спасибо за вопросы, ответы и общение. Это было весело.

Не за что, хотя чат двигался быстрее, чем я могу напечатать 🙂 Увидимся позже, Ральф, и спасибо, как всегда.

и да, фильтры не очень хорошо работают с такими вещами, как PNG, которые имеют альфа-прозрачные области.

Кстати, я вспомнил удобный инструмент

http://tinypng.org/

стоит отметить, я думаю

http://www.dynamicsitesolutions.com/blog/2010/2/png-optimization/

Кто-нибудь еще использует GIF-файлы?

Гифки никогда не умирают

оптимизированные PNG обычно меньше, чем GIF.

Анимированные картинки тоже возвращаются.

но только как пользовательский контент

не элементы дизайна, как в каменном веке

: D

единственный GIF, который я обычно использую, является полностью прозрачным размером 10 × 10.

хмм

В эти дни я просто игнорирую старый дерьмовый IE

Когда мы можем прекратить использование префиксов -webkit -moz?

Когда CSS4 и HTML6 вступают в игру

Следующий век тогда?

Или надеюсь до тех пор

@ Род Вам не нужно их использовать никогда. 🙂

может быть, астероид поражает нас в этом году

Есть ли лучший способ размещения файла CSS или это просто предпочтение? Кроме того, лучше ли объединять CSS в наименьшее количество возможных файлов или разделять их?

так что вы думаете, сколько я должен брать, если мне 16 лет, но знаю, стек HTML действительно хорошо

@Rod это зависит

хмм

Подождите

Вы можете поместить весь общий код в один файл и создавать файлы, специфичные для страницы

@Rod В основном предпочтения. И я предпочитаю меньше таблиц стилей.

Вы можете использовать препроцессор для организации кода

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

да

Флэш, безусловно, сжимается.

HTML5 имеет все возможности Flash

если мы включим WebGL

это факт, я полагаю …

программное обеспечение Flash все еще может оставаться интерактивным инструментом разработки HTML5

но Flash Player будет в прошлом

как дела идут, может быть, вы правы.

Flash мертв, и если Adobe не улучшит Photoshop и Illustrator вместо того, чтобы просто добавлять дополнительные функции, то их дни тоже сочтены.

Однако не все потеряно. Это может действовать, как вы сказали.

можешь ответить? минимум сколько я должен брать, если мне 16 лет, но я знаю HTML CSS JS действительно хорошо

: /

Хорошо, ребята, мне нужно сделать ставку…

Зарядите все, что стоит вашего времени, делая это в принципе.

цени свою работу !!

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

Выложите все это в первоначальной цитате, которую вы даете клиенту