Статьи

Полезные заметки и статьи по верстке сайтов

Подключение шрифта к html странице

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

 

Как же подключить шрифт к странице? Существует несколько способов:

Подробнее »

Элементы типографики для новичков

Полезное видео про узкие колонки, выравнивание текста, высоту строк, модульные шкалы.

 


5 flexbox техник при создании сайта

5-flexbox-techniques-you-need-to-know-about

 

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

В этой статье мы рассмотрим пять flexbox подходов для решения проблем компоновки страницы. В статье показаны практические примеры для демонстрации сценариев из реальных html страниц, в которых эти методы применяются.

 

Подробнее »

301 редирект со слешем и без него в конце URL

Если у вас индексируются внутренние адреса страниц и со слешем и без него (‘/’) в конце, т.е. например:

www.site.ru/catalog/
и
www.site.ru/catalog

 

301-Redirects-624x384

 

то поможет исправить ситуацию следующий код для .htaccess:

 

RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_URI} !\..{1,10}$
RewriteCond %{REQUEST_URI} !(.*)/$
RewriteRule ^(.*)$ http://www.site.ru/$1/ [L,R=301]

 

Подробнее »

Про быстродействие селекторов jQuery

Если вы нуждаетесь в дополнительной производительности, и все равно хотите использовать jQuery, то можете попробовать провести оптимизацию селекторов. Тест с использованием time и timeEnd методов консоли браузера в тексте данной статьи.

 

jquery-perfomance

 

 

Подробнее »

Скрипт формы обратной связи с прикреплением файла (php + ajax)

Данный скрипт идеально подойдет для landing page, сайтов-визиток, каталогов, где нужно отправить простую форму с прикрепленным файлом. В скрипте используется проверка заполненности обязательных полей с помощью скрипта jquery.validation с последующей отправкой сообщения на e-mail администратора без перезагрузки страницы с помощью технологии ajax.

 

Демо-страницу можно посмотреть – тут.

Ссылку на скачивание архива найдете в конце статьи.

Подробнее »

Вертикальный слайдер с прокруткой колесом мыши

Вертикальный слайдер totemticker демонстрацию которого можно посмотреть на этой странице, к сожалению, не умеет работать cо скролом мыши. В попытках найти что-либо в интернете по этому поводу не привело к успеху. Частично была попытка исправить этот недочет – источник на гитхабе. Но этим так и не получилось добиться внятной работы в Мозиле.

 

totem

Подробнее »

Геометрические фигуры на CSS

Во всех примерах используется один HTML-элемент

Квадрат

square

#square {
    width: 100px;
    height: 100px;
    background: red;
}

Подробнее »

Закрыть

Заявка на создание сайта, верстку или программирование

* - поля обязательные для заполнения

Widget:Facebook