Мысли по поводу модальных окон |
Пока перерисовываю дизайн, всплывает огромное количество вопросов - что нужно, а что нет. Одной из подобных функций являются модальные окна.
Модальное окно - окно, которое блокирует работу пользователя с родительским приложением до тех пор, пока пользователь это окно не закроет. Думаю, все встречались с моментом, когда нажав на ссылку или кнопку на сайте, затемнялся фон и всплывало окно с информацией. И пока не закроешь окно, не было возможности работать с сайтом.
https://blog.atomsoznanya.ru/sitestroy/244-mysli-po-povodu-modalnyh-okon.html
|
Метки: Сайтостроение |
Мысли по поводу модальных окон |
Пока перерисовываю дизайн, всплывает огромное количество вопросов - что нужно, а что нет. Одной из подобных функций являются модальные окна.
Модальное окно - окно, которое блокирует работу пользователя с родительским приложением до тех пор, пока пользователь это окно не закроет. Думаю, все встречались с моментом, когда нажав на ссылку или кнопку на сайте, затемнялся фон и всплывало окно с информацией. И пока не закроешь окно, не было возможности работать с сайтом.
|
Метки: Сайтостроение |
Мысли по поводу модальных окон |
Пока перерисовываю дизайн, всплывает огромное количество вопросов - что нужно, а что нет. Одной из подобных функций являются модальные окна.
Модальное окно - окно, которое блокирует работу пользователя с родительским приложением до тех пор, пока пользователь это окно не закроет. Думаю, все встречались с моментом, когда нажав на ссылку или кнопку на сайте, затемнялся фон и всплывало окно с информацией. И пока не закроешь окно, не было возможности работать с сайтом.
|
Метки: Сайтостроение |
Разрыв между блоками при использовании inline-block |
Сегодня мы поговорим об одной проблеме, с которой столкнулся недавно, верстая один из проектов.
Как многие из вас знают, часто бывает такое, что блоки смотрятся не пропорционально. Точнее, приходится постоянно высчитывать размеры блоков, учитывая padding, margin и многое другое. В следствии чего бывает так, что, к примеру, третий блок, оказывается на второй строке, оставляя много свободного места. Приходится все пересчитывать. Но если в статичной верстке это можно сделать без особых проблем, то вот при адаптации этого уже не избежать, так как рано или поздно вы попадёте на разрешение экрана, на котором произойдет описанное выше.
https://blog.atomsoznanya.ru/css/243-razryv-mezhdu-blokami-pri-ispolzovanii-inline-block.html
|
Метки: CSS |
Разрыв между блоками при использовании inline-block |
Сегодня мы поговорим об одной проблеме, с которой столкнулся недавно, верстая один из проектов.
Как многие из вас знают, часто бывает такое, что блоки смотрятся не пропорционально. Точнее, приходится постоянно высчитывать размеры блоков, учитывая padding, margin и многое другое. В следствии чего бывает так, что, к примеру, третий блок, оказывается на второй строке, оставляя много свободного места. Приходится все пересчитывать. Но если в статичной верстке это можно сделать без особых проблем, то вот при адаптации этого уже не избежать, так как рано или поздно вы попадёте на разрешение экрана, на котором произойдет описанное выше.
|
Метки: CSS |
Разрыв между блоками при использовании inline-block |
Сегодня мы поговорим об одной проблеме, с которой столкнулся недавно, верстая один из проектов.
Как многие из вас знают, часто бывает такое, что блоки смотрятся не пропорционально. Точнее, приходится постоянно высчитывать размеры блоков, учитывая padding, margin и многое другое. В следствии чего бывает так, что, к примеру, третий блок, оказывается на второй строке, оставляя много свободного места. Приходится все пересчитывать. Но если в статичной верстке это можно сделать без особых проблем, то вот при адаптации этого уже не избежать, так как рано или поздно вы попадёте на разрешение экрана, на котором произойдет описанное выше.
|
Метки: CSS |
Маленькие секреты для удобнои и быстрои верстки |
Однажды, получив совет от Google по поводу уменьшения CSS кода, стал пытаться минимизировать кот, например, практически не использую префиксы для других движков, в надежде на то, что со временем браузеры начнут читать код одинаково. Одинаковые параметры вывожу в несколько строк, просто перечисляя классы, где они содержатся.
https://blog.atomsoznanya.ru/css/242-malenkie-sekrety-dlya-udobnoi774-i-bystroi774-ve776rstki.html
|
Метки: CSS |
Маленькие секреты для удобнои и быстрои верстки |
Однажды, получив совет от Google по поводу уменьшения CSS кода, стал пытаться минимизировать кот, например, практически не использую префиксы для других движков, в надежде на то, что со временем браузеры начнут читать код одинаково. Одинаковые параметры вывожу в несколько строк, просто перечисляя классы, где они содержатся.
|
Метки: CSS |
Маленькие секреты для удобнои и быстрои верстки |
Однажды, получив совет от Google по поводу уменьшения CSS кода, стал пытаться минимизировать кот, например, практически не использую префиксы для других движков, в надежде на то, что со временем браузеры начнут читать код одинаково. Одинаковые параметры вывожу в несколько строк, просто перечисляя классы, где они содержатся.
|
Метки: CSS |
Способы подключения фаила стилеи CSS |
Сегодня мы поговорим о CSS3, а точнее, об адаптивной вёрстке. Про саму адаптивную вёрстку мы говорили в прошлой статье. В этой статье мы рассмотрим с помощью каких инструментов можно CSS3 можно произвести подобную разметку.
На самом деле есть несколько вариантов установки подобных правил, и каждый человек выбирает те, что ему нравятся. Давайте рассмотрим их.
Подключение дополнительных файлов CSS3
https://blog.atomsoznanya.ru/css/241-sposoby-podklyucheniya-fai774la-stilei774-css.html
|
Метки: CSS |
Способы подключения фаила стилеи CSS |
Сегодня мы поговорим о CSS3, а точнее, об адаптивной вёрстке. Про саму адаптивную вёрстку мы говорили в прошлой статье. В этой статье мы рассмотрим с помощью каких инструментов можно CSS3 можно произвести подобную разметку.
На самом деле есть несколько вариантов установки подобных правил, и каждый человек выбирает те, что ему нравятся. Давайте рассмотрим их.
Подключение дополнительных файлов CSS3
|
Метки: CSS |
Способы подключения фаила стилеи CSS |
Сегодня мы поговорим о CSS3, а точнее, об адаптивной вёрстке. Про саму адаптивную вёрстку мы говорили в прошлой статье. В этой статье мы рассмотрим с помощью каких инструментов можно CSS3 можно произвести подобную разметку.
На самом деле есть несколько вариантов установки подобных правил, и каждый человек выбирает те, что ему нравятся. Давайте рассмотрим их.
Подключение дополнительных файлов CSS3
|
Метки: CSS |
Плавное увеличение изображения на чистом CSS3 |
Так уж получилось, что пишу статьи, поралельно верстая новый дизайн. думаю, это оптимальный вариант, так как есть возможность сразу разбираться с кодом, который там присутствует, чем потом искать все среди довольно большого файла.
И сегодня нашей целью будет увеличение изображений при наведении мыши, без использования j0vascript. Все будет делаться посредством CSS3.
https://blog.atomsoznanya.ru/css/240-plavnoe-uvelichenie-izobrazheniya-na-chistom-css3.html
|
Метки: CSS |
Плавное увеличение изображения на чистом CSS3 |
Так уж получилось, что пишу статьи, поралельно верстая новый дизайн. думаю, это оптимальный вариант, так как есть возможность сразу разбираться с кодом, который там присутствует, чем потом искать все среди довольно большого файла.
И сегодня нашей целью будет увеличение изображений при наведении мыши, без использования javascript. Все будет делаться посредством CSS3.
|
Метки: CSS |
Плавное увеличение изображения на чистом CSS3 |
Так уж получилось, что пишу статьи, поралельно верстая новый дизайн. думаю, это оптимальный вариант, так как есть возможность сразу разбираться с кодом, который там присутствует, чем потом искать все среди довольно большого файла.
И сегодня нашей целью будет увеличение изображений при наведении мыши, без использования javascript. Все будет делаться посредством CSS3.
|
Метки: CSS |
Адаптивная вёрстка - зачем это нужно? |
В прошлых статьях мы пробежали по CSS3 и HTML5, а так же разобрались, как заставить IE понимать HTML5. Перед разбором самого кода, давайте обсудим еще кое что - адаптивную разметку.
https://blog.atomsoznanya.ru/sitestroy/238-adaptivnaya-verstka-zachem-eto-nuzhno.html
|
Метки: Сайтостроение |
Адаптивная вёрстка - зачем это нужно? |
В прошлых статьях мы пробежали по CSS3 и HTML5, а так же разобрались, как заставить IE понимать HTML5. Перед разбором самого кода, давайте обсудим еще кое что - адаптивную разметку.
|
Метки: Сайтостроение |
Способы подключения файла стилей CSS |
Сегодня мы поговорим о CSS3, а точнее, об адаптивной вёрстке. Про саму адаптивную вёрстку мы говорили в прошлой статье. В этой статье мы рассмотрим с помощью каких инструментов можно CSS3 можно произвести подобную разметку.
https://blog.atomsoznanya.ru/css/239-sposoby-podklyucheniya-fayla-stiley-css.html
|
Метки: CSS |
Способы подключения файла стилей CSS |
Сегодня мы поговорим о CSS3, а точнее, об адаптивной вёрстке. Про саму адаптивную вёрстку мы говорили в прошлой статье. В этой статье мы рассмотрим с помощью каких инструментов можно CSS3 можно произвести подобную разметку.
|
Метки: CSS |
Заставляем IE понимать HTML5 |
В прошлой статье мы провели быстрое знакомство с CSS3 и HTML5. Вроде бы все понятно, новыми языками пользоваться гораздо удобней, и более понятно. И вот, мы уже решили использовать данные языки, даже уже написали несколько строчек кода. И вот, решив проверить код, мы обнаруживаем, что наш "любимый" IE не может отобразить код.
https://blog.atomsoznanya.ru/html/237-zastavlyaem-ie-ponimat-html5.html
|
Метки: HTML |
Заставляем IE понимать HTML5 |
В прошлой статье мы провели быстрое знакомство с CSS3 и HTML5. Вроде бы все понятно, новыми языками пользоваться гораздо удобней, и более понятно. И вот, мы уже решили использовать данные языки, даже уже написали несколько строчек кода. И вот, решив проверить код, мы обнаруживаем, что наш "любимый" IE не может отобразить код.
|
Метки: HTML |
Быстрое знакомство с CSS3 и HTML5 |
Прежде, чем начинать статьи о верстке с помощью CSS3 и HTML5, хотелось бы написать немного о различиях в данных языках.
Мы не станем углубляться в синтаксис, а так же различные нюансы, а просто скажем, что с появлением CSS3 и HTML5 вёрстка перешла на совершенно иной уровень. Теперь, нет необходимости нарезать дизайн из изображения. С помощью CSS3 можно создать всё. Например, теперь можно при помощи CSS создать анимацию, тени, скругленные углы, и многое другое, а это значит, что больше нет необходимости перегружать сайт JS.
https://blog.atomsoznanya.ru/html/236-bystroe-znakomstvo-s-css3-i-html5.html
|
Метки: HTML |
Быстрое знакомство с CSS3 и HTML5 |
Прежде, чем начинать статьи о верстке с помощью CSS3 и HTML5, хотелось бы написать немного о различиях в данных языках.
Мы не станем углубляться в синтаксис, а так же различные нюансы, а просто скажем, что с появлением CSS3 и HTML5 вёрстка перешла на совершенно иной уровень. Теперь, нет необходимости нарезать дизайн из изображения. С помощью CSS3 можно создать всё. Например, теперь можно при помощи CSS создать анимацию, тени, скругленные углы, и многое другое, а это значит, что больше нет необходимости перегружать сайт JS.
|
Метки: HTML |
