Pull to refresh
20
0
ajaxajax @xaja

User

Send message

Vue.js: Хуки жизненного цикла ваших и сторонних компонентов

Reading time 3 min
Views 9.9K

Lifecycle hooks (Хуки жизненного цикла) — это очень важная часть любого компонента. Нам, нашему приложению, часто нужно знать что происходит с компонентом, когда он создан, смонтирован, обновлен или уничтожен.

В компоненте мы можем отлавливать эти события используя соответствующие методы, например:

  • created — экземпляр компонента создан
  • mounted — экземпляр компонента cмонтирован
  • updated — виртуальный DOM был обновлён из-за изменения данных
  • destroyed — экземпляр компонента уничтожен
  • и т.д. Документация

В коде нашего компонента это будет выглядеть так:
Читать дальше →
Total votes 7: ↑7 and ↓0 +7
Comments 8

Дайджест свежих материалов из мира фронтенда за последнюю неделю №365 (13 — 19 мая 2019)

Reading time 3 min
Views 12K
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.


Читать дальше →
Total votes 34: ↑33 and ↓1 +32
Comments 4

10 перспективных поисковых роботов для улучшения SEO

Reading time 5 min
Views 10K
Выполните тщательную SEO проверку своего сайта для улучшения ранжирования в поиске.

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



Однако, если вам необходимо более детально изучить различные элементы SEO, тогда стоит рассмотреть возможность использования более продвинутых, комплексных инструментов.
Читать дальше →
Total votes 21: ↑13 and ↓8 +5
Comments 3

Путь верстальщика: с нуля до сеньора

Reading time 8 min
Views 358K

Здравствуйте, меня зовут Александр Зеленин, и я веб-разработчик.
Многократно я слышал мнение, что верстка — удел начинающих frontend’еров. Хотя фактически это важнейшая часть любого (почти) веб-проекта. Это то, что пользователи видят в первую очередь. На текущий момент качественная вёрстка (особенно проектирование блоков) в крупном проекте требует большого количества различных навыков.


В данной статье представляю схему развития верстальщика


image
[большая по клику]
Само собой, это не всеобъемлющая и единственно верная схема. Есть ещё целая гора связанных навыков, релевантных технологий и так далее. Градация является субъективной.

Описание пути код катом
Total votes 47: ↑34 and ↓13 +21
Comments 173

Книга автора XKCD стала бестселлером ещё до выхода

Reading time 2 min
Views 24K
Автор веб-комиксов XKCD, бывший инженер НАСА и физик по образованию Рэндел Манро (Randall Munroe) скоро сможет называть себя популярным писателем. Впрочем, он таким является уже сейчас.

Его книга "Thing Explainer" за три месяца до начала продаж вышла на первое место в подразделах «Научные инструменты» и «Механика» раздела «Наука и математика» в магазине Amazon. Настолько велико количество предварительных заказов.

Когда-то давно Манро опубликовал чертёж ракеты Saturn V, где объяснялась конструкция и предназначение каждой детали. При этом в описании автор не использовал никаких специальных терминов, а только тысячу самых популярных слов английского языка.

Такой метод он применил в книге-альбоме. Она содержит 64 подобных чертежа размером 9″x13″ (23х33 см), а все описания состоят из той самой тысячи общеупотребительных слов. Поскольку все вещи объясняются простым языком, то и саму книгу было решено назвать Thing Explainer.
Читать дальше →
Total votes 27: ↑26 and ↓1 +25
Comments 50

Несколько интересностей и полезностей для веб-разработчика #44

Reading time 6 min
Views 40K
Доброго времени суток, уважаемые хабравчане. За последнее время я увидел несколько интересных и полезных инструментов/библиотек/событий, которыми хочу поделиться с Хабром.

ExpandJS



Огромный проект, где спецификация веб-компонентов используется на полную катушку. ExpandJS это набор из более чем 80 компонентов и более 350 различных функций для работы с ними. И все это доступно как каркас, но так же и в трендовом Material Design стиле.

<!-- Import elements -->
<link rel="import" href="../mat-content.html">
<link rel="import" href="../mat-drawer.html">
<link rel="import" href="../mat-header-panel.html">
<link rel="import" href="../mat-shell.html">

<!-- Application scaffold -->
<mat-shell theme="...">

    <mat-drawer>...</mat-drawer>

    <mat-header-panel>
        <mat-header>...</mat-header>
        <mat-content>...</mat-content>
    </mat-header-panel>

    <mat-drawer right>...</mat-drawer>

</mat-shell>

Читать дальше →
Total votes 41: ↑41 and ↓0 +41
Comments 6

Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №162 (15 — 31 мая 2015)

Reading time 7 min
Views 30K
Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости


Читать дальше →
Total votes 26: ↑22 and ↓4 +18
Comments 3

PHP-Дайджест № 63 – интересные новости, материалы и инструменты (11 – 31 мая 2015)

Reading time 4 min
Views 19K


Предлагаем вашему вниманию очередную подборку со ссылками на новости и материалы.

Приятного чтения!
Читать дальше →
Total votes 49: ↑42 and ↓7 +35
Comments 3

50+ лучших дополнений к Bootstrap

Reading time 5 min
Views 202K


Благодаря популярности CSS фреймворка Bootstrap, для него разработали массу различных дополнений. Даже сейчас вы можете использовать Bootstrap практически для любой задачи при разработке и оформлении вебсайта.

Для статьи я подобрал наиболее полезные дополнения «на все случаи жизни».
Читать дальше →
Total votes 123: ↑111 and ↓12 +99
Comments 25

«One Last Thing» — документальный фильм о Стиве Джобсе (2011 год), профессиональный русский перевод

Reading time 1 min
Views 13K
image

«Одна последняя вещь» (One Last Thing) — документальный фильм о Стиве Джобсе, выпущенный в 2011 году. В фильм включено неизвестное интервью Стива Джобса, данное в 1994 году, а также интервью со Стивом Возняком, Рональдом Уэйном, Дином Хови, Россом Перо. Перевод на русский язык — канал GTV.

Читать дальше →
Total votes 76: ↑55 and ↓21 +34
Comments 84

Граббинг Google Maps и других сервисов подручными средствами

Reading time 1 min
Views 1.3K
Пост навеян вот этим уважаемым постом уважаемого @P_r_i_m_a_t.
Голь на выдумки хитра, программировать я не умею, а постеры с карт иметь очень хочется. Поэтому делаю обычно так:
Читать дальше →
Total votes 108: ↑95 and ↓13 +82
Comments 34

And Yet It Moves

Reading time 1 min
Views 908
screenshot«И всё-таки она вертится!»
Галилео Галилей, 1633 год

Для меня знакомство с инди-играми началось с топика на Хабре, а продолжилось на сайте Experimental Gameplay, на котором поиграл в предшественника World of Goo. Потом попалась занятная Crayon Physics (чья финальная версия недавно вышла), которая заняла главное место на прошлогоднем Independent Games Festival. Фестиваль, кстати, прошёл в прошлом месяце, финалисты опубликованы на сайте, призёры выбраны.

screenshotТеперь же обнаружилось существование And Yet It Moves — логического платформера, чья идея уже встречалась во флешевой Shift (имеющей два продолжения). Герой игры состоит из бумажных обрывков, как и весь плоский мир, который тут крутится во все стороны. Управление простое, как в тетрисе, — влево-вправо-прыжок и разворот экрана. Возможно управлять геймпадом, но поворот экрана тут только на 90 и 180 градусов, поэтому аналоговый контроллер не даёт ощутить превосходство над клавиатурщиками.

Смотреть и читать дальше
Total votes 47: ↑41 and ↓6 +35
Comments 17

5 лучших видео по работе с людьми в photoshop'е

Reading time 1 min
Views 635
Ни для кого не секрет, что в интернете можно найти кучу tutorial'ов по Adobe Photoshop. В последняя время, с распростанением видео-контента, часть этих tutorial'ов стала в виде коротких роликов.

Идеальная ложь


17 летняя Камерон Рад делает из симпатичной женщины — идеальную. Смотрим
p.s. Кстати, ролик по теме о том, как получаются рекламные плакаты с супер моделями

Читать дальше →
Total votes 81: ↑66 and ↓15 +51
Comments 75

Всё, что вы хотели знать об областях видимости в JavaScript (но боялись спросить)

Reading time 8 min
Views 82K
У JS есть несколько концепций, связанных с областью видимости (scope), которые не всегда ясны начинающим разработчикам (и иногда даже опытным). Эта статья посвящена тем, кто стремится погрузиться в пучину областей видимости JS, услышав такие слова, как область видимости, замыкание, “this”, область имён, область видимости функции, глобальные переменные, лексическая область видимости, приватные и публичные области… Надеюсь, по прочтению материала вы сможете ответить на следующие вопросы:

— что такое область видимости?
— что есть глобальная/локальная ОВ?
— что есть пространство имён и чем оно отличается от ОВ?
— что обозначает ключевое слово this, и как оно относится с ОВ?
— что такое функциональная и лексическая ОВ?
— что такое замыкание?
— как мне всё это понять и сотворить?
Читать дальше →
Total votes 57: ↑47 and ↓10 +37
Comments 38

Sypex Geo 2.2 — теперь с GeoNames и ОКАТО

Reading time 3 min
Views 17K
Вышла новая версия Sypex Geo 2.2 — очень быстрого алгоритма определения города по IP. Теперь базы данных стали двуязычными (русский и английский), регионы и города теперь привязаны к базе данных GeoNames, и имеют постоянные ID.

Были добавлены ОКАТО коды для городов и регионов России, КОАТУУ для Украины и СОАТО для Беларуси.

Технические подробности


Алгоритм работы Sypex Geo значительно не изменился, были исправлены небольшие ошибки, которые возникали при сильной неравномерности распределения IP диапазонов.
Читать дальше →
Total votes 34: ↑32 and ↓2 +30
Comments 40

Кроссбаузерный скроллинг

Reading time 1 min
Views 15K
На сегодняшний день эффекты при скроллинге набрали достаточно большую популярность (так называемый параллакс). Но, к сожалению, эти эффекты нейтивно не поддерживаются мобильными устройствами. Не так давно Mark Dalgleish предложил свой вариант решения этой проблемы:

Читать дальше →
Total votes 19: ↑17 and ↓2 +15
Comments 3

Продвинутые анимации с requestAnimationFrame

Reading time 3 min
Views 67K
Если вы никогда не писали код для выполнения анимаций, то вы можете дальше не читать :)

Что такое requestAnimationFrame?


Во всех ваших функциях анимаций вы используете повторяющийся таймер для применения изменений каждый несколько миллисекунд. Хорошие новости: производители браузеров решили «почему бы нам не дать вам API для этого потому, что мы, возможно, сможем оптимизировать некоторые моменты для вас». Итак, это основное API для создания анимаций на основе изменения DOM стилей, перерисовки canvas или WebGL

Зачем я должен это использовать?


Браузеры могут оптимизировать анимации идущие одновременно, уменьшив число reflow и repaint до одного, что в свою очередь приведет к повышению точности анимации. Например анимации на JavaScript синхронизированные с CSS transitions или SVG SMIL. Плюс ко всему если выполняется анимация в табе, который невидим, браузеры не будут продолжать перерисовку, что приведет к меньшему использованию CPU, GPU, памяти и как следствие снизит расход батареи в мобильных устройствах.
Читать дальше →
Total votes 27: ↑25 and ↓2 +23
Comments 36

Необычная навигация на сайтах

Reading time 4 min
Views 39K
Перевод статьи Smashing Magazine Creative And Innovative Navigation Designs.

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

Toybox


Навигация на сайте всегда должна быть под рукой, но в то же время не мешать пользователю. На сайте Toybox именно такое решение: навигация проста, но в тоже время хорошо заметна. Когда панель меню скрыта, страница акцентирует внимание посетителя на контенте, т.к. отсутствуют отвлекающие блоки. Горизонтальная навигация также проста и удобна.

Читать дальше →
Total votes 42: ↑31 and ↓11 +20
Comments 12

jQuery-сниппеты и плагины для iPad

Reading time 6 min
Views 26K
Подборка простых jQuery-сниппетов и плагинов, которые помогут адаптировать сайт для отображения на iPad. Некоторые подойдут и для других тач-устройств.

Читать дальше →
Total votes 50: ↑39 and ↓11 +28
Comments 6

Information

Rating
Does not participate
Registered
Activity