Рубрика «javascript» - 460

в 7:05, , рубрики: api, javascript, браузеры

API консоли JavascriptРазработчикам удобно пользоваться консолью для отладки, но ещё удобнее, если будет оболочка, в которой учтены особенности реализации консоли в различных браузерах, поэтому тема обёрток для консоли устойчиво существует.

Рассмотрим ранее опубликованные решения, затем сделаем обзор методов консоли с помощью перевода недавней статьи Axel Rauschmayer-а, разработчика и консультанта с более чем 15-летним стажем, затем я опубликую некоторые свои решения, которые оказались удачными в процессе эволюции и отладки на ряде проектов.
Читать полностью »

в 20:48, , рубрики: ajax, javascript, jquery, tips and tricks, Веб-разработка, новичкам

Все мы знаем множество преимуществ использования AJAX: пользователям не нужно ждать загрузку новой страницы, действия выполняются в фоновом режиме, в результате чего можно обеспечить гораздо более динамичный user experience. Идеи вроде бы просты, но создать сложное AJAX веб приложение достаточно тяжело. Я создал свой блог на основе AJAX, у меня есть несколько советов и я хочу поделится с вами своим опытом. Надеюсь я помогу вам избавится от некоторых проблем в будущем!Читать полностью »

в 19:16, , рубрики: babel, handlebars, i18n, javascript, python, Веб-разработка, локализация, метки: , , , ,

Думаю многим известен такой пакет как Babel, либо PyBabel.
Отличный пакет для локализации, который базируются на gettext, как и все остальное ( по крайней мере мне известное) в современном мире.

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

Должен заранее оговориться, что у меня не было никакого ограничения в выборе технологий.
У нас в конечном счете для билда статики используется полный набор — ruby(compass), node(coffee,grunt,requirejs), python(бэкенд и основа всего и вся), шелл скрипты, в общем ограничения нет никакого.
Читать полностью »

в 16:15, , рубрики: css, javascript, метки: ,

Вступление

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

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

Читать полностью »

в 13:51, , рубрики: .pot, gobbledygook, i18n-abide, javascript, mozilla persona, node.js, node.js holiday season, Блог компании Нордавинд, интернационализация, локализация

Локализация приложений Node.js. Часть 3: локализация в действииОт переводчика: Это деcятая статья из цикла о Node.js от команды Mozilla Identity, которая занимается проектом Persona.

Предыдущие статьи:

  1. "Охотимся за утечками памяти в Node.js"
  2. "Нагружаем Node под завязку"
  3. "Храним сессии на клиенте, чтобы упростить масштабирование приложения"
  4. "Производительность фронтэнда. Часть 1 — конкатенация, компрессия, кэширование"
  5. "Пишем сервер, который не падает под нагрузкой"
  6. "Производительность фронтэнда. Часть 2 — кешируем динамический контент с помощью etagify"
  7. "Приручаем конфигурации веб-приложений с помощью node-convict"
  8. "Производительность фронтенда. Часть 3 — оптимизация шрифтов"
  9. "Локализация приложений Node.js. Часть 1"
  10. "Локализация приложений Node.js. Часть 2: инструментарий и процесс"

Использование строк

Итак, сначала мы подключили к нашему приложению модуль i18n-abide и обернули строки в вызовы gettext. Затем наша команда переводчиков перевела эти строки и у нас есть готовый перевод для каждого языка.

Теперь давайте заставим наше приложение Node.js работать с локализованными строками. Переводы в виде po-файлов лежат в файловой системе в таком виде:

locale
  en
    LC_MESSAGES
      messages.po
  de
    LC_MESSAGES
      messages.po
  es
    LC_MESSAGES
      messages.po

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

  • на стороне сервера с помощью всё той же функции gettext из модуля i18n-abide;
  • на стороне клиента с помощью скрипта gettext.js, который также входит в состав i18n-abide.

Оба этих метода требуют, чтобы строки были в формате JSON. При переводе на стороне сервера они загружаются при старте приложения, а клиент загружает их с помощью HTTP-запросов (или можно включить их в минифицированный файл JavaScript в процессе сборки).

Так как наша система перевода совместима с GNU Gettext, есть ещё и третий путь — модуль node-gettext. Он довольно эффективен при переводе на стороне сервера.

Дальше мы будем рассматривать первый способ, так как это наиболее привычный способ использования i18n-abide.
Читать полностью »

в 8:44, , рубрики: javascript, linux, x86, операционные системы, эмулятор, метки: , , ,

Virtual x86 — еще один эмулятор платформы x86 на языке программирования JavaScript. Как и JSLinux от Фабриса Беллара, для запуска Linux здесь достаточно только браузера. После загрузки образа нормально работают все встроенные команды Linux, работают компилированные программы, файловая система и проч., хотя сетевых интерфейсов пока нет.

Эмулятор x86 на JavaScript
Читать полностью »

в 15:59, , рубрики: .pot, i18n-abide, javascript, mozilla persona, node.js, node.js holiday season, Блог компании Нордавинд, интернационализация, локализация

Локализация приложений Node.js. Часть 2: инструментарий и процессОт переводчика: Это деcятая статья из цикла о Node.js от команды Mozilla Identity, которая занимается проектом Persona.

Предыдущие статьи:

  1. "Охотимся за утечками памяти в Node.js"
  2. "Нагружаем Node под завязку"
  3. "Храним сессии на клиенте, чтобы упростить масштабирование приложения"
  4. "Производительность фронтэнда. Часть 1 — конкатенация, компрессия, кэширование"
  5. "Пишем сервер, который не падает под нагрузкой"
  6. "Производительность фронтэнда. Часть 2 — кешируем динамический контент с помощью etagify"
  7. "Приручаем конфигурации веб-приложений с помощью node-convict"
  8. "Производительность фронтенда. Часть 3 — оптимизация шрифтов"
  9. "Локализация приложений Node.js. Часть 1"

В прошлой статье о локализации приложений Node.js мы узнали, как использовать модуль i18n-abide в нашем коде. Наша работа, как программистов, фактически закончилась на том, что мы обернули строки в шаблонах и коде приложения в вызовы gettext(). Но работа по локализации и переводу приложения только начинается.

Инструментарий

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

Проекту Mozilla уже почти 15 лет, и наша команда локализаторов и переводчиков одна из самых больших (и клёвых) в мире Open Source. Поэтому у нас широко используются давно привычные, можно даже сказать старинные и причудливые инструменты.
Читать полностью »

в 11:12, , рубрики: javascript, Raphael.js, retina display, SaaS, svg, Блог компании Svable, метки: , , , ,

Почему стоит задуматься о векторной графике уже сейчас?

Retina-дисплеи (спасибо Apple, за удобный маркетинговый термин) уже стали частью нашей жизни. Если вы web-разработчик/дизайнер, и вы не учитываете, как ваша работа отображается на экранах с высоким разрешением, то вы серьезно выпадаете из современных трендов.

Читать полностью »

в 8:19, , рубрики: c++, Hackathon, html5, javascript, mobile development, Samsung, tizen, tizen sdk, web-разработка, Блог компании Samsung, мобильная разработка, хакатон, метки: , , , , , , , , , , ,

Всем привет!

Увлекаетесь разработкой мобильных приложений? Владеете С++ или HTML5? А может, у вас уже есть приложение, которое вы хотели бы портировать на платформу Tizen? Мечтаете поучаствовать в конкурсе Tizen App Challenge?

Тогда это для вас!
21 22 октября приглашаем на Tizen Hackathon в Ярославле
21–22 октября 2013 года приглашаем вас в Ярославский Государственный Университет на Tizen Hackathon с ценными призами от организаторов.

Рабочее место, поддержку специалистов Samsung, печеньки и благоприятную рабочую атмосферу гарантируем. От вас потребуется ноутбук, желательно с уже установленным Tizen SDK самой свежей версии.

Мероприятие пройдёт по адресу: г. Ярославль, ул. Первомайская, 2а, «Знаменская Башня», Центр Интернет.
Читать полностью »

в 7:45, , рубрики: border-radius, canvas, css, html, javascript, JS, метки: , , ,

Передо мной стояла следующая задача:

image

Есть блок с фоном (необязательно однородным), в нем какое-то количество круглых элементов с белым фоном, внутри которых размещены закругленные картинки любого размера. Если размер картинки меньше размера блока — она центрируется (как по вертикали, так и по горизонтали), если же размер картинки больше размера блока — больший параметр картинки занимает 100% параметра блока, а второй параметр сохраняет пропорциональное отношение, как и в оригинальной картинке.
Читать полностью »

1...1020...459460461...470480...577
Главная   |  Архив новостей  |   Android  |   Google  |   Apple  |   Microsoft  |   Информационная безопасность  |   Веб – разработка
Публикации RSS  |  Комментарии RSS
https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js