Рубрика «Веб-разработка» - 208

simpleTooltip: HTML начиненный CSS и приправленный jQuery

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

На разработку собственного варианта подсказок меня натолкнул Tipsy Tooltip используемый в Twitter Bootstrap. По началу я пользовался им, но все возможности плагина мне были не нужны и, будучи перфекционистом, лишний код смущал естество. Решил: напишу-ка я то, что нужно мне и ни строчкой больше. Написал и осмеливаюсь поделиться рецептом с сообществом. Авось кому-то приглянется…
Читать полностью »

image

Вы никогда этого не ждали, но настал тот день, когда в консоль стало возможным выводить изображения. Можете попробовать сами.

console.image — та самая вещь, которая в Chrome Dev Tools никогда была не нужна, но рано или поздно кто-то же должен был это сделать.
Читать полностью »

image

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

Скачать + Полный список изменений

Если вы переходите на новую версию с Sublime Text 2, то основные изменения в Sublime Text 3 следующие:

  • Скорость. Время старта программы, загрузки файлов и работы функции «Replace All» значительно сократилось. Если у вас OSX и Retina, то вы заметите значительный рост производительности.
  • Индексация символов, для команд Goto Definition и Goto Symbol in Project. Также работает для функций Jump Forward и Jump Back.
  • Улучшенное редактирование HTML, включая автокомплит тэгов и атрибутов, а еще и автоматическое закрытие тэгов.
  • Улучшенная работа с проектами. Теперь можно создавать несколько рабочих областей (workspace) для одного проекта.
  • Богатый API. Плагины лучше изолированы от основного приложения, и в то же время имеют более полный API.

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

Идея данной статьи родилась после тяжелого рабочего дня при 30 градусах в офисе и тяжких раздумий и холиваров на тему: «А как должно строиться современное веб-приложение?»

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

О чем пойдет речь в данной статье? Я напишу (не)большое приложение на TypeScript, которое будет реализовывать модульную архитектуру, асинхронную загрузку модулей, абстрактную событийную модель и обновление состояния модулей по наступлению определенных событий. Эта статья будет выступать как бы дневником и журналом моих действий и размышлений. Моя личная цель — создать некоторый рабочий прототип, опыт создания которого я потом мог бы использовать в рамках реального проекта. Код будет писаться максимально аккуратно и близко к требованиям реальной разработки. Пояснения будут даваться так, будто это потом будут читать работающий под моим руководством джуниоры, которые вообще до этого никогда такие системы не писали.

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

Итак, дав себе и сообществу эти обещания, включив AC/DC и собравшись с мыслями я приступаю.Читать полностью »

Backend фреймворк SailsJS + BackboneJS + MySQL

Создавайте REST API без единой строки кода на serverside.

Что такое Sails.js?
Sails.js позволяет легко создавать Node.js приложения. Он задуман имитировать MVC паттерн таких фреймворков как Ruby on Rails, но с поддержкой потребностей современных приложений: данно-ориентированные API с расширяемой, сервис-ориентированной архитектурой. Он особенно хорош для построения чатов, It's especially good for building chat, веб панелей с данными обновляемыми в реальном времени или многопользовательских веб игр.
Читать полностью »

По данным, любезно предоставленным аналитическим порталом CMS Magazine, «на радарах» видно 286 живых русскоязычных веб-студий размером 1—3 человека, 626 — размером 4—7 человек, и 556 — размером 8—15 человек. «Живые» — это те, кто опубликовал на портале хотя бы одну работу в 2012—2013 годах.

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

Последние годы рынок всё чаще говорит о необходимости позиционирования, маркетинга и PR для веб-студий, причём если раньше это относилось к Top-10 компаний, сегодня об этих чуждых интернет-специалистам материях приходится задумываться той самой тысяче с численностью сотрудников 4—15. К счастью, и на Хабре появляются хорошие статьи на эту тему. Мы хотим дать взгляд на проблему позиционирования ещё с одной стороны.

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

image

На одном из сайтов, который я имею честь обслуживать, для кастомизации селекта используется замечательный jQuery-плагин cuSel. Он удобен тем, что достаточно прост в настройке и позволяет кастомизировать даже полосу прокрутки.
Но иногда случается так, что список элементов может быть очень большим. И быстро найти нужный пункт не так просто.
Читать полностью »

Автоматизация развертывания Play! Framework приложений на платформе OpenShift    Автоматизация развертывания Play! Framework приложений на платформе OpenShift

Привет, читатели! Сегодня я хотел бы рассказать о том, как можно воспользоваться бесплатным решением от RedHat для размещения своих сайтов в облаке на примере Play! Framework. Не буду описывать отдельно каждый из продуктов, т.к. про них уже не раз писали, расскажу лишь об их взаимодействии и моей схеме для автоматизации сборки и развертывания.
Читать полностью »

Ссылка на выпуск подкаста

Новости

Обсуждение

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

Описанный метод позволяет обратиться к веб-сервисам 1С из html-страницы через JavaScript. В качестве примера выводится список справочников. При нажатии на любой справочник выводятся первые буквы наименований. При нажатии на букву выводятся данные с наименованиями, начинающимися на эту букву.

Способ применим для случаев, когда веб-сервис и html-страница опубликованы на одном сервере. В этом случае не возникает кросс-доменных проблем. Например, если домены будут отличаться, то Chrome выдаст ошибку:

Failed to load resource: Origin http://localhost:3299 is not allowed by Access-Control-Allow-Origin

Не вдаваясь в подробности публикации веб-сервисов, предположим, что на стороне 1С создан и опубликован веб-сервис catalogs с операцией Execute. На входе — параметр script типа string, на выходе тип string. Операция запускает на стороне произвольный код script из параметра и возвращает JSON-сериализацию от переменной result.

Функция ExecuteCommands(script)<br />     result = null;<br />     Execute(script);<br />     return JSON(result);<br /> КонецФункции

С JSON-сериализацией удобно работать средствами JavaScript и преобразовать строку в объект/массив одной командой eval(resultText). В Интернете можно найти несколько JSON-сериализаторов для 1С.

Удостоверимся, что веб-сервис отвечает, введя его адрес:

Отклик веб-сервиса
Читать полностью »


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js