css-live.ru - Сообщество, говорящее на языках HTML, CSS и JS

[psywalker]

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

Встречайте:

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

Читайте и пользуйтесь на здоровье

И, конечно же особая благодарность Илье (aka SelenIT) за оказанную помощь и поддержку.

[psywalker]

Не прошло и месяца, как родилось ещё одно спасение для наших дорогих верстальщиков.

На этот раз Илья Стрельцын (aka SelenIT) придумал потрясающее решение одной известной задачи, связанной с очисткой потока. Все подробности читайте в новой статье.

Новая альтернатива clearfix-у и overflow:hidden

Читайте и используйте это чудо в своих проектах!

[psywalker]

Перевод Ильи Стрельцына (aka SelenIT), горячей и очень интересной статьи Брюса Лоусона:

Адаптивные изображения в HTML5: конец первого раунда

Полезного вам чтения, дорогие друзья!

[psywalker]

Новая, интересная и очень познавательная статья Ильи Стрельцына (aka SelenIT)

«Блочных и строчных элементов» в HTML больше нет

Советую прочитать её всем верстальщикам любого уровня. Обещаю, что, прочитав эту статью, многие откроют для себя что-то новое и полезное

[psywalker]

Важная новость!

1 июня мы с Ильёй Стрельцыным (aka SelenIT) запускаем наш авторский и очень интересный цикл статей под названием "Инлайновый контекст форматирования (ИКФ)", который будет посвящен самой важной и вместе с тем самой загадочной, неизученной, неоднозначной и полной неочевидных сюрпризов стороне действующей спецификации CSS — визуальному форматированию текста.

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

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

Начиная с 1 июня статьи будут выходить раз в неделю (каждую пятницу). Так что не отходите далеко, лето будет жарким!

[psywalker]

Как мы и обещали, сегодня вышла первая статья нашего цикла

Встречайте:

Введение в инлайновый контекст форматирования (ИКФ): основные понятия (1-я публикация цикла “Тайны CSS2.1?)

Очень надеемся на конструктивную критику в комментариях!

Приятного вам чтения, друзья

[psywalker]

Как мы и обещали, наш авторский цикл продолжается! И, сегодня (в пятницу) вышла вторая публикация цикла, которая посвящена полям, отступам и границам (и ещё некоторым вещам) в инлайновом форматировании.

Встречайте:

Введение в инлайновый контекст форматирования (ИКФ): основные понятия (2-я публикация цикла “Тайны CSS2.1?)

Мы настоятельно рекомендуем прочитать все две части (1, 2), чтобы усвоить материал лучше!

Приятного вам чтения. И, пожалуйста, не забывайте комментировать наши статьи и задавать вопросы, если таковые имеются, нам это очень важно!

[psywalker]

Новая, потрясающе интересная статья с DEV.OPERA, переведённая Ильёй Стрельцыным (aka SelenIT), которая описывает матрицы трансформаций в CSS.

Изучаем матрицы трансформаций в CSS

Советую всем, без исключения!

[psywalker]

Сегодня пятница, а следовательно, как мы и обещали, вышла наша очередная статья!

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

ИКФ: высота строки, часть 1 (3-я публикация цикла "Тайны CSS2.1")

Рекомендуем хорошенько перечитать все части цикла (1, 2, 3), чтобы усвоить материал!

Желаю приятно провести время и не забывайте комментировать, друзья. Ваша критика и вопросы нам необходимы!

[psywalker]

Сегодня мы запускаем наш конкурс на лучший логотип для сообщества css-live.ru

Регистрируйтесь и участвуйте! Подробности в этой теме:

Конкурс на лучший логотип для сообщества css-live.ru

Мы ждём вас, друзья!

[psywalker]

Сегодня вышла уже четвёртая часть нашего цикла, в которой мы познакомимся ещё с одним полезным свойством, участвовавшим в регулировке высоты строки - line-height. В этой части цикла вы узнаете много интересного о line-height и его механизме работы.

ИКФ: высота строки, часть 2 (4-я публикация цикла "Тайны CSS2.1")

Рекомендуем хорошенько перечитать все части цикла (1, 2, 3, 4), чтобы ничего не упустить!

Да, и конечно же, не забывайте комментировать наши статьи!

[psywalker]

А вот подтянулась и пятая часть нашего цикла, в которой мы продолжим знакомство со свойством line-height. В этом раз мы узнаем, как line-height взаимодействует с элементами с display:inline, с разными размерами шрифта, а так же ещё кое-что интересное.

ИКФ: высота строки, часть 3 (5-я публикация цикла "Тайны CSS2.1")

И обязательно прочитайте все части нашего цикла (1, 2, 3, 4, 5)!

Не забывайте комментировать наши статьи!

[psywalker]

И вот на свет родилась ещё одна статья из нашего цикла, уже шестая по счёту. В ней мы продолжаем расследование по делу о line-height и в этом раз улики приведут нас к инлайн-блокам и инлайн-таблицам, которое, как оказалось, тоже имеют свои интересные нюансы.

ИКФ: высота строки, часть 4 (6-я публикация цикла "Тайны CSS2.1")

Чтобы не потерять смысл и понять всё вышеизложенное, обязательно прочитайте все части нашего цикла (1, 2, 3, 4, 5, 6 )!

И комментируйте наши статьи, друзья!

[psywalker]

Наши раскопки продолжаются и в очередной статье (уже седьмой по счёту) мы познакомимся сразу с несколькими вещами. Самая главная из них - это "Замещаемые элементы". В статье мы узнаем, что представляют из себя замещаемые элементы, из чего строится их высота, базовая линия, влияние на них свойства line-height и многое другое. А так же рассмотрим единицы измерения в line-heigth и ещё много чего интересного!

ИКФ: высота строки, часть 5 (7-я публикация цикла "Тайны CSS2.1")

Мы настоятельно рекомендуем основательно подойти ко всем предыдущим публикациям нашего цикла и все их перечитать (1, 2, 3, 4, 5, 6, 7)!

Обязательно пишите ваши замечания и ценные комментарии!

p.s. Перед прочтением советую запастись кружкой чая или кофе, и не забудьте про печеньки. Статья получилась большая, но очень увлекательная

[psywalker]

Наш поезд под названием "Инлайновый контекст форматирования" даже и не думает останавливаться. Если недавно он с большим шумом промчался через терни line-heigth, то в этот раз ему на пути встретится ещё более грозное препятствие, рассказ о котором ждали и спрашивали многие из нас! Прошу любить и жаловать, его величество vertical-align. В этой статье мы начнём знакомство с этим чудом!

Вертикальное выравнивание в строке, часть 1 (8-я публикация цикла "Тайны CSS2.1")

Не забываете, что, если вы не ознакомитесь со всеми публикациями цикла, то усвоить материал будет намного труднее! (1, 2, 3, 4, 5, 6, 7, 8)!

Не забывайте про комментарии!

[psywalker]

Давайте продолжим разбирать vertical-align и узнаем, чем же так уникальны значения top и bottom, а так же рассмотрим другие его значения и занятные баги. Встречайте девятую публикацию нашего цикла.

Вертикальное выравнивание в строке, часть 2 (9-я публикация цикла "Тайны CSS2.1")

Помните, что прочитав именно все части цикла к вам придёт понимание (1, 2, 3, 4, 5, 6, 7, 8, 9)!

Не забывайте про комментарии!

[psywalker]

Перед тем, как выбрать, где использовать тот или иной элемент HTML5, многие обращались к известной схеме, но т.к. она на английском языке, то не для всех эта блок-схема была полезной. Илья Стрельцын (aka SelenIT) решил эту проблему и полностью перевёл эту схему на русский язык, адаптировав её под русско-язычного разработчика. Говорим огромное спасибо Илье и встречаем нашу блок-схему

Блок-схема алгоритма выбора секционных элементов HTML5

[psywalker]

В прошлых частях цикла мы хорошо усвоили, что представляет из себя vertical-align, рассмотрели его особенности и значения, но нам же интересно узнать, как это свойство взаимодействует с line-height, не правда ли? Встречайте десятую публикацию, где обсуждается этот и другие вопросы

ИКФ: Вертикальное выравнивание в строке, часть 3 (10-я публикация цикла “Тайны CSS2.1?)

И ни в коем случае не забывайте про другие части цикла (1, 2, 3, 4, 5, 6, 7, 8, 9, 10)!

[psywalker]

Вертикальное выравнивание, которое мы изучили вдоль и поперёк в предыдущих статьях - это конечно здорово! Но есть же ещё и горизонтальное! Понимаете, к чему я клоню? Правильно, молодцы! С этой статьи мы начинаем знакомство с Горизонтальным выравниванием в строке. Хотите горячих подробностей - читайте новую статью на css-live.ru!

ИКФ: Горизонтальное выравнивание, часть 1 (11-я публикация цикла “Тайны CSS2.1?)

Кто ещё не ознакомился с предыдущими публикациями, велкам (1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11)!

[psywalker]

Двенадцатая публикация нашего цикла бьёт прямо в сердце горизонтального выравнивания! Хотите узнать алгоритмы text-align — свойства, которое описывает способы выравнивания текста по ширине строки? Тогда вперёд! Мы ждём вас, друзья

ИКФ: Горизонтальное выравнивание, часть 2 (12-я публикация цикла “Тайны CSS2.1?)

Обязательно прочитайте предыдущие публикации (1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12)!

[psywalker]

Вот и закончилось лето, а в след за ним подошёл к концу и наш цикл статей. Тёплые летние рассказы про "Инлайновый контекст форматирования" сегодня заканчиваются и мы хотим представить вам последнюю - тринадцатую публикацию этого цикла. Мы решили посвятить ей те значения text-align, которые на текущий момент содержаться в черновиках, а некоторые из них уже существуют и работают в последних браузерах. Приятного вам чтения, друзья

ИКФ: Горизонтальное выравнивание, часть 3 (13-я публикация цикла “Тайны CSS2.1?)

Не пропустите предыдущие публикации (1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13)!

Спасибо всем, кто прошёл с нами весь инлайн-путь и внимательно следил за всеми публикациями! На этом наша история не заканчивается. Следите за новостями css-live.ru!

[psywalker]

Интересный цикл статей закончился, но мы не планируем останавливаться на достигнутом и поэтому сегодня на сайте вышла новая, не менее интересная авторская статья! Любимый всеми Илья Стрельцын (aka SelenIT), автор многих популярных решений и познавательных публикаций, написал статью, в которой он высказал свои мысли и размышления о стандартах, о жизненном цикле спецификации CSS и многих других заслуживающих внимания вещах.

Хотите подробностей? Милости просим к нам в гости

МаCSSаракш. Размышления о стандартах CSS

Надеемся, что эта статья не оставит никого равнодушными, поэтому ждём вас в комментариях

[psywalker]

Среди веб-разработчиков ходит очень много мифов о валидности или валидации той или иной технологии. В этой статье Илья Стрельцын (aka SelenIT) решил развеять десять самых громких на наш взгляд мифов. Каких именно? Читайте в нашей новой статье

10 популярных мифов о валидности и валидации

[psywalker]

Вам знакомы такие понятия как "Адаптивный дизайн" и "Первый экран"?

Заголовок данной статьи не только слабая попытка удовлетворить SEO, но и прыжок вслепую в пчелиный рой! В сфере веба нечасто встретишь темы, способные, подобно «Первому экрану»; и «Адаптивному дизайну», настолько быстро вызвать переполох среди разработчиков и потому, самое время скрестить их вместе.

Читайте новую интересную статью на css-live.ru

Адаптивный Веб-дизайн «Первого экрана»

[psywalker]

Друзья, сегодня вышла наша первая книга "Инлайновый контекст форматирования", которая посвящена одной из самых важных и вместе с тем самой загадочной, неизученной, неоднозначной и полной неочевидных сюрпризов стороне действующей спецификации CSS — визуальному форматированию текста.

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

Посмотреть краткий обзор и скачать книгу.