Pull to refresh
-2
0
Кирилл Гришанин @rnbparty

Основатель WB—Tech

Актуальные баги IE6

Reading time 3 min
Views 867
IE 6

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

Читать дальше →
Total votes 62: ↑38 and ↓24 +14
Comments 40

Домашняя бухгалтерия, или знай, куда уходят твои деньги

Reading time 4 min
Views 16K
У многих из людей возникает проблема следующего рода: деньги вроде есть, а тут хоп — и их нет (утрируя конечно). То ли все пропито, то ли на дело потрачено, то ли заныкано — иди-ка, посчитай.
Однажды сам столкнулся с подобной проблемой. При заработной плате в 30 тыс. руб. (а для нашего города это совсем не плохие деньги) разницы с 7 тыс. руб. не было замечено и вовсе. Вроде хотел машину, хотел HTC модный, а тут все та же еда да еда, пивас да пивас.

Ну так вот, отходя от лирической части. Как-то с пива дуру решил попытаться контролировать все свои финансы методом ведения бухгалтерии. На тот момент единственной известной мне (скорее по наслышке) подходящей софтиной была 1С 8 Бухгалтерия. Нашел, поставил, открыл, испугался, закрыл. Человек я, к бухгалтерии относящийся совсем никак, по этому было принято решение не заморачиваться с 1С, а посмотреть в сторону других продуктов, ориентированных на людей, бухгалтерии не образованных, если таковые (продукты) вообще существуют. И что бы вы думали? Существуют!

Ниже попытаюсь устроить краткий обзор продуктов, ориентированных на ведение бухгалтерии в домашних условиях.
Читать дальше →
Total votes 88: ↑66 and ↓22 +44
Comments 190

Скорость загрузки страниц повлияет на ранжирование

Reading time 1 min
Views 2.4K
Вполне вероятно, что уже в следующем году Google модифицирует алгоритмы ранжирования таким образом, что будет учитывать не только релевантность контента и PR, но также и скорость загрузки каждой страницы, сказал один из ведущих программистов компании Мэтт Каттс (Matt Cutts) в интервью WebProNews.com.

Это будет очередной мерой, которые предпринимает Google для всеобщего «ускорения интернета», наряду с разработкой протокола SPDY и других инновационных технологий. Для веб-мастеров недавно открыт раздел Site Speed со списком справочных ресурсов и инструментов для оптимизации производительности сайта. Некоторые из этих инструментов (Page Speed и Closure) созданы самой компанией Google, а другие от сторонних разработчиков.
Читать дальше →
Total votes 92: ↑86 and ↓6 +80
Comments 113

Google Developer Day 2009 — отчет

Reading time 4 min
Views 803
GDD 2009 logo

Google Developer Day состоялся сегодня.

Все-таки Google такой Google… :-)
Очень интересные люди, интересный способ мыслить, интересные идеи.
В общем, если вас там не было, вы многое потеряли.

Самым интересным рассказчиком для меня оказался Бретт Слаткин. А самой интересной темой — его рассказ про PubSubHubbub, publish-subscribe протокол. Бретт рассказывал как там все устроено и, что было особенно ценно, почему оно устроено именно так.

И вот ведь интересно, как бы поступили нормальные люди, создавая свой publish-subscribe? Пожалуй, взяли бы какое-нибудь готовое решение из множества возможных, и опираясь на него, придумывали бы, как сделать лучше и избавиться от существующих недостатков. Но это Google, и ребята зашли совершенно с другого конца. Они взяли Atom и RSS, и стали думать, чего там не хватает, чтобы получить instant notification. Поэтому их решение очень простое, очень изящное и очень вебовское.

А еще...
Total votes 72: ↑65 and ↓7 +58
Comments 38

Простой способ обезопасить свою пластиковую карту

Reading time 1 min
Views 4.2K
С недавнего времени я стал ярым фанатом пластиковых карт. Это очень удобно — у тебя всегда с собой достаточная сумма денег, хотя кошелек не ломится от бумажных купюр. Я привык расплачиваться карточкой, как в магазинах, так и в ресторанах и кафешках.

На конференции UsereXperience 2009, я был на выступлении Марата Абасалиева из Payonlinesystem, на котором он рассказал про очень простой, но эффективный способ обезопасить себя от мошенников.
Читать дальше →
Total votes 163: ↑157 and ↓6 +151
Comments 369

Колонки одинаковой высоты + border-bottom!

Reading time 1 min
Views 1.7K

Begin



На хабре наверно уже миллион статей про колонки одинаковой высоты. Вы спросите зачем нам нужна еще одна статья в 1001й раз?

Вот в чем затык



Проблема в том, что колонки одинаковой высоты с нижней границей — не так то просто сделать… В основном, я использую метод с padding-ами, т.е. ставим:

.column {
  padding-bottom: 32750px;
  margin-bottom: -32750px;
}


* This source code was highlighted with Source Code Highlighter.


для колонок, которые должны быть одинаковой высоты,
и помещаем эти колонки во враппер с overflow: hidden.

НО! При этом нельзя задать нижнюю границу для колонок!

Решение



Все очень просто, надо обернуть враппер еще раз и внешнему указать

#container {
  background:transparent url(images/example-6.gif) no-repeat scroll center bottom;
  float:left;
  padding-bottom:1px;
}


* This source code was highlighted with Source Code Highlighter.


Мы просто указали фоновую картинку для внешнего враппера, на которой изображены границы :). Мне в текущем проекте очень помогло. Если есть еще варианты без js буду рад узнать их. Ну я думаю вам станет понятней, если посмотреть на пример: www.ejeliot.com/samples/equal-height-columns/example-6.html

Материал нашел здесь: www.ejeliot.com/blog/61
Total votes 18: ↑9 and ↓9 0
Comments 20

Приложения в Google Talk

Reading time 1 min
Views 1.3K
Google демонстрирует набор API для gadgets.realtime. Эти интерфейсы API позволяют Google Gadgets в различных пользовательских браузерах общаться друг с другом. С первым API, gadgets.sharedstate, можно ознакомиться на новом Google Talk Sandbox. С помощью этого API, вы можете обмениваться состояниями гаджета, а также уведомлять в реальном времени о изменениях. Подробнее узнать о новых API и о том, как их использовать можно на специальном сайте. Все это позволит в будущем создавать многопользовательские, платформонезависимые приложения.

Пример приложения: Шахматы
image
Для запуска, скопируйте адрес приложения (http://code.google.com/apis/talk/examples/chess.xml) в Talk Sandbox.
Total votes 31: ↑31 and ↓0 +31
Comments 11

Музыка: сетевые залежи

Reading time 6 min
Views 1.8K
Процесс над Pirate Bay и его результаты — это повод задуматься о других способах получения контента. Если говорить о музыке, то самый простой способ — покупать ее в iTunes. Этот способ обладает существенным недостатком — он естественным образом ограничивает потребление музыки. Необходимость платить за каждый трек ведет к раздумьям о том, так ли он нужен. Существуют и другие варианты, которые не ведут к таким ограничениям. Это либо сервисы, где музыку можно слушать и качать бесплатно, либо сервисы с подпиской, где вносится единовременная плата, не зависящая от количества прослушанных композиций. Даже если это экономически не совсем выгодно, отсутствует элемент психологического давления: вы знаете, что прослушав еще один трек вы не заплатите лишних денег — и в этом смысле вы свободны, хотя и вынуждены платить за эту свободу деньги. В последнее время количество сервисов что первого, что второго типа стало возрастать. Ниже представлен краткий обзор нескольких таких сервисов, сделанный по материалам заметок автора и его коллег в издании «Руформатор»
Читать дальше →
Total votes 56: ↑49 and ↓7 +42
Comments 60

Новая поисковая платформа LinkedIn

Reading time 1 min
Views 525
Со вчерашнего дня в социальной сети LinkedIn внедрена новая поисковая платформа, которая значительно облегчает поиск нужных людей. Обзор нового функционала можно посмотреть в демонстрационном видеоролике, а вкратце основные инновации сводятся к нескольким вещам:

1) больше критериев для точного поиска;
2) ранжирование результатов по алгоритму релевантности, который персонализирован специально для вас;
3) возможность сохранять результаты поиска (до трёх) и получать почтовые уведомления в случае появления новой кандидатуры, которая удовлетворяет поисковым критериям;
4) спеллчекер для имён и фамилий;
5) автозаполнение поисковой строки по имени и фамилии.
Total votes 23: ↑21 and ↓2 +19
Comments 7

Краткий обзор Reset CSS в фреймворке Yahoo! YUI

Reading time 3 min
Views 1.3K
Хотя на Хабре уже достаточно хорошего материала по css-фреймворкам, и Yahoo! YUI в частности, хотелось бы отдельно остановиться на Reset CSS. Положительный отзыв о этой библиотеке Вадима Макеева на РИТ-2008 просто вынудил меня скачать её и посмотреть что же там внутри.

Читать дальше →
Total votes 16: ↑13 and ↓3 +10
Comments 26

51 Веб Приложение для Дизайнеров и Разработчиков

Reading time 11 min
Views 13K
Веб дизайн и разработка претерпели значительные изменения в течении последних лет, точно так же изменились используемые технологии и инструменты. Эти изменения придали жизнь таким инструментам, которые сделали нашу жизнь проще, и дали возможность предоставлять нашим клиентам более качественные услуги. Коммуникации и совместная работа на огромных расстояниях уже не проблема и управление проектом стало весьма простой задачей.

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

Данная статья представляет 51 веб приложений для дизайнеров и разработчиков.
Идем дальше...
Total votes 101: ↑86 and ↓15 +71
Comments 26

WebKit и expression

Reading time 1 min
Views 671
Да, это не опечатка! Внезапно обнаружил, что конструкция:

.myclass {behavior:expression((function(){})(this))}

читается WebKit (Chrome, Safari) браузерами и стили после ней браузер не воспринимает и, соответственно, не применяет. Опытным путём было установлено, что проблема в этой конструкции в символах "{" и "}", которые в сумме вызывают какие-то метаморфозы в браузерах. Причём если убрать "{", то баг исчезает, а если "}", то остаётся. Естественно, наличие ";" в конце правила, тип селектора (т.е даже если это будет селектор для ИЕ, вроде * html [selector]), тип правила (например предварение правила "//" или "_") ситуации НЕ исправляют, иначе было бы не так уж и страшно!

Особенно знание этого бага полезно людям, любящим объединять все стили в один файл, не вынося стили для IE в отдельный файл, вместо этого используя star-hack и иже с ним! В любом случае если вы относитесь к тем, кто не выносит стили для Internet Explorer'a в отдельный файл, то пишите хотя бы expression'ы в конце файла, иначе долго будете искать причину проблем!
Total votes 51: ↑34 and ↓17 +17
Comments 18

20 полезных и красивых веб приложений

Reading time 1 min
Views 5.4K
Мы постоянно должны быть вдохновлены, чтобы не отставать от моды.

В этой статье я покажу вам 20 приложений, которые вдохновили нас, веб-приложения, которые изменили мир.

Давайте начнём.

Reinvigorate




Инструмент для отслеживания трафика в реальном времени с множеством полезных функций, включая «heat sensing».
Читаем Дальще
Total votes 181: ↑112 and ↓69 +43
Comments 68

Договор на техническое обслуживание и поддержку сайта

Reading time 9 min
Views 124K
Добрый день, коллеги!

В нашей компании, существовала проблема с договором на техническую поддержку сайтов. В договоре мы хотели четко прописать круг наших обязанностей, время выделяемое в месяц на работы над сайтом заказчика, способы оплаты при превышении выделяемого времени, ответственность заказчика и четкие инструкции по предоставлению материалов. Этим договором и хотим с вами поделится.
Читать дальше →
Total votes 71: ↑64 and ↓7 +57
Comments 48

Способ вертикального выравнивания блока с помощью настоящего vertical-align

Reading time 4 min
Views 70K
Сегодня, верстая один макет, я, кажется, изобрел очередной небезынтересный способ вертикального выравнивания блока относительно родительского. Он не основан на превращении блоков в ячейки таблицы и не использует css-свойство position.

Требования

— Должна быть известна начальная высота родительского блока;
— Дочерний блок может иметь произвольный размер как по высоте, так и по ширине.

Возможности

— Работает в IE6+, O9+, FF2+, webkit;
— Тру vertical-align выравнивание со всеми допустимыми значениями;
— Одинаковое поведение во всех браузерах (незначительные отклонение при некоторых условиях в ие6 будут оговорены ниже);
— При вырастании дочернего блока выше «папочки», родительский блок расширяется;
— Ни грамма JavaScript.
Читать дальше →
Total votes 98: ↑83 and ↓15 +68
Comments 59

CSS Sticky Footer / Прилипающий футер

Reading time 4 min
Views 76K

Как использовать прилипающий футер


Введение


В Гугле можно найти много реализаций прилипающего футера. Я перепробовал большинство из них, и обычно где-нибудь они да подводили. В основном из-за того, что предложенные методы были слишком старыми, и не срабатывали в новых браузерах. Но, поскольку страницы, предлагающие решения, довольно старые, на них давно ссылается много других сайтов, из-за чего они до сих пор находятся довольно высоко в поисковой выдаче Гугла. Вебмастеры находят их самыми первыми в своих поисках, и потом долго чешут репу, не видя ничего нового.

Решения Райана Фэйта хорошо известно и работает, но требует лишний пустой <div>. Приверженцы чистого HTML-кода могут найти это богохульство несемантичным. В нашем решении лишнего <div> нет.
далее
Total votes 77: ↑59 and ↓18 +41
Comments 74

Азбука WEB-разработчика

Reading time 4 min
Views 13K
Небольшой список, самых, на мой взгляд, полезных сайтов для любого WEB-разработчика, интересующегося сферой веб дизайна, верстки и программирования. Думаю каждый среди этого списка найдет для себя сайты, которые надолго войдут в его ленту RSS.

AA List Apart




A List Apart содержит лучшие советы и мнения от лидирующих умов индустрии.
Читать дальше →
Total votes 140: ↑132 and ↓8 +124
Comments 47

Data URI [CSS] Sprites 1.5 — уникальный автоматический генератор CSS спрайтов

Reading time 2 min
Views 2.1K


Тем кто следит за статьями про клиентскую оптимизацию уже известен современный подход к созданию CSS спрайтов на базе data:uri технологии. Указанный подход имеет весомые достоинства:
  • абсолютная минимизация конектов к серверу за изображениями определенных в css — сделать еще меньше уже невозможно.
  • полная 100%-ая автоматизация процесса создания спрайтов независимо от свойств backgroud-position и background-repeat.
  • предзагрузка всех изображений определенных в css, которые необходимы для сайта.

Обновился сервис автогенерации
Total votes 41: ↑38 and ↓3 +35
Comments 31

Ускоряем запуск браузера FireFox

Reading time 2 min
Views 35K
Ещё давно приметил, что мой любимый инструмент, запускается значительно шустрее после установки, чем после многомесячного, активного использования браузера. Заметил, но как распорядится этим знанием мыслей не было. И вот, только что наткнулся на полезную тему, где описано это узкое место, а также дан ещё один совет по ускорению запуска браузера.

И так узкое место при запуске это загрузка .sqlite, базы данных вашего профиля. При интенсивной работе с Фоксом, базы разрастаются, в них появляются «пустые места», ну и главный недостаток, файл базы данных становится сильно фрагментированными. Для решения подобной проблемы существует специальная команда «очистки», точнее операция пересоздаёт файл базы, но уже без пустых мест. Для этого нужно проделать следующее:
Читать дальше →
Total votes 219: ↑206 and ↓13 +193
Comments 215
1

Information

Rating
Does not participate
Date of birth
Registered
Activity

Specialization

Chief Executive Officer (CEO)