Webdev

Web developing - разработка сайтов, on-line сервисов. Технологии, инструменты, тенденции и т.д.

  • CSS Border Radius

    Ну кто из дизайнеров/верстальщиков не любит скругленные уголки? :) А кто наизусть помнит, как это кроссбраузерно записать в CSS, особенно, если нужно скруглить не все четыре угла? ;) Вот и со мной тоже самое...

    Jacob Bijani, среди прочих полезных фишечек, предлагает нам в помощь симпатичный мини-сервис типа "проще не придумаешь" ;)

    02 июня 2011
  • Highcharts JS - Interactive JavaScript charts for you web projects

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

    В качестве основного фреймворка можно использовать Prototype, jQuery или MooTools.

    Библиотека вполне себе не бесплатна для коммерческого использования, но вообще за такую красоту и заплатить можно.

    Разрабочик - норвежская компания Highslide Software, авторы широко используемой библиотеки Highslide JS.

    23 апреля 2011
  • RequireJS: Asynchronous JavaScript loading

    Теги: Optimization, Tools

    Свежий взгляд на проблему асинхронной загрузки JS. Разработчик провёл исследование, почему существующие менеджеры загрузки (рассматриваются LABjs, CommonJS и Dojo) не покрывают потребностей разработчиков в решении этой проблемы, в результате которого и родилась эта библиотека.

    RequireJS представляет собой средство подключения js-модулей типа привычных #include/import/require, поддерживает вложенные зависимости, а также содержит инструменты оптимизации, упрощающие деплоймент.

    21 марта 2010
  • Юзерпик под заказ. Обзор web-сервисов для создания аватаров

    Теги: Services, UI, Tools, Reviews

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

    05 ноября 2009
  • LABjs (Loading And Blocking JavaScript)

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

    01 июля 2009
  • CSS Sprite Generator

    Теги: Tools, CSS, Design, Icons, Performance

    On-line утилита для генерации css-sprites.

    23 июня 2009
  • jQuery TOOLS

    Теги: jQuery, UI, Tools, Collections

    Коллекция полезных компонентов для современных пользовательских веб-интерфейсов - закладки (tabs), всплывающие подсказки (tooltips) и окна (overlay), встраивалка флеша и др.

    14 июня 2009
  • 15 Helpful In-Browser Web Development Tools

    Теги: Browsers, Tools

    Обзор 15 полезных в веб-разработке браузерных расширений, начиная от всем известного FireBug и заканчивая расширениями для тестирования accessibility.

    28 ноября 2008
  • Google Maps API Icon Shadowmaker

    Теги: Maps, Google, Design, Icons, Tools

    Он-лайн утилита для быстрого создания "правильных" тенюшек для кастомных иконок Google Maps.

    30 сентября 2008
  • 23 Resources for Clean and Compressed CSS

    Теги: CSS, Tools

    Подборка из 23 полезных сервисов для работы с CSS - валидаторы, оптимизаторы, компрессоры и многое другое.

    01 июля 2008
  • RoundedCornr

    Теги: Design, Tools

    Ресурс для генерации картинок круглых уголков для блочных HTML-элементов.

    25 июня 2008
  • As Button Generator

    Теги: Design, Web 2.0, Tools

    Flash-генерилка кнопок в стиле Web 2.0. Не без глюков, но кнопочки симпатичные получаются. Выходной формат - png.

    20 июня 2008
  • WEBO - разгони свой сайт

    Ресурс, посвященный как теоретическим аспектам оптимизации времени загрузки веб-страницы, так и предлагающий online-инструменты для оптимизации.

    Идея проекта родилась на фоне обсуждения данной проблемы на конференции ClientSide'2007.

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

    03 июня 2008
  • Natural Docs

    Генерилка HTML-документации на основе комментариев в коде. Специальная разметка комментариев практически не нужна - используется "natural syntax", что позволяет коментариям оставаться легкочитаемыми внутри исходного кода. Впрочем также поддерживается и Javadoc-разметка.

    В комплекте есть несколько готовых очень приличных CSS-стилей, структура HTML и используемых стилей хорошо документирована, что позволяет легко кастомизировать внешний вид документации.

    Поддерживается 19 языков программирования (в т.ч. JavaScript). Реализована на Perl. Выходит под GPL-лицензией.

    21 мая 2008
  • Adobe представила платформу разработки приложений AIR

    Теги: Adobe, Frameworks, Ajax, Flash, Tools

    Компания Adobe Systems официально представила программную платформу AIR, предназначенную для разработки интерактивных приложений.

    27 февраля 2008
  • Ajax Patterns

    Изначально задуманный как копилка примеров решений для типовых ajax-задач, ресурс послужил основой для книги Ajax Design Patterns, выпущенной издательством O'Reilly в 2006 году и получившей премию Linux Journal Editors' Choice как лучшая "Development Book" 2006 года, и перерос в публичный wiki-репозиторий. Помимо собственно "design patterns" на сайте представлен обзоры ajax-фрейморков, библиотек и утилит, множество полезных ссылок и прочей информации по теме ajax-технологий.

    18 декабря 2007
  • JSDoc - JavaScript Documentation Tool

    Утилита, преобразующая комментарии в JavaScript-коде (размеченные специальным образом) в документацию в HTML или XML формате. В основном рассчитана на объектно-ориентированный код, но работает также и с процедурным. Реализована на Perl. Сделана по образу и подобию Javadoc Tool от Sun.

    19 сентября 2007

Текущие тэги

  • Термин architecture здесь используется в значении архитектура программных систем.

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

  • Content Management Framework (CMF) - «Каркасная система» (framework) — это инструментарий для создания приложений определённой направленности (например, web).

    via wikipedia

  • Google - известнейшая американская IT-компания, которая за несколько лет из простой поисковой системы выросла в крупнейшую компанию с огромным размахом деятельности.

  • Model View Controller (MVC) — архитектура программного обеспечения, в которой модель данных приложения, пользовательский интерфейс и управляющая логика разделены на три отдельных компонента, так, что модификация одного из компонентов оказывает минимальное воздействие на другие компоненты.
    Шаблон MVC позволяет разделить данные, представление и обработку действий пользователя на три отдельных компонента:

    • Модель (Model). Модель предоставляет данные (обычно для View), а также реагирует на запросы (обычно от контролера), изменяя своё состояние.
    • Представление (View). Отвечает за отображение информации (пользовательский интерфейс).
    • Контроллер (Controller). Интерпретирует данные, введённые пользователем, и информирует модель и представление о необходимости соответствующей реакции.

    Важно отметить, что как представление, так и контролер зависят от модели. Однако модель не зависит ни от представления, ни от контролера. Это одно из ключевых достоинств подобного разделения. Оно позволяет строить модель независимо от визуального представления.

    via wikipedia.

  • Vim (Vi imporved) ведёт свою историю от редактора vi. Унаследовав идеологию работы, vim обладает большим количеством дополнительных возможностей и удобств и кроме того позволяет использовать простой скриптовый язык для написания своих расширений.

    Vim имеет исключительно текстовый интерфейс. Никаких графически изысков даже в версиях для графических сред (Xserver, Windows, Mac OS X). Но благодаря этому он не даёт отвлекаться от своей основной задачи - редактирования текста.

    Vim не дружественен к новичкам и имеет интерфейс отличный от интерфейса де-факто современных текстовых редакторов. Сложные многосимвольные команды, режимы могут ввести в ступор и опытного пользователя компьютера. Но в этих же мнимых сложностях и сила Vim. Команды и режимы со временем откладываются "на кончиках пальцев" и выполняются не задумываясь, при этом позволяя делать сложные манипуляции с текстом нажатием всего лишь нескольких клавиш.

    Интерфейс Vim рассчитан на использование только основной клавиатуры и клавиши Ctrl (Рекомендую переназначить Ctrl вместо клавиши CapsLock). Благодаря этому, если Вы пользуетесь слепым десятипальцевым методом набора, Вам не нужно сбивать руки с основной позиции (asdf-jkl;) и вообще, движения рук сводятся к минимуму. Как следствие: повышение скорости работы и меньшая усталость рук.

    Vim поддерживает тесную интеграцию с командной оболочкой, и позволяет легко обрабатывать текст с помощью внешних команд. К примеру команда :%!gzip -c | uuenpipe заменит существующий текст его упакованной и UUE закодированной версией. Или :%!sort отсортирует строки текста. Всё это работа внешних команд операционной системы.

    С помощью расширений vim легко и непринуждённо превращается в более чем полноценную IDE.