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

[psywalker]

Чтобы постоянно не заводить новые темы, завёл этот пост для того, чтобы постить сюда полезные новости и статьи с блога css-live.ru (или psywalker.ru)

Все обсуждения, касаемо самих статей, проводятся в комментариях на блоге, непосредственно в самой статье. Пожалуйста, не обсуждайте их тут.

[psywalker]

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

Абсолютное позиционирование в ячейках таблицы, в Firefox

Отдельное спасибо Илюхе (SelenIT). Пока писалась статья, мы с ним узнали много нового и интересного

[psywalker]

На сайте появился новый раздел "ВеCSSти". В нём будут размещаться новости из мира CSS. Добро пожаловать, господа

[psywalker]

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

В этой статье мы попытаемся понять, что же из себя представляют эти загадочные "Отступы", что это за звери и с чем их едят. Так же рассмотрим, что такое inline-block, и почему после себя он ставит эти непонятные интервалы. Ну, и, самое главное, мы увидим несколько универсальных решений данного вопроса и ,конечно же, обсудим все их стороны.

«Загадочные отступы» между инлайн-элементами, и она же, на хабре.

В статье я постарался по максимуму вникнуть в проблему и разобрать её по крупинкам.

Благодаря Илюхиной (SelenIT) помощи, статья получилась намного насыщеннее и подробнее.

[psywalker]

Илюхин перевод сенсационной статьи, автор которой является редактором CSS Flexible Box.

С учетом того, что по caniuse.com почти все браузеры уже поддерживают CSS Flexible Box (или вот-вот начнут поддерживать), а на деле выясняется, что поддерживается-то совсем не то.

В общем все подробности этой сенсации можно прочитать в статье Flexbox умер, да здравствует Flexbox!

[psywalker]

Одна из первых тем, которой учат в учебниках по программированию — это рекурсия. Это довольно сложная для понимания тема, ну то есть для некоторых (для меня например). И почти в 90% учебников рекурсию рассматривают на примере чисел Фибоначчи...

Небольшая статья Рашида (Great Rash) о рекурсии на примере чисел Фибоначчи.

Числа Фибоначчи, как учат в учебниках и как их лучше искать

[psywalker]

Важная новость для всех веб-разработчиков. Настоятельно рекомендую ознакомиться.

Opera, Firefox и IE хотят внедрить префиксы -webkit-

[psywalker]

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

Перевод очень интересной статьи сделал Саша (buddah). Статья о том, как с помощью небольших знаний математики и геометрии можно сделать потрясающую анимацию на JavaScript.

Быстрый взгляд на математику анимации в JavaScript

[psywalker]

Для Opera-фанов (да и не только) появилась отличная новость, а именно обновление браузера, несущее с собой многочисленный список исправлений и изменений.

Встречайте перевод этой потрясающей новости:

Opera 12 (Wahoo), обновление ядра с исправлениями функции Do Not Track, почты и темизации

Спасибо нашему камраду Саше (buddah) за отличный перевод!

p.s. Оксанка будет рада

[psywalker]

Потрясающее стихотворение на тему "DOM" сочинил автор этой "стихотворной статьи" - Илья (aka SelenIT). Советую всем, без исключения

DOM, который построил браузер

[psywalker]

Минздрав Интернета предупреждает: каждый раз, когда вы называете проприетарную фичу словом «CSS3», в мире умирает котенок. Любая -webkit-фича, не входящая в спецификации (хотя бы в редакторский черновик) — не CSS3 ни разу.

Перевод Ильи (aka SelenIT) очень актуальной статьи "Every Time You Call a Proprietary Feature CSS3 a Kitten Dies" из журнала A List Apart, автор — Лиа Виру.

Каждый раз, когда вы называете проприетарную фичу словом «CSS3», в мире умирает котенок

[psywalker]

Статья, в которой рассматривается масштабируемая векторная графика (Scalable Vector Graphics или сокращённо SVG), как одна из наиболее недостающих технологий в современном сайтостроении.

Универсальная независимость при помощи SVG

Огромное спасибо за перевод Борису (aka Arinden)

[psywalker]

Как вы уже наверное знаете, мы стремимся создать, действительно, профессиональное сообщество. Сообщество веб-разработчиков, которое разговаривает на языках HTML, CSS и JS.

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

Сайту требуются переводчики

[psywalker]

Новая и невероятно интересная css-раскопка о равномерное выравнивание блоков по ширине. На этот раз вашему вниманию представляется возможность увидеть, как с помощью CSS3 можно заставить работать IE6-7!

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

Равномерное выравнивание блоков по ширине

А её начало положено на Хабрике

[psywalker]

Статья нашего модератора Алекса (aka alexriz) о CSS правиле @font-face и генераторе нестандартных шрифтов Font Squirrel. О проблемах при подключении шрифтов и их решении.

Нестандартные шрифты в web, вместе с FontSquirrel

[psywalker]

Господа и дамы! На сайте открылся новый раздел "HTML5". В нём будут размещены качественные переводы интересных статей и свои собственные. Приглашаем в комментарии!

HTML5 на css-live.ru

[psywalker]

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

Главный секрет HTML5

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

Я прошу разнести эту новость по всем вашим твиттерам, фейсбукам и прочим соц. сетям. Пусть все узнают правду.

[psywalker]

Непростые повороты судьбы CSS-пикселей, действительно ли новая ch работает в IE9 и многое другое — в новой статье.

Новые и старые единицы измерения (краткий обзор)

[psywalker]

Новая статья о нововведениях Chrome Canary 19. Стили, действующие в пределах родителя. Очень полезная штука, поэтому советую ознакомиться поближе!

Новый экспериментальный компонент: стили с ограниченной областью действия

[psywalker]

Новое решение! На этот раз была реализована задача: "Смастерить полностью универсальный, поддающийся любой стилизации и кроссбраузерный ProgressBar. И по моему нам это удалось

Кроссбраузерный <progress>-бар

Читайте и используйте в своих решениях!

[psywalker]

Совершенно новая и очень интересная идея для пользовательского интерфейса. Это стоит увидеть!

Новая концепция пользовательского интерфейса: эластичная панель инструментов

Спасибо Саше (buddah) за перевод!

[psywalker]

Интересная статья о новой альтернативе CSS сброса под названием "Normalize.css", с помощью которого можно обеспечить лучшую согласованность браузеров в стандартном оформлении элементов. И это только часть его плюсов. Подробности в самой статье.

Про normalize.css

Спасибо нашему камраду - ablay2009 за перевод!

[psywalker]

Если вам ещё не понятны цели нашего сообщества или у вас есть желание помочь сайту, читайте наш Анонс

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

[psywalker]

Теперь у нас появилась своя почта. Все вопросы присылайте на неё

psywalker@css-live.ru

[psywalker]

Теперь у нас появился твиттер нашего сообщества @cssliveru

Присоединяйтесь, друзья!