Прежде чем приступить к автоматизации тестирования желательно проанализировать приложение. Чем больше приложение готово к автоматизации, тем меньше проблем будет в дальнейшем при разработке автотестов и анализе результатов.
Тимофей @pornkilla
Пользователь
Защищаем веб-формы от спама без CAPTCHA — 2: Ботобор
3 мин
28KТри года назад на Хабре была опубликована статья «Form Spam Bot Blocker: Защищаем Web-формы без CAPTCHA!», рассказывающая о принципиально отличном от CAPTCHA решении для PHP по защите форм от спам-ботов. Это решение основано на идеях, изложенных в своих статьях Филом Хааком (Phil Haack) — Honeypot Captcha и Недом Батчелдером (Ned Batchelder) — Stopping spambots with hashes and honeypots. К сожалению, предложенный в статье класс, написан для PHP4 и не развивается с 2007-го года. Хочу предложить вашему вниманию его аналог на PHP5.
+27
Галерея изображений Flickr с помощью Shortcode API
5 мин
6.6KТуториал
Recovery Mode
Если вы реально устали от поисков плагина для загрузки ваших галерей из такого популярного фотохостинга как Flickr, повторяюсь — именно галереи (вставка отдельных фото по умолчанию включена в WP), то добро пожаловать под кат.
+6
Приколы на сайтах от дизайнеров
1 мин
1.5KПериодически появляются сайты, где дизайнеры оставили easter eggs (пасхальные яйца) — приколы, которые видны при определенном стечении событий, ну например по клику мышки в определенном месте.
Интересную подборку таких сайтов смотрите под катом.
Интересную подборку таких сайтов смотрите под катом.
+36
+23
Chiptune — 8-bit game music podcast. Выпуск 6 — Коты Шрёдингера
2 мин
2.8KShownotes
В подкасте звучат:
— Samurai Pizza Cats / Kyattō Ninden Teyandee / Ninja Cat (NES)
— Голос Сергея Супонева из передачи «Денди: Новая реальность» (Rest in peace)
+36
Hello World! в Adobe AIR
5 мин
10KПеревод
Adobe AIR — это средство для разработки интерактивных приложений от Adobe. К особенностям можно отнести возможность разрабатывать кроссплатформенные приложения с использованием HTML/Ajax, Flex, Flash.
Для ознакомления сделаем пример «Hello World!» с использованием HTML.
Для ознакомления сделаем пример «Hello World!» с использованием HTML.
+11
24 способа повысить эффективность поиска в Google
6 мин
79KПеревод
Листая lifehacker.com, я наткнулся на интересную статью о том, как можно более эффективно использовать поисковый сервис Google. В принципе я не ожидал встретить в ней чего-то принципиально нового для себя, тем не менее после прочтения результаты превысили мои ожидания. Думаю, эта статья может оказаться полезной для многих (ко мне чуть ли не каждый день обращаются люди с вопросами, которые можно решить элементарным поиском за две минуты).
+81
Делаем красиво в AdobeAIR с ExtJS
4 мин
1.5KПонятия не имею, почему до сих пор я не смотрел в сторону ExtJS. Обалдеть можно от того, как просто с этим фреймворком можно построить красивое приложение.
Сегодня, мы создадим в AdobeAIR приложение с простым окном (Ext.Window):
Сегодня, мы создадим в AdobeAIR приложение с простым окном (Ext.Window):
+32
Google Search: учимся искать
2 мин
1.9KИтак, рассмотрим основы синтаксиса поисковых запросов и некоторые хитрости поиска на google.com. Возможно, вы уже знаете многие из них, но тем не менее, что-то может оказаться очень полезным при ежедневном поиске.
А вот список наиболее интересных специальных операторов, которые разрешены для поиска в Google (и часть из них используется в Расширенном поиске):
- Для поиска цитат можно использовать как фразы, заключенные в ковычки, так и словосочетания соединенные знаком дефис: [«пример поиска цитат»] или [пример-поиска-цитат]. Гугл воспринимает как знаки, связывающие слова в единую фразу, не только кавычки, но и такие символы, как дефис, слэш (косая черта), точка, знак равенства, апостроф.
- Раньше Google мог неверно воспринимать некоторые специальные символы, наподобие [#], но теперь проблема с этим решена. Но это все равно не означает, что вы можете использовать любые символы, и при поиске по строкам [t.], [t-] или [t^] результат будет одинаковым.
- Google разрешает использовать до 32 слов в поисковом запросе.
- По умолчанию при поиске с несколькими ключевыми словами используется оператор «и». Если же вы не хотите чтобы в результатах присутствовали документы с тем или иным словом, поставьте перед ним знак "-", означающее логическое «НЕ»: [аренда офиса -склад].
- Используя поиск можно находить синонимы слов:
[~тест], хотя, как я понял, для русского языка пока не актуально. - Если вам необходимо найти числовые значения из указанного промежутка, используйте оператор "..": [2003..2006]
- Для нахождения определений различных слов можно использовать специальный оператор define: [define:yandex].
- Найти страницы, ссылающиеся на определенный сайт можно используюя оператор link: [link:habrahabr.ru]
- При формировании поискового запроса можно пользоваться оператором «или», он используется в виде символа вертикальной черты: [блог (habr | habrahabr)] – в результате будут найдены документы, содержащие слово «блог» и одно из двух: «habr» или «habrahabr»
- При выдаче результатов поиска Google учитывает региональные настройки вашей системы, а также определяет ваше местонахождение по ip-адресу, и результаты могут значительно различаться при поиске из разных стран, или на разных языках.
- При поиске фраз можно использовать символ подстановки "*": [«а нам все равно, а нам *»]. Например, таким образом удобно искать текст песни, или цитаты, если известны всего несколько слов из них.
- Для сужения результатов поиска по определенным доменам используйте оператор «site»: [site:.promodj.ru]
А вот список наиболее интересных специальных операторов, которые разрешены для поиска в Google (и часть из них используется в Расширенном поиске):
- Cache: – Возвращает кэшированную копию страницы с указанным адресом или URL
- Inanchor: – Поиск ключевых слов в тексте ссылок
- Related: – Находит сайты, тематически связанные или подобные указанному
- Info: – Показывает информацию о сайте по указанному адресу
- Allinurl: – Находит страницы, в URL которых встречаются все указанные ключевые слова
- Inurl: – Находит указанные ключевые слова в URL на страницах
- Stocks: – Поиск биржевых котировок по нескольким источникам
- Allintitle: – Находит страницы со всеми указанными ключевыми словами, находящимися в области
Filetype: – Находит документы определенного типа (с заданным расширением файла)
Daterange: – Находит страницы, проиндексированные в заданный промежуток времени
0
Верстка для мобильных устройств
4 мин
84KОбщая информация
Так как мобильных устройств существует великое множество, то одна модель может поддерживать какие-либо возможности HTML/CSS, а другая наоборот — либо не поддерживать, либо поддерживать неправильно.
Но большинство устройств среднего и уж тем более hi-end класса поддерживают HTML/CSS в той или иной степени. Таким образом, язык WML для разработки сайтов под мобильные устройства устарел и практически не используется. На смену ему постепенно приходит общепризнанный стандарт в разработке сайтов — XHTML/CSS. Кодировка — строго UTF-8 (No BOM).
+60
+61
Вёрстка c «Ушами»
2 мин
9.2KОчень часто фантазия человека, разрабатывающего макет сайта, не ограничивается шириной 1024px, при этом требуется, чтобы сайт выглядел достойно на всех разрешениях и соответствовал полёту мысли дизайнера.
Проблему можно представить графически так:
Задача вёрстки заключается в следующем:
Работает для FF3, FF4, IE8 и почти для Opera.
Проблему можно представить графически так:
Задача вёрстки заключается в следующем:
- — независимо от разрешения (размера она браузера), информативная часть сайта находилась посередине;
- — справа и слева должны остаться графические блоки (уши), причём эти уши должны быть видны только при увеличенном размере экрана браузера, а при уменьшенном не уместившаяся часть должна прятаться (в идеале, чтобы ещё горизонтальной полосы прокрутки не было);;
- — страница должна быть резиновой от 680px до 1000px.
Работает для FF3, FF4, IE8 и почти для Opera.
+32
Баги IE. Часть 1. Наличие или отсутствие hasLayout
10 мин
12KЭтим постом я планирую начать серию статей о багах IE и возможных вариантах их исправления. Цикл статей решил написать в первую очередь для себя, дабы как-то систематизировать и сохранить свои знания, но я надеюсь, что он будет полезен как новичкам так и опытным верстальщикам.
Первым постом хочу затронуть одно из фундаментальных понятий при исправлении багов IE — hasLayout.
Первым постом хочу затронуть одно из фундаментальных понятий при исправлении багов IE — hasLayout.
+77
Когда картинка красноречивее 1024 слов – прототипирование с MockingBird
2 мин
7.3K Для написания ТЗ я задался вопросом поиска простого и удобного средства создания прототипов веб-страниц. Хотелось чего-то бесплатного и в онлайне, некой альтернативы Axure. Такой сервис удалось найти, его я и предлагаю вашему вниманию. Итак, встречайте www.gomockingbird.com – сервис, позволяющий создавать очень красивые прототипы легко и удобно.
Помимо представления самого сервиса, этим постом хотелось также привлечь внимание общественности к полезной практике прототипирования.
Помимо представления самого сервиса, этим постом хотелось также привлечь внимание общественности к полезной практике прототипирования.
+121
Небольшой обзор веб-радио сервисов и интернет плееров
4 мин
47KВ последнее время, особенно когда нечего делать, часто хочется включить какую-нибудь музыку для фона (Работаю я чаще в тишине). Искать и заполнять плеер каждый раз разными хорошими песнями меня дико раздражает. Лень взяла свое или фантазия иссякла, но мне надоело каждый раз составлять плейлист подобным образом, как, впрочем, и обычным шаффлом. Решено было попробовать то, что предлагает веб. Что я там нашел для себя, попробую рассказать. Если вы можете добавить вкусный url, предлагайте.
+71
Когда Photoshop отображает совсем не то, что надо
3 мин
289KТакая вот ситуация: дизайнер присылает макет, а у верстальщика открывается какая то лабуда светлая, или темная (если верстальщик испольует МасOS, а дизайнер Win.). Или же верстальщик сохраняет картинку, а там цвета другие стали.
Разберемся почему так и как с этим жить.
+143
Различия между IE6, IE7 и IE8. Часть первая
4 мин
5.9KПеревод
(От перев. Данная статья не претендует на полноту и непротиворечивость, потому мы не будем строить на ее основании никаких теорий. Это всего лишь практическое пособие для разработчиков, немного исправленное и дополненное мной под реалии Рунета.)
Одним из самых странных статистических фактов, связанных с использованием браузеров, является широкая распространенность Internet Explorer версии 6, 7 и 8. На сегодняшний день все версии Internet Explorer вместе занимают примерно 65% рынка используемых в настоящее время браузеров. Среди веб-разработчиков эта цифра ниже, здесь доля пользователей IE составляет лишь 40% рынка.
(От перев. Надеюсь, эти 40% составляют лишь несчастные верстальщики, проверяющие свои сайты на предмет кроссбраузерности. Статистика по Рунету доступна, например, здесь. Заметьте, в сентябре у всех браузеров IE-семьи график без видимых причин подскочил — это вернулись за свои компьютеры офисные пользователи, самые преданные почитатели наших героев.)
Интересно, что популярность браузеров семейства IE примерно одинакова, нельзя выделить один доменирующий браузер, как это было ранее. (От перев. Конечно, нельзя. Вот смотрю и ну никак не могу выделить доминирующий браузер. =) ) Таким образом, сейчас веб-разработчики обязаны проверять работоспособность своего проекта в различных браузерах, разрабатывая как сайты для своих заказчиков, так и персональные странички.
Конечно, благодаря различным Javascript-библиотекам, кроссбраузерное тестирование сейчас стало настолько хорошим, насколько данная ситуация вообще позволяет это сделать. (От перев. А еще есть возможность сделать скриншоты в разных браузерах, IE Collection и тому подобные ухищрения) Но есть в этом что-то неправильное, особенно если взглянуть на результат работы трех использующихся версий IE.
Эта статья является попыткой дать исчерпывающую, легкую в восприятии информацию для веб-разработчиков, пытающихся понять различия в обработке CSS между IE6, IE7 и IE8. Здесь собраны краткие описания для свойств, поддерживаемых одним или двумя браузерами, но не всеми тремя сразу. Здесь не рассматриваются свойства, не выполняемые ни одним из IE, а также специфичные только им. Таким образом, акцент стоит именно на различиях между браузерами, а не на недостатке поддержки ими тех или иных CSS-свойств.
Одним из самых странных статистических фактов, связанных с использованием браузеров, является широкая распространенность Internet Explorer версии 6, 7 и 8. На сегодняшний день все версии Internet Explorer вместе занимают примерно 65% рынка используемых в настоящее время браузеров. Среди веб-разработчиков эта цифра ниже, здесь доля пользователей IE составляет лишь 40% рынка.
(От перев. Надеюсь, эти 40% составляют лишь несчастные верстальщики, проверяющие свои сайты на предмет кроссбраузерности. Статистика по Рунету доступна, например, здесь. Заметьте, в сентябре у всех браузеров IE-семьи график без видимых причин подскочил — это вернулись за свои компьютеры офисные пользователи, самые преданные почитатели наших героев.)
Интересно, что популярность браузеров семейства IE примерно одинакова, нельзя выделить один доменирующий браузер, как это было ранее. (От перев. Конечно, нельзя. Вот смотрю и ну никак не могу выделить доминирующий браузер. =) ) Таким образом, сейчас веб-разработчики обязаны проверять работоспособность своего проекта в различных браузерах, разрабатывая как сайты для своих заказчиков, так и персональные странички.
Конечно, благодаря различным Javascript-библиотекам, кроссбраузерное тестирование сейчас стало настолько хорошим, насколько данная ситуация вообще позволяет это сделать. (От перев. А еще есть возможность сделать скриншоты в разных браузерах, IE Collection и тому подобные ухищрения) Но есть в этом что-то неправильное, особенно если взглянуть на результат работы трех использующихся версий IE.
Эта статья является попыткой дать исчерпывающую, легкую в восприятии информацию для веб-разработчиков, пытающихся понять различия в обработке CSS между IE6, IE7 и IE8. Здесь собраны краткие описания для свойств, поддерживаемых одним или двумя браузерами, но не всеми тремя сразу. Здесь не рассматриваются свойства, не выполняемые ни одним из IE, а также специфичные только им. Таким образом, акцент стоит именно на различиях между браузерами, а не на недостатке поддержки ими тех или иных CSS-свойств.
+66
Тренировка памяти
3 мин
43KВы когда-нибудь задумывались, насколько важна память для человека и конкретно для вас? Что можно достичь, с помощью хорошей памяти? А давайте прикинем прямо сейчас!? Для начала я думаю, стоит вспомнить образование и работу: прочитали книгу за несколько дней и все запомнили, экзамены за вечер на 5, язык программирования за месяц… можно продолжать долго.
Некоторые люди рождаются с феноменальной памятью, а остальные могут память тренировать и достигнуть хоть и не феноменальных результатов, но очень даже приличных, которые позволят достичь очень больших высот, не говоря уже о довольно простых вещах, перечисленных чуть выше… Поэтому моя заметка именно о тренировке памяти обычных людей: сжато и по сути.
Некоторые люди рождаются с феноменальной памятью, а остальные могут память тренировать и достигнуть хоть и не феноменальных результатов, но очень даже приличных, которые позволят достичь очень больших высот, не говоря уже о довольно простых вещах, перечисленных чуть выше… Поэтому моя заметка именно о тренировке памяти обычных людей: сжато и по сути.
+58
Рупор. Городской громкоговоритель
2 мин
902Обычно принято, что у любого провайдера есть свой официальный (ну или полуофициальный) форум, который зачастую перерастает это понятие и становится воистину народным ресурсом.
По разному стечению обстоятельств, у компании, в которой я работаю, своего официального форума не было. Соответственно, было решено подобный ресурс запустить.
Так миру явился Рупор.
По разному стечению обстоятельств, у компании, в которой я работаю, своего официального форума не было. Соответственно, было решено подобный ресурс запустить.
Так миру явился Рупор.
+32
Информация
- В рейтинге
- Не участвует
- Откуда
- Петрозаводск, Карелия, Россия
- Зарегистрирован
- Активность