Jump to content

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


psywalker
 Share

Recommended Posts

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

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

  • Like 1
Link to comment
Share on other sites

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

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

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

  • Like 1
Link to comment
Share on other sites

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

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

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

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

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

  • Like 1
Link to comment
Share on other sites

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

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

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

Link to comment
Share on other sites

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

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

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

Link to comment
Share on other sites

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

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

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

Link to comment
Share on other sites

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

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

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

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

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

Link to comment
Share on other sites

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

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

Link to comment
Share on other sites

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

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

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

Link to comment
Share on other sites

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

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

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

Link to comment
Share on other sites

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

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

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

Link to comment
Share on other sites

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

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

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

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

  • Like 1
Link to comment
Share on other sites

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

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

Link to comment
Share on other sites

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

HTML5 на css-live.ru

Link to comment
Share on other sites

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

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

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

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

Link to comment
Share on other sites

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

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

  • Like 1
Link to comment
Share on other sites

  • 2 weeks later...

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

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

Link to comment
Share on other sites

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

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

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

Link to comment
Share on other sites

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

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

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

Link to comment
Share on other sites

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

Про normalize.css

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

Link to comment
Share on other sites

  • 3 weeks later...
  • 2 weeks later...
Guest
This topic is now closed to further replies.
 Share


×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy