Создание меню на чистом CSS

Создание меню на чистом CSS

8 206

Как сделать меню для сайта на чистом CSS?

Всем привет. С вами Corvax. Частой задачей при разработки сайта или приложения является создание меню с целью лучшей навигации. Есть несколько путей решения этой задачи: либо с помощью CSS, либо с использованием JS. В данной статье я хочу показать вам путь решения этой задачи по средствам только одного CSS. Приступим.

Создание HTML макета

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

Читать далее «Создание меню на чистом CSS»

0
БЭМ для верстальщиков. С чего начать?

БЭМ для верстальщиков. С чего начать?

РубрикиFront-end BEM
3 880

Всем привет. С вами Corvax. Все чаще в вакансиях сейчас можно увидеть обязательное требование —  умение верстка про БЕМ (BEM). БЭМ на сегодняшний день  это современная дефакто модульной разработки проектов признанное во всем мире (если ваш проект подразумевает масштабируемость). Давайте разберем, что же такое БЭМ, из каких полезных фич и компонентов он состоит и как максимально быстро можно начать им пользоваться.

БЭМ

Процитирую Википедию: «БЭМ (Блок-Элемент-Модификатор) — методология web-разработки, а также набор интерфейсных библиотек, фреймворков и вспомогательных инструментов.»

Как показывает практика, сейчас широко используется так называемый “нейминг” БЭМ. Определенное наименование классов по принципу: блок, элемент, модификатор.

Читать далее «БЭМ для верстальщиков. С чего начать?»

0
Javascript #1 — Введение

Javascript #1 — Введение

РубрикиYouTube JS Front-end
575

Всем привет! C вами Corvax. Сегодня, специально для вас я решил записать серию уроков по JavaScript. В данном вводном уроке мы поговорим о том что же такое javascript, где его можно применять, и напишем тот самый классический пример «Hello World» на js. Приятного просмотра!

Тут видос по этой теме :

0
Шпаргалка по командам Linux

Шпаргалка по командам Linux

РубрикиLinux
2 575

Всем привет. С вами Corvax. Сегодня я подговорил список (шпаргалку) по командам Linux. Очень удобная вещь если вы постоянно работаете с консолью. Все команды рассортированы по категориям их применения. Поехали.

Работа с файлами

ls – список файлов и каталогов
ls -al – форматированный список со скрытыми каталогами и файлами
cd dir – сменить директорию на dir
cd – сменить на домашний каталог
pwd – показать текущий каталог
mkdir dir – создать каталог dir
rm file – удалить file
rm -r dir – удалить каталог dir
rm -f file – удалить форсированно file Читать далее «Шпаргалка по командам Linux»

0
Как сделать цвет текста прозрачным?

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

РубрикиCSS
1 961

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

Пример что у нас получится в итоге:

Читать далее «Как сделать цвет текста прозрачным?»

0
Советы начинающему Front-end разработчику

YouTube. Советы начинающему Front-end разработчику

РубрикиYouTube Front-end
1 581

Всем привет. C вами Corvax. Сегодня я «запилил» первый видос на тему: Советы начинающему Front-end разработчику.  Небольшие размышления на тему того что может быть полезно джуниорву в программирование. Приятного просмотра!)

ТОП 8 советов начинающему Front-end разработчику.

0
Выравнивание элементов с помощью CSS

Выравнивание элементов с помощью CSS

РубрикиCSS
820

Всем привет. C вами Corvax. Давайти немного поговорим о выравнивание блоков с помощью css. Часто в практике клиентского разработчики при верстке странице нужно выровнять див по центру как по горизонтали, так и по вертикале. Здесь я соберу пару полезных примеров этой задачи. Поехали.

Пример выравнивания картинки(img) объявленную инлайново в верстке.


img {
   position: absolute;
   top: 50%;
   left: 50%;
   width: 500px;
   height: 500px;
   margin-top: -250px;
   margin-left: -250px;
}

Читать далее «Выравнивание элементов с помощью CSS»

0
Ошибки на собеседование Front-End web разработчика

Ошибки на собеседование Front-End web разработчика

1 018

Всем привет. С вами Corvax. В этой статье я бы хотел поговорить о такой важной теме как прохождение собеседования (в данном примере на должность Front-End web developer). Поехали.

Вы не подготовились к собеседованию

Часто, когда соискатель приходит на собеседование, он к нему попусту не готовится. Это очень большая ошибка, которая будет в конечно итоге влиять на результат самого собеседования. Иногда лень, а иногда просто самоуверенность приводит к тому что мы закрываем глаза и не готовимся к важному шагу в своей жизни, а именно устройству на работу. Сейчас есть прекрасная возможность просто “погуглить” и прочитать перечень стандартных вопросов для собеседования. В добавок вы можете подумать, что вы уже знаете и в каких областях у вас есть пробелы. Сделав небольшой анализ можно снова “попуглить” и получить все необходимые ответы.

Читать далее «Ошибки на собеседование Front-End web разработчика»

0

JQuery. Как скрыть на вашем сайте изображения, которые не загрузились?

РубрикиjQuery
696

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

Вот код для примера:


// Заменяем картинку на свою
$('img').error(function(){
        $(this).attr('src', 'imgs.png');
});

// Скрываем картинку
$("img").error(function(){
        $(this).hide();
});
0
frontend developer

8 советов Front-end разработчику

Рубрикиjunior Front-end
1 068

Всем привет. С вами Corvax. Сегодня я хочу поговорить с вами о такой важней теме как развитие во Fornt-end разработке или просто постараюсь дать несколько советом для начинающих Front-end разработчиков.  Данные советы легко подойдут любым разработчику. Они являются универсальными и проверенными временем. Поехали.

Читать далее «8 советов Front-end разработчику»

0