@frontend_school #статья #CSS

Псевдоэлементы, которых не может быть

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

@frontend_school #викторина

@frontend_school #юмор

@frontend_school #интересное

Панель навигации

Простая, но стильная панель навигации. Её CSS-код состоит всего из 65 строк, но это не мешает ей оставаться эффектной. Глубина пространства создаётся опять же за счёт функций перехода и трансформации в CSS3.

@frontend_school #статья

Профессиональное применение инструментов разработчика Chrome: 13 советов

Вы используете инструменты разработчика Chrome для того чтобы отлаживать код.
Иногда вы заходите в панель Console чтобы, пользуясь возможностями консоли, исследовать данные, которые выводит ваша программа. Иногда вы заглядываете на панель Elements чтобы взглянуть на CSS-код, который применяется для стилизации DOM-элементов.
Но хорошо ли вы знаете инструменты разработчика Chrome? На самом деле, тут есть множество мощных, но не слишком известных возможностей, которые способны значительно повысить эффективность вашего труда.

@frontend_school #викторина

@frontend_school #задача #вёрстка

Cuda. Часть 2

Привет всем!
Это продолжение вёрстки по макету. Надеюсь, что вы успели сверстать первые два блока и просто не хотите делиться своими достижениями в чате, а не испугались возможных сложностей не стали верстать 😉.
Сегодня я предлагаю сверстать следующие 3 блока - "Meet our beautiful team", "We got skills!" и "Our portfolio".
Верстаем используя только HTML и CSS. Если вы ещё не начали, то присоединяйтесь!

Присылайте свои варианты вёрстки в чат! Можете разместить свой вариант на github, codepen или просто кинуть архивом в чат!

@frontend_school #юмор

А вы уже работали с SQL?

@frontend_school #интересное

Кактус

Продолжаем изучать возможности CSS и JS посредством разборки чужого кода. Сегодня у нас кактус, который стреляет своими иголками, если на него нажать.

Пишите в комментарии как бы вы его могли использовать в своём проекте? 🤔

@frontend_school #статья

Как составить резюме frontend-специалиста — лайфхаки

"Меня зовут Андрей Морозов, директор компании Firecode. Поиск хороших специалистов в нашей компании не останавливается никогда, поэтому мы накопили бесценный опыт, которым хотим с вами поделиться."

Данная статья субъективна и не претендует на звание единственно верного способа составления резюме. Скорее это возможность взглянуть на одну из точек зрения работодателя при выборе кандидата.

@frontend_school #викторина

@frontend_school #полезное

Стильные индикаторы выполнения на CSS

В этом руководстве авторы объясняют, как создать простые индикаторы выполнения процесса без использования сложных скриптов. Градиенты, полоски, эффектные отблески: вот это всё сделано с помощью CSS-техник.

@frontend_school #юмор

@frontend_school #интересное

Скелет проекта

В данном проекте метафорично показно взаимодействие между HTML, CSS и Javascript. В общем-то оно и показано с помощью HTML, CSS и Javascript.

@frontend_school #статья

Ревью верстки: 10 полезных замечаний и советов

Code-review для верстки часто пренебрегают, отчасти, возможно, из-за сложившегося стереотипа, что верстать нужно, набрав побольше воздуха, зажмурившись и раскидываясь хаками и костылями, пока не будет достигнута та самая неуловимая кроссбраузерность. А поддерживать чужую верстку — только человеку с крепкими нервами и достаточным запасом медикаментов.

@frontend_school #викторина