Продвинутые CSS туториалы на Codrops - «Верстка»
«Момент, которого вы так долго ждали»: создатели Pioner открыли запись на закрытую «бету», но зарегистрироваться не так уж и просто - «Новости сети»
«Момент, которого вы так долго ждали»: создатели Pioner открыли запись на закрытую «бету», но зарегистрироваться не так уж и просто - «Новости сети»
Соцсеть X обновила принцип блокировки пользователей — многим это не понравилось - «Новости сети»
Соцсеть X обновила принцип блокировки пользователей — многим это не понравилось - «Новости сети»
Обновлённый PC Manager очистит диск от мусора с помощью нового алгоритма и не только - «Новости сети»
Обновлённый PC Manager очистит диск от мусора с помощью нового алгоритма и не только - «Новости сети»
На фоне надвигающегося сиквела продажи Kingdom Come: Deliverance взяли новую высоту - «Новости сети»
На фоне надвигающегося сиквела продажи Kingdom Come: Deliverance взяли новую высоту - «Новости сети»
Дебютировал электрический кроссовер Zeekr X 2025 — автономность на 420 км и 268 л.с. всего за $21 050 - «Новости сети»
Дебютировал электрический кроссовер Zeekr X 2025 — автономность на 420 км и 268 л.с. всего за $21 050 - «Новости сети»
Теперь клиники могут отвечать на отзывы пользователей о врачах — «Блог для вебмастеров»
Теперь клиники могут отвечать на отзывы пользователей о врачах — «Блог для вебмастеров»
Создан порошок с рекордным уровнем поглощения CO2 из воздуха - «Новости сети»
Создан порошок с рекордным уровнем поглощения CO2 из воздуха - «Новости сети»
Криптовалюты упали после сообщения о расследовании возможных нарушений при использовании Tether - «Новости сети»
Криптовалюты упали после сообщения о расследовании возможных нарушений при использовании Tether - «Новости сети»
Обнаружена уязвимость Windows, позволяющая откатывать обновления безопасности - «Новости сети»
Обнаружена уязвимость Windows, позволяющая откатывать обновления безопасности - «Новости сети»
Тайным получателем чипов TSMC для Huawei оказалась компания, связанная с китайской Bitmain - «Новости сети»
Тайным получателем чипов TSMC для Huawei оказалась компания, связанная с китайской Bitmain - «Новости сети»
Новости мира Интернет » Самоучитель CSS » Вёрстка » Продвинутые CSS туториалы на Codrops - «Верстка»

Думал опубликовать в блоге перевод очередного материала по CSS, но потом решил сразу поделиться ссылкой на сборник этих самых мануалов. Возможно, кому-то данная ссылочка пригодится, хотя в интернете с легкостью можно найти много сайтов с приемами по CSS. Правда, отличительной особенностью проекта Codrops являются действительно необычные и интересные CSS туториалы. Можно сказать, что там находятся в основном “продвинутые” и сложные CSS приемы, а не простенькие хаки как в большинстве блогов. Некоторые описания содержат реально много текста – авторы заметок стараются все детально рассмотреть.



На страницах Дизайн Мании я переводил парочку статей с сайта, можете почитать про:



  • Фоновое слайдшоу изображений на весь экран – весьма стильный приемчик.

  • Слайдер “аккордеон” для сайдбара – позволяющий экономить место в боковой панели блога.

  • CSS стили для заголовков сайта – пригодится при нестандартном оформлении текстов и заголовков сайтов.


  • Как видите, в проекте Codrops описываются CSS туториалы для решения абсолютно разных задач: тут вам и всевозможные меню со слайдерами, и реализация эффектов через CSS, и оформление страниц с текстами, а также пояснение на примерах некоторых специфических CSS опций. Обновления публикуются пусть не так часто, как того хотелось бы, но каждый материал весьма объемен.



    В тексте вы не просто найдете части используемого CSS или HTML кода, но и детальное разъяснение той или иной конструкции. Авторы делятся размышлениями почему все было реализовано именно так, какие техники были использованы. Короче говоря, вы не просто сможете скопировать себе тот или иной CSS туториал но и вникнуть в суть приема, обучаясь при этом премудростям верстки.


    Из последнего я бы порекомендовал почитать статьи про создание адаптивного меню под Retina дисплеи, а также про эффект меню как в Youtube. Интересная еще статья про Thumbnail Grid with Expanding Preview – это сетка изображений с раскрывающимся просмотром как сейчас реализован поиск по картинкам у Google. Еще там видел CSS мануалы про то как сделать интерактивную инфографику или эффект переворачивающихся страниц на весь экран (оригинальным получился бы такой сайтик). В общем, рекомендую подписаться на Codrops.


    Думал опубликовать в блоге перевод очередного материала по CSS, но потом решил сразу поделиться ссылкой на сборник этих самых мануалов. Возможно, кому-то данная ссылочка пригодится, хотя в интернете с легкостью можно найти много сайтов с приемами по CSS. Правда, отличительной особенностью проекта Codrops являются действительно необычные и интересные CSS туториалы. Можно сказать, что там находятся в основном “продвинутые” и сложные CSS приемы, а не простенькие хаки как в большинстве блогов. Некоторые описания содержат реально много текста – авторы заметок стараются все детально рассмотреть. На страницах Дизайн Мании я переводил парочку статей с сайта, можете почитать про: Фоновое слайдшоу изображений на весь экран – весьма стильный приемчик. Слайдер “аккордеон” для сайдбара – позволяющий экономить место в боковой панели блога. CSS стили для заголовков сайта – пригодится при нестандартном оформлении текстов и заголовков сайтов. Как видите, в проекте Codrops описываются CSS туториалы для решения абсолютно разных задач: тут вам и всевозможные меню со слайдерами, и реализация эффектов через CSS, и оформление страниц с текстами, а также пояснение на примерах некоторых специфических CSS опций. Обновления публикуются пусть не так часто, как того хотелось бы, но каждый материал весьма объемен. В тексте вы не просто найдете части используемого CSS или HTML кода, но и детальное разъяснение той или иной конструкции. Авторы делятся размышлениями почему все было реализовано именно так, какие техники были использованы. Короче говоря, вы не просто сможете скопировать себе тот или иной CSS туториал но и вникнуть в суть приема, обучаясь при этом премудростям верстки. Из последнего я бы порекомендовал почитать статьи про создание адаптивного меню под Retina дисплеи, а также про эффект меню как в Youtube. Интересная еще статья про Thumbnail Grid with Expanding Preview – это сетка изображений с раскрывающимся просмотром как сейчас реализован поиск по картинкам у Google. Еще там видел CSS мануалы про то как сделать интерактивную инфографику или эффект переворачивающихся страниц на весь экран (оригинальным получился бы такой сайтик). В общем, рекомендую подписаться на Codrops.

    запостил(а)
    Becker
    Вернуться назад
    0

    Смотрите также

    А что там на главной? )))



    Комментарии )))