MEAN JS

icon

MEAN стек технологий, что же это такое? Само слово MEAN — это абревиатура из названий используемых технологий, а именно:

  • MongoDB
  • Express
  • AngularJS
  • NodeJS

Continue reading «MEAN JS»

Реклама

Страничное кеширование в WordPress

В последнее время на Хабре появилось довольно много постов по данной теме, но по своей сути их можно назвать: «Смотрите, я поставил Varnish / W3 Total Cache и держу миллион запросов на «Hello world» страничке». Данная же статья рассчитана больше на гиков, желающих познать, как же это все работает и написать собственный плагин для страничного кеширования.

Зачем?

Стандартный вопрос, который возникает у каждого разработчика перед созданием велосипеда уже существующего функционала. Действительно, готовых плагинов уйма и многие из них довольно качественные, но нужно понимать что в первую очередь они рассчитаны на статические блоги. Что же делать, если у вас не стандартный WordPress сайт?

Continue reading «Страничное кеширование в WordPress»

JavaScript notes

JavaScript — язык со слабой динамической типизацией, автоматическим управлением памятью и прототипным наследованием.JavaScript состоит из трёх обособленных частей:

  • ядро (ECMAScript),
  • объектная модель браузера (Browser Object Model или BOM),
  • объектная модель документа (Document Object Model или DOM).

В статье, в основном, пойдёт речь о ядре. Конечно, в примерах кода будут использоваться элементы DOM и BOM, но заострять на них внимание не буду.

 

Continue reading «JavaScript notes»

ASP.NET MVC

Оглавление

Проблема с масштабом в стоковых браузерах на Galaxy S3 и HTC

Сегодня столкнулся с проблемой, когдастнадартный браузер на Samsung Galaxy и HTC не правильно масштабирует страницу. Проблема решилась с помощью мета-тега viewport.

 

    <meta name="viewport" content="width=640, user-scalable=1">
    <script language="JavaScript">
        var uagent = (window.navigator) ? navigator.userAgent.toLowerCase() : false;
        if(uagent && uagent.indexOf('4.0 mobile') > 0){
            viewport = document.querySelector("meta[name=viewport]");
            viewport.setAttribute('content', 'width=640, initial-scale=0, user-scalable=1');
        }
    </script>

Хорошая статья про viewport

Событие «клик» на iPhone

Сегодня столкнулся с проблемой, когда iPhone не понимает событие click (click срабатывает при двойном нажатии на элемент). На этот счет гугл выдал довольно много вариантов решения и как всегда подходящий я нашел на stackoverflow. На самом деле есть несколько вариантов решения этой рпоблемы (подключить сторонню библиотеку, например jQTouch, навесить на элемент стиль с cursor:pointer, хендлить события вручную…), но решение оказалось очень простым:

Вместо:

$(".element").on("click", function(e){
   alert("link clicked!");
});

Использовать:

$(".element").on("click touchstart", function(e){
   alert("link clicked!");
});

Установка LAMP для ленивых в Ubuntu 14.04

В Ubuntu Server 14.04 LTS есть отличная команда, которая позволяет веб-мастерам совсем и навсегда облениться. Ставим LAMP в одну строку:

sudo apt-get install lamp-server^

Крышка в конце названия «пакета» — не опечатка.

Для совсем ленивых предлагаю такое комбо:

sudo apt-get -y update && sudo apt-get -y upgrade && sudo apt-get -y install lamp-server^ && sudo apt-get -y install phpmyadmin

Новчикам поясню:

Ключ -y для apt-get за вас отвечает согласием на установку и обновление пакетов.

Связка && между командами, запускает следующую, если предыдущая отработала без ошибок.

Советы по использованию media query

Вступление

В статье я собрал советы по использованию media query. Расскажу, как можно более эффективно использовать media query. В конце статьи есть список использованных источников.

  • Внешнее подключение media query
  • Больше чем просто размер viewport
  • Не только смартфоны
  • Инструмент для работы с media query
  • Выделяйте специфичное
  • Breakpoints когда и сколько?
  • Второстепенные breakpoints
  • Относительные единицы измерения
  • Условная загрузка
  • Список использованных ресурсов

Continue reading «Советы по использованию media query»