Обучаемся.com

Руководство по компьютеру, работа с Windows, разработка и продвижение сайтов…

Автор:

Гаджеты погоды для актуальных версий Windows

Ещё со времени первого появления гаджетов в операционной системе Windows Vista они вызвали противоречивые чувства у пользователей. Кому-то не нравилось лишнее захламление рабочего стола, а кто-то наоборот — ухватился за идею использования мини-программ обеими руками. Несомненно, большинство поделок того времени, особенно от энтузиастов любителей, не могло похвастаться качеством реализации и оригинальностью. А в некоторых случаях отдельные, неправильно сделанные экземпляры, могли существенно «тормозить» систему. На текущее же время, хоть Microsoft официально и отказалась от поддержки гаджетов в 8-й и 10-й версиях Windows, их продолжают использовать. На это есть несколько причин — современные компьютеры стали мощнее, размеры экранов существенно выросли, а многим пользователям пришлись по вкусу виджеты из мобильных телефонов, портированные на десктопную платформу. Подробнее >>

Автор:

Как скачать музыку на компьютер с одноклассников?

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

Автор:

Flexible Media в адаптивной верстке

Привет, немного я ленился, но вот снова сел и приступаю к написанию очередной статьи посвященной адаптивной верстке с применением Flexible Media, то есть гибких медиа вставок на ваш сайт.

А теперь все по порядку, так как мы с вами используем в нашей верстке html5 теги нам нужно прописать следующее правило в css:

article, aside, details, figcaption, figure, footer, hgroup, menu, nav, section {
    display: block;

Что здесь написано вы уже знаете, а если нет я скажу. Мы всем основным тегам с HTML5 задали значение display:block, то есть все они теперь будут блочные. Хотя по умолчанию большинство браузеров признают и понимают эти теги и знают, что они блочные, это правило, как подстраховка для нас. Подробнее >>

Автор:

Media queries адаптивная верстка

Привет, продолжаем разбор адаптивной верстки и сегодня пора поговорить о таком понятии, как media queries. Что это такое и где его применять мы и разберем в сегодняшнем занятии. Для понятия того, чем же таким важным есть media queries в адаптивной верстке, нам нужно вернуться в CSS2 и посмотреть на правило, которое называлось @media.

Правило @media позволяет указать тип носителя, для которого будет применяться указанный стиль. В качестве типов выступают различные устройства, например, принтер, КПК, монитор и др.

Подробнее >>

Автор:

Гибкая сетка в верстке

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

Это классика современного построения адаптивного дизайна, и не только современного. Любой дизайнер, который давно рисует веб-сайты знает от таком понятии, как сетка разбивки исходя с которой строится красивый с выдержкой пропорций макет. Количество колонок в сетки может быть разное, в большинстве случаев это 12 или 16, но встречается и 15, а также другое количество. Обратно все зависит от дизайнера, который рисовал макет. Подробнее >>

Автор:

Гибридная верстка и изображения

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

Итак по привычке берем уже готовый код с окончания прошлого занятия и продолжаем его видоизменять:Исходник кода в примере

Сейчас мы рассмотрим гибрид, где смесь статической верстки граничит с резиновой. У нас имеется гибкий сайдбар, но сейчас нам нужно добавить в него изображение с фиксированными размерами. В дальнейших уроках по адаптивной верстке мы еще не однократно вернемся к теме медиа в верстке, но сегодня поработаем гибридно. Подробнее >>

Автор:

Гибкая разметка при верстке

Здравствуйте уважаемые посетители моего блога. Мы уже с вами начали ознакомление с понятием адаптивной верстки и затронули частичку теоретической стороны этого вопроса в первой статье об истории адаптивной верстки.

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

А теперь немного поговорим о фрагментах кода, которые есть в скачанном примере, чтобы вы понимали с чем мы работаем и что за что там отвечает. Итак первым непонятным вам куском кода будет строка находящаяся в служебной части html документа: Подробнее >>