Выкиньте дисконтные карточки! Мечты о техническом прогрессе

Пару недель назад я купила себе отличный розовый клатч! Он вроде маленький, но туда влезает мини-айпад и есть отдельное отделение-кошелек. Разумеется, я не стала перекладывать в новый кошелек все-все-все визитки, лениво же. Да и потом, «клатч на день покрасоваться, а потом опять нормальную сумку возьму».

Первый образ с новой сумочкой

Хожу с клатчем третью неделю. Сначала в кошельке была только карточка Альфа-банка, теперь уже несколько визиток. И, разумеется, пара карточек была мне нужна, но "ой, они в другой сумке". В понедельник я проходила мимо «Кофейной Кантаты», а там какой-то праздник, а у меня с собой карточки нет. А в пятницу мы ходили в суши-бар «Нияма». У меня есть карточка постоянного клиента на 10% скидки, она всегда со мой, в кошельке. Подходит время платить, я тянусь к деньгам и тут понимаю — кошелек то другой, карточки в нем нету...

Про windows, ненависть и баги

Вчера я работала из дома! Это прогресс, потому что работать из дома я не люблю. Слишком много отвлекающих факторов и слабая сила воли 

А когда еще и баги ПО мешают... Домашний ноутбук у меня — lenovo yoga с экраном в 13 дюймов. У нее нестандартное расширение экрана и периодически я от этого страдаю...

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

Итак, я подключаюсь к рабочему компьютеру и начинаю что-то делать. А потом у меня ВКЛЮЧАЕТСЯ КАПСЛОК. А я вроде на клавиатуру не смотрю, но и в текс могу не смотреть. Опустить глаза на клаву или смотреть "сквозь" текст, размышляя над тем, что писать дальше. А потом ты приходишь в себя и понимаешь, что все написанное за последнюю минуту написано КАПСОМ. Тьфу, блин. И, главное, на ноуте он не включен. Я долгое время не знала, как отключить эту хрень. Потом поняла, что залипает шифт. Надо его нажать, капс прекратится. Если не помогло, нажать еще пару раз, с остервенением =)

А потом винда начинает думать, что я не открываю текущее приложение, а запускаю новое. Вот в панели задач у меня есть почта, скайп, IDEA. Я нажимаю на иконку, чтобы прочитать письмо или поправить автотест, а система запускает новый инстанс -_- Я так и не поняла, как это победить и что еще там залипает. Помогает только отключиться от RDP (remote desktop) и подключиться снова.

И вот пытаешься ты поработать, а у тебя новые инстансы пошли открываться. Отключился, подключился. Через минуту опять. И опять. А потом ты еще и все тесты КАПСОМ описал. За 5-10 минут я прихожу в тихую ярость и прекращаю попытки поработать. Нафик нафик, нервы дороже.

Вчера я запустила старый добрый ноут с диагональю 17 дюймов. Он большой и тяжелый. Загружается минут 5, даже после полной переустановки винды. Но зато, прогрузившись, работает стабильно. Честно говоря, я боялась, что проблема где-то в RDP или моем рабочем компе или я хз где. В общем, думала, что сейчас опять начнут проявляться эти косяки с шифтом и новыми инстансами. Но нет. Такие проблемы у меня только на йоге. Нормально спокойно поработала, уф. Даже понравилось, так как работала я с 6 утра до двух часов дня. А дальше — свобода!

Жаль, что на йоге мне недоступен дзен спокойной работы. Но что поделать, баги они такие, проявляются везде и всюду...

HTML. Как нарисовать таблицу

В статье приведены кусочки кода. Полную версию можно взять тут — https://bitbucket.org/okiseleva/html-and-css-learn/src. Папки — «add_image_in_html» и «images»

Любая таблица состоит из строк и столбцов. На их пересечении — ячейки. Первая строа таблицы — строка с заголовками. 

Таблица в блоге или ворде

Коротко о главном

Используем теги

• table    — начинаем рисовать таблицу
• tr         — строка таблицы, содержит в себе набор th или td
• th        — ячейка заголовка в строке tr. Сколько эл-ов <th> — столько столбцов в таблице.
• td        — ячейка в строке tr

Подробнее о тегах

Из джуниора в ТМ за год!

Я уже давно тестировщик!

Приятно получать радостные весточки от выпускников и позитивные отзывы сразу после курса. Еще приятнее слышать «спасибо за курс» спустя несколько месяцев, или даже год. Ведь это показывает, что обучение и правда пошло на пользу, информация «проверена временем». 

На этой неделе выпускники рассказали сразу две мотивационные истории, вот как можно вырасти за год!

ххх: Всем привет. Делюсь впечатлениями о новой работе. Пока на должности я один человек. Компания искала месяца три, но приходили все без опыта. И даже без теории. Занимаюсь первые два месяца тестированием нативных айось и андроид приложений. Пока как ручной тестировщик. Паралельно сам щас пытаюсь вникнуть в автоматизацию этих приложений. Все очень круто. Компания молодая, и постоянно расширяется. Сейчас человек двадцать, к концу года планируется человек 70 набрать. И переехать в построенный офис. Скоро дадут интернов. Есть в этом плане перспектива карьерного роста. Дали в руки полностью весь картблашн, для построения воркфлоу и рабочего процесса. В общем, я доволен)
ууу: ооо, какая крутая история) А какой опыт работы тестировщиком? Был опыт построения процесса тестирования с нуля?
ххх: чуть больше года опыт. В компании, в которой я раньше работал, я был один.. впрочем как и в этой... но там было мало опыта.. в основном программисты кто работал в крутых компаниях подсказали.. так что этот опыт хочу передать и в новое место)

После этой истории в чат ворвалась другая выпускница, Виктория, с не менее потрясающим рассказом =)

Еженедельная рассылка о проектировании интерфейсов и UX

Мой коллега Антон Жиянов запустил еженедельную рассылку о проектировании интерфейсов и UX. Каждый четверг будет выходить подборка лучших статей из 50 профильных источников.

Я расскажу вам лучшее

Только авторские статьи, только на русском. Без «вдохновляющих референсов с дриббла», «100500 сервисов для дизайнеров», переводов англоязычных статей и обсасывания одних и тех же новостей по сто раз.

Вместо всего этого — умные статьи про UX и смежные темы: развитие продуктов, интерфейсы в офлайне и фронтенд по-человечески.

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

Протестируйте рассылку — опубликован первый выпуск.

От себя добавлю, что Антон — классный аналитик. Глубоко продумывает любые требования и возможные последствия новых функций и очень круто пишет. Я уже год пытаюсь его развести опубликовать крутые use case по Дадате, но он пока сопротивляется... Но зато можно почитать его блог, там тоже слог хороший.

Приятного чтения!

PS — ссылка на рассылку добавлена на Testbase в навык тестирования Usability, так что не бойтесь ее потерять!

Панбагон. Галочка заполненности адреса налезает на текст

Купила недавно ирригатор в «Доктор слон».

При оформлении заказа вкопипастила в строку адреса наш рабочий адрес и получила прекрасное:

Не влез...

Не прям супер-пупер критичный баг, но исправить можно. Давайте оформим по шаблону:

******************************************************

Галочка заполненности адреса налезает на текст

Шаги воспроизведения

1. Открыть карточку любого товара, например, ирригатора
2. Нажать «Купить»
3. Нажать «Оформить заказ»
4. Выбрать пункт доставки «Курьером»
5. Вставить в адрес длинный адрес, например, «119034, Россия, г. Москва, Турчанинов переулок, д. 6 стр. 2, БЦ "Крымский мост", 1 этаж»

HTML & CSS. Комментарии в коде

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

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

HTML

В HTML комментарий оформляется как в SOAP Ui

<!--      — начало комментария
-->       — конец комментария

Пример

<div id="comment">
       <!-- Аццкий троль сожрал этот коммент -->
<img src="http://testbase.ru/wp-content/uploads/2015/07/шаги1.png" alt="Шаги             тест-кейса" />
 </div>

CSS

Комментарий, даже однострочный, оформляется как многострочный в Java-коде

/*         — начало комментария
*/         — конец комментария

Пример

#header {
  /* Тут мы задаем цвет фона такой-то, потому что нам так сказал начальник-дурак.
  Да, я в курсе, что расцветка вырви-глаз, все вопросы к Петрову */
  background-color: #675c47;
  margin:           10px;
  height:           108px;
}

PS — добавила статью в полный список моих конспектов лекций по HTML & CSS