Современный стартовый HTML-шаблон / Хабр
aio350Время на прочтение 2 мин
Количество просмотров 24KРазработка веб-сайтов *CSS *JavaScript *Программирование *HTML *
Доброго времени суток, друзья!
Позвольте представить вам мой новый проект — современный стартовый HTML-шаблон.
Данный шаблон является результатом анализа более 100 источников по вопросам, касающимся структуры и содержимого веб-страницы, разделения приложения на компоненты, кэширования ресурсов, поисковой оптимизации, безопасности и т.д., и включает в себя следующее:
- Все meta и link-теги (общие, Microsoft, Facebook, Twitter, IOS, Android, структурированные данные — Schema.org и JSON-LD, а также парочка тегов, связанных с безопасностью)
- Пример использования HTML5-тегов
- Пример использования CSS3-свойств
- Пример использования CSS-модулей
- Пример использования JavaScript-модулей
- Файл «manifest.
json» - Сервис-воркер общего назначения (сначала кэш, затем сеть)
- Файл «robots.txt»
- Файл «sitemap.xml»
- Файл «browserconfig.xml»
- Файл «.gitignore»
- Пример Express.js-сервера, устанавливающего заголовки, связанные с безопасностью и сжатием, и возвращающего файлы по запросу
- Пример креативной страницы ошибки 404 (страница не найдена, креатив не мой)
- и многое другое
json»Код проекта находится здесь.
Приветствуется любая форма обратной связи: не стесняйтесь писать в личку и пуллреквестить на гитхабе.
Если же вы хотите повторить мой «исследовательский» путь, то можете начать со следующих ресурсов:
- HTML5 Boilerplate
- Frontend Checklist
- Все, что может быть в head
А если вы хотите освежить или проверить свои знания по JavaScript, то специально для этого в свободное от работы время я занимаюсь разработкой этого замечательного приложения (сам себя не похвалишь…).
Благодарю за внимание и хорошего дня.
Теги:- html5
- css3
- javascript
- template
- boilerplate
- шаблон
- проект
- схема
- Разработка веб-сайтов
- CSS
- JavaScript
- Программирование
- HTML
Всего голосов 12: ↑12 и ↓0 +12
Комментарии 20
Igor Agapov @aio350
JavaScript Developer
20 новейших веб — шаблонов на HTML5
51 280 любопытных
Готовый HTML5 шаблон это идеальный вариант как для новичков так и для профессионалов, чтобы построить мощный фундамент для бизнеса. Есть большое количество шаблонов совершенно бесплатных, но они все требуют придельной и не малой настройки.
Все шаблоны, которые представлены ниже, собраны только с надёжных источников. Они так же сочетают в себе современный вид и простоту, а так же самые последние веб — дизайнерские тенденции. Ну а теперь давайте перейдём к шаблонам.
Спасибо большое http://speckyboy.com и рекомендую взглянуть на прошлые подборки:
- Макеты, шаблоны и UI исходники в PSD для дизайнера и бесплатно
- 20+ бесплатных HTML шаблонов и UI исходников за ноябрь 2014 года
- Несколько бесплатных и адаптивных HTML страниц с 404 ошибкой
- Популярные шаблоны в HTML, CSS и PSD форматах, а также UI исходники
Одностраничный HTML5 шаблон для будущего сайта — Landed
Демо Ι Скачать
HTML5 шаблон на фермерскую тему с адаптивным дизайном
Демо Ι Скачать
Адаптивный и минималистический шаблон в HTML5 на ресторанную тематику
Демо Ι Скачать
Одностраничный HTML5 шаблон для стильного онлайн портфолио
Демо Ι Скачать
Простой и стильный шаблон в HTML5 для бизнес сайтов
Демо Ι Скачать
Светлый и минималистический шаблон для любого типа сайтов
Демо Ι Скачать
Творческий HTML5 шаблон для создания студии дизайна
Демо Ι Скачать
Мощный шаблон для создания минималистического блога в HTML5
Демо Ι Скачать
Минималистический HTML5 шаблон для создания блогов
Демо Ι Скачать
Отличный шаблон с крутыми визуальными эффектами
Демо Ι Скачать
Abele — HTML5 шаблон с мега меню
Демо Ι Скачать
Адаптивный HTML5 шаблон для создания сайта с современным дизайном
Демо Ι Скачать
HTML5 шаблон для создания одностраничного портфолио
Демо Ι Скачать
Корпоративный шаблон в HTML5
Демо Ι Скачать
Одностраничный шаблон с эффектом параллакса
Демо Ι Скачать
Простой и минималистический шаблон с адаптивным дизайном в HTML5
Демо Ι Скачать
Серый шаблон для онлайн портфолио
Демо Ι Скачать
HTML шаблон для юристов бесплатно
Демо Ι Скачать
HTML5 шаблон специально разработанный для портфолио
Демо Ι Скачать
Отличный шаблон для современного сайта
Демо Ι Скачать
#Похожее:
Загрузить 2943 Веб-шаблоны Html5
Загрузить 2943 Веб-шаблоны Html5 — Envato ElementsУточнить по
Уточнить по
Связанные:
- электронная коммерция
- агентство
- электронная коммерция
- портфолио
- bootstrap
Ювелирные изделия-Электронная торговля Шаблон HTML5
Автор MarkhorThemes
Добавить в коллекцию СкачатьECOSHOP — Многоцелевой HTML5-шаблон электронной коммерции
Автор: M_Adnan Шаблон HTML5 на одну страницу
Автор: AA-Team
Добавить в коллекцию СкачатьOkno — универсальный шаблон HTML5
Автор suelo
Добавить в коллекцию СкачатьPasific — многоцелевой шаблон HTML5
By BooStock
Добавить в коллекцию СкачатьZorka — Intuitive Fashion HTML5 Template
By nouthemes
Добавить в коллекцию 900 26 DownloadBelton — Minimal HTML5 Black & White Многоцелевой
weibergmedia
Добавить в коллекцию СкачатьМногоцелевой шаблон HTML5
Автор codexcoder
Добавить в коллекцию СкачатьTheratio — Дизайн интерьера и архитектура HTML5
Автор ThemeModern
Добавить в коллекцию СкачатьОбразовательный – Образование HTML 5 Шаблон
Автор Theme_Pure
Добавить в коллекцию СкачатьEvernet — Шаблон HTML5
Автор ThemeBeyond
Добавить в коллекцию ЗагрузитьRoyate | Ресторан HTML5 Шаблон
Автор AuThemes
Добавить в коллекцию СкачатьКреатив, Стартап Агентство HTML5 Баннеры HTML5 Реклама
Автор iDoodle
Добавить в коллекцию СкачатьMultipress — Адаптивный шаблон HTML5
Автор SpyroPress
Добавить в коллекцию СкачатьАлфавит — Детский сад / Школа HTML5
Автор: ingridk
Добавить в коллекцию СкачатьFoxEver — Creative Agency HTML5 Template
By FoxCoders
Добавить в коллекцию DownloadShutter — Photo HTML5 Template
By Nunforest
Добавить в коллекцию СкачатьОктавиан — Многоцелевой креатив HTML5 CSS3
By Th4s
Добавить в коллекцию СкачатьGeco — eSports Gaming HTML5 Template
By ThemeBeyond
Добавить в коллекцию СкачатьРабота — Детский сад HTML5 Template
Автор AuThemes
Добавить в коллекцию 90 026 DownloadPhoebe — Адаптивный шаблон HTML5
Автор: IG_design
Добавить в коллекцию СкачатьГуте | Минималистский шаблон блога HTML5
Автор: Avitex
Добавить в коллекцию ЗагрузитьDatasoft — IT Solutions & Services Шаблон HTML5
By 7oroof
Добавить в коллекцию ЗагрузитьPrinter — Responsive MultiP urpose HTML5 Template
Автор codelayers
Добавить в коллекцию СкачатьBoxster — креативный многоцелевой шаблон HTML5
Автор: DesignsNinja
Добавить в коллекцию СкачатьLemoni — Многоцелевой шаблон HTML5
Автор codelayers
Добавить в коллекцию СкачатьPisend | Минимализм Блог Шаблон HTML5
Автор Avitex
Добавить в коллекцию СкачатьInfinite — Digital Marketing Шаблон HTML5
Автор MarkhorThemes
Добавить в коллекцию DownloadСумасшедшая мода — HTML5 шаблон электронной коммерции
By codecarnival
Добавить в коллекцию СкачатьБиксы | Business HTML5 Template
Автор codelayers
Добавить в коллекцию СкачатьУчтите — многоцелевой адаптивный шаблон HTML5
Автор UserThemes
Добавить в коллекцию 900 09 СкачатьБаннеры для йоги и фитнеса HTML5
Автор iDoodle
Добавить в коллекцию СкачатьXuper — шаблон HTML5 электронной коммерции
Автор: nouthemes
Добавить в коллекцию 9By 7oroof
Добавить в коллекцию СкачатьПолигон — Многоцелевой шаблон веб-сайта HTML5
By surjithctly
Добавить в коллекцию СкачатьMarmozet — Витрина портфолио HTML5 Template
Автор: esensifiksi
Добавить в коллекцию СкачатьЦелевая страница приложения HTML5 Template
Автор codexcoder
Добавить в коллекцию СкачатьFinza — Корпоративный бизнес HTML5
Автор: themesindustry
Добавить в коллекция СкачатьВосемь | Креативное портфолио Шаблон HTML5
By ThemeVillain
Добавить в коллекцию СкачатьOreades — креативный одностраничный HTML5 шаблон
Автор: 7oroof
Добавить в коллекцию СкачатьJPhotography — Портфолио минимальной фотографии HTML50008 Sware SaaS & Software Landing HTML5 Шаблон страницы
Автор: zytheme
Добавить в коллекцию Скачать- Юристы и адвокаты HTML5 шаблон
Автор LabArtisan
Добавить в коллекцию Скачать HTML5 INTRO
Автор On3stepThemes
Добавить в коллекцию СкачатьБизнес-баннеры HTML5
Автор IsLein
Добавить в коллекцию СкачатьEduaid — Education HTML5 Template
By FoxCoders
Добавить в коллекцию СкачатьArma | Многоцелевой шаблон HTML5
Автор: codelayers
Добавить в коллекцию Скачать
коммерция
62+ HTML5 шаблоны сайтов
HexaShop — это HTML CSS-шаблон электронной коммерции для ваших интернет-магазинов.
Grad School HTML-шаблон предназначен для образовательных сайтов. На главной странице есть полноразмерный видеобаннер с 3 роликами…
Diagoona — это HTML CSS-шаблон Bootstrap v4.4.1. Это полупрозрачное диагональное наложение на фоновые изображения. Там…
Рамаяна — это бесплатный CSS-шаблон Bootstrap v4.2.1. Этот двухколоночный макет имеет липкую левую боковую панель с выпадающими меню. Вы можете добавить…
HTML-шаблон Elegance имеет наложенный видео фон с синим градиентом. Слайд вверх и вниз по различным разделам содержимого страницы….
Sided имеет 3 простых HTML-страницы. Этот макет разделен на 2 столбца, синего и белого цветов. Последняя версия 4.2.1 Bootstrap…
Форма опроса с выбором изображений может быть полезна при сборе данных. Эта HTML-форма может быть любым образом настроена для ваших данных…
HTML-шаблон места проведения состоит из выпадающих меню, формы поиска, элементов карусели, таблиц цен, всплывающей модальной контактной формы и т.
д….
HTML-шаблон Highway содержит видеобаннер на всю страницу и галерею изображений в виде сетки. О странице и странице блога включены. Главное меню и…
Known — адаптивный CSS-шаблон для образовательных учреждений, в котором есть слайдер, карусели, простые формы регистрации и контактная форма….
Magazee — одностраничный HTML5-шаблон Bootstrap v4.0.0 с чередующимися блоками . Этот макет основан на простой теме красного цвета.
Journey — это HTML5-шаблон для путешествий и туров, который включает HTML-форму для дат заезда и выезда. Предусмотрены вкладки содержимого…
Шаблон веб-сайта Power HTML — это профессиональная тема Bootstrap для цифрового маркетинга. Он имеет вкладки с контентом и карусель. Вы можете…
Victory — это CSS-шаблон еды и ресторана с простой HTML-формой бронирования. Он также включает в себя карусельные меню для еды…
Шаблон Tinker CSS представляет собой красивый одностраничный макет, основанный на Bootstrap HTML5.
Полное фоновое изображение домашней страницы использует параллакс…
Первая страница представляет собой простой и эффективный макет с красивыми фоновыми изображениями для разных разделов. Галерея изображений с несколькими категориями…
Fluid Gallery — это полноразмерный веб-шаблон сетки фотографий. Этот макет использовал HTML5 CSS3 Bootstrap для отзывчивости и готовности к мобильным устройствам.
Catalyst — это современный одностраничный дизайн с красивым фоном. Две колонки добавляют серый и белый с небольшим количеством прозрачного…
Stimulus HTML-шаблон резюме представляет собой персональный макет веб-сайта с блоками содержимого в стиле метро. Эта тема отлично подходит для вашего…
Верхний содержит несколько галерей изображений, скользящие фоновые изображения на основе слайдера Hero. Это адаптивный макет Bootstrap 4.
Pipeline — это двухколоночный шаблон Bootstrap с розовой цветовой темой. В галерее изображений используется эффект наведения Bubba от Codrops (тимпанус).
В Metro Fit есть галерея изображений в верхней части сетки с всплывающим окном. Этот адаптивный макет основан на Bootstrap 4 alpha 3. Это синий…
Движение включает в себя различные фоновые видео для разных страниц. Этот адаптивный макет основан на Hero Slider и Bootstrap….
The Story — бесплатная тема Bootstrap (v4.0 alpha 2). Есть 4 страницы с контентом, 4 разных фоновых изображения с плавным переходом. Это…
Шаблон Sigma Bootstrap 4 включает галерею изображений в стиле метро с адаптивным лайтбоксом и несколькими столбцами контента. Это…
Holiday — отличный отзывчивый HTML-макет Bootstrap v3.3.5 для веб-сайтов, посвященных путешествиям и турам. Домашняя страница включает в себя слайдер изображений,…
November — это профессиональный шаблон веб-сайта с адаптивным HTML CSS и мобильным интерфейсом. Это ледяная синяя цветовая тема для…
Impulse — это шаблон параллакса, макет Bootstrap v3.3.5 для мобильных устройств. Галерея лайтбоксов портфолио и таблицы с ценами.
..
Альфа-это анимированный чистый макет Bootstrap v3.3.4, который включает сетку портфолио, таблицы цен, контактную форму.
Luxury Gold, страсть к моде, бесплатный адаптивный шаблон для коллекций одежды, 2-колоночные посты в блоге, включена контактная страница….
Шаблон целевой страницы Boxer CSS предназначен для целевых страниц вашего приложения. Он построен на HTML5, CSS3, Bootstrap 3.3.4 и Font…
Rectangle — это мобильный макет Bootstrap v3.3.1 с вертикальными скользящими страницами и светло-зеленым фоном.
Радужная HTML5-тема представляет собой макет, готовый для мобильных устройств, с разными цветами для разных разделов. Это одностраничный макет с прокруткой до…
Веб-шаблон Roller представляет собой адаптивный макет Bootstrap v3.2.0. Всего 6 разделов: главная, команда, прайс-листы, портфолио,…
Artcore содержит 12 HTML-страниц. На главной странице есть сенсорный слайдер. Страница проекта имеет несколько столбцов. Блог представляет собой сетку из каменной кладки для.