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

в 20:08, , рубрики: perl, WebSocket, websocket server, websockets, Веб-разработка, высокая производительность, конструктор сайтов, метки: , , , ,

Websocket′ы полезны постоянным дуплексным соединением backend-сервера с браузером клиента — это прочный мост между сервисом и посетителями, по которому удобно беспрепятственно транспортировать потоки данных в обе стороны.

В результате внедрения websocket′ов наш проект получил возможность в реальном времени менять по своему усмотрению отображение страниц в браузере на протяжении всей клиентской сессии и иметь обратную связь.

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

Однако, когда дело дошло до полевых испытаний, обнаружилась масса проблем с ISP, всеми мыслимыми и немыслимыми способами пытающимися сэкономить трафик за счёт своих клиентов. Об этих и других «граблях» полноценного боевого внедрения websocket′ов читайте под катом.Читать полностью »

в 20:03, , рубрики: cmf, cms, drupal, Веб-разработка, метки: , ,

Dries Buytaert

В одной из предыдущих статей — «Обзор конструкторов контента (Content Construction Kit) для популярных CMS», на которую никто не обратил внимание в песочнице… я уже рассказывал, с каким количеством проблем столкнулся при разработке проекта на Drupal 7.
В попытке разобраться, что же не так я натолкнулся на статью одного из разработчиков Drupal Daniel F. Kudwien "The Drupal Crisis", которая пролила свет на происходящее в кузнице Drupal.
Читать полностью »

в 19:51, , рубрики: javascript, javascript library, Веб-разработка, фреймворки

Обзор JS фреймворков. Путешествие через джунгли JavaScript MVC. Ч. 1(от 27 июля 2012)
При написании нативного веб-приложения легко начать чувствовать себя богом, способным работать просто с библиотекой работы с DOM (такой как jQuery) и горсткой сервисных плагинов. Вскоре возникает проблема в виде груды вложенных возвратных функций jQuery и разбросанных DOM-элементов без всякой структуры вместо приложения.

Короче, мы застреваем в спагетти-коде. К счастью, есть современные JS-фреймворки (библиотеки, задающие, кроме функций, правила организации кода --прим. перев.), помогающие поддерживать структуру и организованность в проекте, облегчающие ремонтопригодность в будущем.

Что такое MVC или, лучше сказать, MV*?

Эти современные библиотеки дают разработчикам простой путь к организации кода, используя вариации паттерна проектирования, известного как MVC (Model-View-Controller). MVC разделяет задачи в приложении на 3 части:
Читать полностью »

в 12:23, , рубрики: cms, framework, Веб-разработка, разработка сайтов, метки: , ,

image
Прочитав много топиков посвященных вопросам выбора cms, фреймоврка или написание их с нуля — решил поделится своей историей и заодно пролить свет на незаслуженно обделенную вниманием CMS Djem, так как несмотря на присутствие ее разработчиков на хабре, она лишь вскользь упоминается в комментариях, да и вообще помимо официального сайта djem.ru информации в интернете практически нет.
Читать полностью »

в 12:05, , рубрики: three.js, WebGL, Анимация и 3D графика, Веб-разработка, метки: ,

Если не играть и не рассматривать фотографии знакомых девушек в контакте, то программирование является моим любимым занятием за компьютером. Особенно мне нравится «быстрое» программирование. Это такое программирование, когда проект небольшой и когда мы не занимаемся фундаментальными изысканиями, а планирование не нуждается в документации. К слову, на работе все проекты не такие, да ещё и ориентированы на закрытую аудиторию. В основном поэтому вы сейчас читаете мою статью, а ещё я желаю попасть на Хабр.

Хочу поделиться с вами результатами проекта моих выходных. Это чисто клиентское javascript/html приложение, которое состоит из редактора исходных кодов на языке Javascript и GLSL-шейдеров, мини-линкера, окна с Three.JS/WebGL и небольшого рантайм-интерфейса. Всё это склеено на jquery, а поверх прикручена галерея с видео. В галерее представлено несколько демонстраций. Можно выбрать понравившуюся демонстрацию и поиграть с её кодом, а также экспортировать и импортировать целые проекты из нескольких файлов через JSON.
Читать полностью »

в 9:34, , рубрики: css, css animation, веб-дизайн, Веб-разработка

Круговой прогресс бар на CSS
Подобные индикаторы загрузки можно встретить на многих flash-сайтах. Но можно реализовать такое и с помощью CSS.
Читать полностью »

в 5:28, , рубрики: Веб-разработка, хабраюмор, метки:

Заранее прошу прощения, если указал не те Хабы, ибо давно уже не появлялся тут, а ХабраЮмор куда-то пропал.

Семиклассники разработали аналог социальной сети Twitter в рамках новосибирской Летней Школы Юных Программистов-2012, сообщила COPAH.info координатор проекта, научный сотрудник ИСИ СО РАН Татьяна Тихонова.

«Социальную сеть Sypper, которая строится по принципу приложения Twitter, создали ребята в одной из мастерских ЛШЮП-2012», — сказала Тихонова.Читать полностью »

в 11:19, , рубрики: 404fest, Блог компании Parcsis/Turbomilk, веб-дизайн, Веб-разработка, дизайн, конференция, самара, стартапы, фестиваль 404, метки: , , , , , ,

6-7 октября уже в пятый раз в Самаре пройдет Фестиваль 404. Наверняка, многие уже были на этом мероприятии и мне не нужно рассказывать все сначала, поэтому сразу перейду к новостям. Во-первых, у нас новый логотип:

image

Сам рисовал. :) Не скажу, что это какой-то шедевр, но фестивального духу в нём больше. Он более задорный. От пиксельных квадратиков старого логотипа уже как-то все устали. Плюс, мы поменяли слоган на более ёмкий.

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

в 10:17, , рубрики: Веб-разработка, фриланс, метки:

Некогда в «Ководстве» Артемия Лебедева появился один любопытный параграф. Назывался он "Метод Прогрессивного Джипега". Суть его в том, что на любой стадии проект готов. Всё остальное — степень «прожарки». Под катом — как оно работает в реальной жизни.
Читать полностью »

в 8:03, , рубрики: css, веб-верстка, веб-дизайн, Веб-разработка, метки: , ,

Верстая очередной проект (или ещё только проектируя макетную сетку) многие сталкивались с дилеммой — использовать фиксированную ширину макета или «резиновую» сетку, адаптируемую под размер окна браузера.

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

Фиксированная ширина макетной сетки

Вёрстку загоняют в горизонтальный габарит 960—980 пикселей (чтобы на большинстве устройств в большинстве разрешений всё входило), что при больших горизонтальных размерах окна выглядит как-то зябко — тонкая вертикальная полоса полезного содержимого страницы и огромные бесполезные поля неиспользуемого пространства по бокам.

«Резиновая» макетная сетка по ширине окна

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

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