+38 (096) 397-44-81 | proverstka.com.ua | Контакты

Статьи

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

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

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

 


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;
}

Подробнее »

Вывод последнего твита на сайт

В последнее время становится очень популярным использование социальных сетей и их возможностей применительно к сайтам — вывод последних событий, новостей, комментариев, опросов и пр. В данной статье будет рассмотрено 2 способа вывода последних опубликованных сообщений из Твиттера на сайт — с помощью Javascript и с помощью PHP.

 

twitter

 

Вывод последнего твита с помощью Javascript

Добавление виджета

Для того, чтобы добавить ленту твиттера на сайт необходимо вставить код виджета. Для этого на странице «Виджеты» https://twitter.com/settings/widgets вашего твиттер-аккаунта надо создать новый виджет. Тут же можно выполнить и первоначальную настройку (установить параметры отображения твиттов, указать высоту, выбрать тему и пр.) и скопировать код виджета.

 

Код состоит из двух элементов: анкор с атрибутами (настройками виджета) и javascript-кода, который подгружает библиотеку твиттера.

 

Подробнее »

Закрыть

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

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

Widget:Facebook