• Рейтинг@Mail.ru

WEB-Верстка

Создать папку сайта + Разместить demo-сайт + Привязать новый домен к хостингу Jino.ru

В этой статье мы рассмотрим, как:

    Новый домен

И так, создадим папку для нового сайта:

 

Идем в    Файловый менеджер  

 

По ссылке:

https://cp-hosting.jino.ru/management/filemanager/files/domains

 

Далее создадим папку:

 

 

Читать далее

  • Прислал:

  • dr. house

CSS Grid пример адаптивной верстки

Разворачиваем проект и верстаем адаптивный макет на базе CSS Grid.

 

 

Оглавление
1  - Настройка окружения
2  - Настройки/Шрифты/Переменные/
 
3  - .main-header  
4  - .main-header  .button  
5  -  Gulp build  
6  - .portfolio-section grid  
7  - .landing-section  
8  - .formsection  
9  - .blog-home grid  
10 - .blog-home grid увеличение картинок
 
11 - .main-footer  
12 -  _media.sass  
13 -  UI External: 128.68.155.56:3001  

 

Читать далее

  • Прислал:

  • dr. house

Bootstrap сетка. Что такое? Bootstrap greed PSD.

Для создания ровных и красивых сайтов -лучше всего использовать Bootstrap сетку.

 

Bootstrap сетка - это сетка с определенными расстояниями между линиями.

 

 

 

Стандартизация сетки - позволяет "разговаривать" на одном языке - и верстальщику и дизайнеру. И позволяет ускорить работу над проектом!

 

Читать далее

  • Прислал:

  • dr. house

OptimizedHTML 2.0 Как все было

 

         Стартовый шаблон

 

 

GitHub - OptimizedHTML2.0

 

Максимальной оптимизации сайта для поисковиков - без всего лишнего, и картинки максимально под ноль.

 

 

Также в проект добавлена возможность быстрого деплоя файлов на сервер   Deploy 

по FTP:  при помощи   gulp   плагина    vinil-ftp  

 

 

 

 

Убраны фунции совместимости с  IE<9 (Ниже 9-й версии)

 

 

 

Проблема на MAC:

 

 

Кроме того - команда    ipm i    - не устанавливает папку   node_modules 

 

Читать далее

  • Прислал:

  • dr. house

Горячие клавиши Sublime Text3

 

Более новое оборачивание в <TEG>

 

 

 

Оборачиваем в < тег >

 

 

  Ctrl  Shift    -   Дублировать строчку

  ctrl  +      - Комментировать всю строку

 

  ctrl  Shift     - Комментировать выделенный блок

 

    Ctrl   +  Shift   +       -  Удалить строку

 

 

 

Множественное выделение:

 

 

 

[maxbutton id="2" text="Конвертим <пробелы> в <Tab's>" ]

 

 

 

 

[maxbutton id="4" text="Поиск и замена" ]

 

 

 

 

  • Прислал:

  • dr. house

SASS - CSS препроцессор (Часть 4-я)

Как собственно обновлять страницы при сохранении   html   и  js 

 

Поэтому: Давайте для начала создадим

 

в папке  \js    файл:     common.js 

в нем будем писать   пользовательские функции.

 

 

Читать далее

  • Прислал:

  • dr. house