Кроссбраузерный @font-face

Для загрузки на сайт нестандартных шрифтов, используйте следующий css сниппет:

@font-face {
font-family: 'MyFont';
src: url('webfont.eot'); /* IE9 */
src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('webfont.woff') format('woff'), /* Современные браузеры */
url('webfont.ttf') format('truetype'), /* Safari, Android, iOS */
url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

Для непосредственного использования:

.you_class {
font-family: 'MyFont', sans-serif;
}
По возможности используйте универсальные семейства шрифтов.

Все значения атрибута Media

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

Пример использования:

<link rel="stylesheet" type="text/css" href="print.css" media="print">
Тип Описание
all Все типы. Это значение используется по умолчанию.
aural Речевые синтезаторы, а также программы для воспроизведения текста вслух. Сюда, например, можно отнести речевые браузеры.
braille Устройства, основанные на системе Брайля, которые предназначены для слепых людей.
handheld Наладонные компьютеры и аналогичные им аппараты.
print Печатающие устройства вроде принтера.
projection Проектор.
screen Экран монитора.
speech Речевые синтезаторы, а также программы для воспроизведения текста вслух. Сюда же входят речевые браузеры.
tv Телевизор.
tty Телетайпы, терминалы, портативные устройства с ограниченными возможностями экрана. Для них не должны использоваться пикселы в качестве единиц измерения.

Эффект “Прошитого” блока на Css

Иногда необходимо сделать блок “прошитый” нитками. Это можно реализовать на css:

.you_class {
padding: 20px;
margin: 10px;
background: #ff0030;
color: #fff;
font-size: 21px;
font-weight: bold;
line-height: 1.3em;
border: 2px dashed #fff;
border-radius: 10px;
box-shadow: 0 0 0 4px #ff0030, 2px 1px 6px 4px rgba(10, 10, 0, 0.5);
text-shadow: -1px -1px #aa3030;
font-weight: normal;
}

Используйте свой class в html:

<div class="you_class">Тут пример текста</div>

Будет выглядеть вот так:

Эффект "Прошитого" блок

Можно посмотреть в действии здесь.

Кроссбраузерная прозрачность на Css

Для поддержки прозрачности используйте следующий css код:


.you_class {

/*для  IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

/*для IE 5-7 */
filter: alpha(opacity=50);

/* для Netscape и FF */
-moz-opacity: 0.5;

/* для Safari 1.x */
-khtml-opacity: 0.5;

/* для современных браузеров */
opacity: 0.5;
}

Внимание! Данный css сниппет не валидный!

CSS Font Families

Выберите семейство шрифта для себя, разделенные на группы (типы шрифтов). Из группы т.н. “Универсальных семейств шрифтов”:

  • sans-serif — рубленные шрифты (шрифты без засечек или гротески), типичный представитель — Arial;
  • serif — шрифты с засечками (антиквенные), типа Times;
  • monospace — моноширинные шрифты, ширина каждого символа в таком семействе одинакова (шрифт Courier).
  • cursive — курсивные шрифты;
  • fantasy — декоративные шрифты;

Sans-Serif

Arial, sans-serif;

Helvetica, sans-serif;

Gill Sans, sans-serif;

Lucida, sans-serif;

Helvetica Narrow, sans-serif;

Georgia, sans-serif;

sans-serif;

Serif

Times, serif;

Times New Roman, serif;

Palatino, serif;

Bookman, serif;

New Century Schoolbook, serif;

serif;

Monospace

Andale Mono, monospace;

Courier New, monospace;

Courier, monospace;

Lucidatypewriter, monospace;

Fixed, monospace;

monospace;

Cursive

Comic Sans, Comic Sans MS, cursive;

Zapf Chancery, cursive;

Coronetscript, cursive;

Florence, cursive;

Parkavenue, cursive;

cursive;

Fantasy

Impact, fantasy;

Arnoldboecklin, fantasy;

Oldtown, fantasy;

Blippo, fantasy;

Brushstroke, fantasy;

fantasy;

sozdik.kz – мобильное приложение русско-казахского словаря

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

И первым хочу презентовать мобильное приложение sozdik.kz на андроиде от Сыздыкова Аскара (разработчик) и  Андрей Батталов (дизайн).

Итак, в кратце о приложении:

Многие знают в казнете онлайн словарь перевода с русского на казахский и обратно sozdik.kz. Данное приложение использует ресурсы этого сайта.

На сегодня нет пока лучшего словаря с таким большим запасом слов казахского языка. Так что и приложение будет крутым. :)

Сразу необходимо сказать приложение будет условно-бесплатным. Т.е. скачать с Gooogle Play можно бесплатно, но оно будет ограничиваться пользованием по времени. В связи с выходом можно будет пользоваться целый месяц.

Далее необходимо будет активировать приложение зарегистрировав ваш  DeviceID устройства  (можно глянуть в разделе О программе), заплатив скромные 500 тенге (ок. 100 рублей) и пользоваться приложением дальше.

Вот скрины приложения:

По приложению:

- Условно-бесплатное (активация 500 тенге)

– Онлайн словарь (перевод слов/словосочетаний с казахского на русский и обратно)

– Слова в Истории и Избранном остаются на вашем устройстве и не требует интернета, чтобы увидеть перевод.

В комментариях можете писать свои предложения и пожелания, ругать и материться. Так как для разработчиков важен ваш фидбек.

Все ваши комментарии дойдут и будут услышаны.

Приложение подойдет для всех кто хочет или учит казахский язык. Особенно студентам и школьникам, которым уже скоро сдавать ЕНТ. Так что не пропустите. Поделитесь с друзьями, чтобы и они были в курсе ;)

А теперь внимание!

Специально для читателей блога  GTalk.kz я раздам совершенно бесплатно приложение:

  • тем, кто готов быть тестером (отписывать существующие проблемы и т.д.);
  • у кого есть смартфон на андроиде (нужны разные версии);
  • тем, кому необходимо данное приложение;
  • у кого есть постоянный доступ в интернет.
Пишите свой телефон (модель) на почту gtalk.kz [] gmail.com с темой sozdik
Внимание! тестовый период будет более 1 месяца! Не упустите свой шанс ;)
Скачать на Google Play
qr код sozdik.kz
з.ы. Как появиться в google play здесь будет ссылка :) а пока подписывайтесь на обновление, что бы ничего не пропустить ;)

с/у Талга УтБ

Пикабу квест: накрутка подписчиков вконтакте

Приветствую, посетителей на блоге Gtalk.kz. Недавно, увидел такую штуку на развлекательном сайте pikabu.ru, на котором порой я и бываю. :)

Так вот при чем тут этот сайт?

Помните я писал, как поднимать посещалку и т.д. и т.п. Ну вот.

Интересный способ накрутить подписчиков был и на пикабу. Кстати, интересные ссылки с постов поднимают посещаемость ресурсов в несколько раз, т.н. эффект пикабу с аналогами забугорными сайтами.

Суть:

– Создали пост в стиле квеста, в итоге которого попадаем в тему вконтакте

Затем рандомно разыграли 3 ножичка.

И что имеем? Почти 1500 живых и активных пользователей

подписчики вконтакте

Пиарим свои паблики

подписчики вконтакте пиар своих пабликов

Сливаем трафик

Профит ;)

Вот как-то так.

Только вряд ли пройдет такой фокус еще раз. Придумывайте и фантазируйте.

Я собственно такими вещами не занимаюсь паблики, группы и и.д. Но способ понравился. Почти интересный квест, и почти такая же задумка. Молодцы пацаны :)

А вы как завлекаете своих подписчиков в паблики?)

с/у Талга УтБ

пикабушникам привет :)

пикабушникам привет

Gtalk.kz – 2 года в интернете

Два года в интернете пролетели не заметно для меня. Вот 6 апреля и это значит, что еще на 1 год мой блог постарел.

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

С днем Рождения

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

Немного цифр за 2 года:

133 записи (согласен оочень мало, будем исправлять)

Почти 1500 комментариев

Сейчас уже 3 версия т.н. дизайна блога (можно прочитать тут)

За последний год участвовал в разных конкурсах:

Выигрывал небольшие призы, т.е. до первого не дотягивал: книгу от Вовки, немного денежку, шаблоны, iphone5 и т. д.  :|

Собственно, поздравляем меня в комментариях, а самые интересные, необычные и классные поздравления получат скромный денежный подарок на свой webmoney.

2 года блогу

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

Как всегда с вами Талга УтБ ;)

Если нету фантазии, поздравления с днем рождения можно найти тут

Текстовые редакторы: Notepad++ vs Sublime Text

Приветствую пользователей скромного блога Gtalk.kz. Сегодня я решил рассмотреть 2 самых популярных текстовых редактора для написания кода, не важно какого. Так как я не программирую, а могу верстать, могу не верстать, то я и хотел назвать топик программа для верстки сайта: Notepad++ vs Sublime Text, но потом передумал :)

Собственно перед вами два героя битвы всем известный старый добрый notepad++ и новый набирающий популярность Sublime Text.

Да начнется холивар:

Кстати, можете добавлять в комментах параметры для сравнения, я добавлю ;)

Сравнение Notepad++ vs Sublime Text

Notepad++

Sublime_Text

Параметры Notepad++ от Don Ho Sublime Text от Sublime HQ Pty Ltd
Официальный сайт notepad-plus-plus.org sublimetext.com
Стоимость Бесплатный – free Условно-бесплатный*70$
Лицензия GNU GPL Proprietary software
Open Source Да Нет
Кроссплатформенность Windows Windows
Mac
Linux
Переведен на Dutch
English
French
German
Italian
Portuguese
Russian
и т.д. вплоть до казахского :)
English
Подсветка кода Да Да
Проверка орфографии Через плагин Да
Автосохранение Да Да
Миникарта Да Да
Макросы Да Да
Множественное выделение Да Да
Закладки Да Да
Плагины Да Да
Шпаргалка по редакторам шпора шпора

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

Что еще добавить особо не знаю, так как по возможностям они равны в принципе, а остальное решается с помощью плагина. Например, Dimox расхваливает Sublime Text, но все это есть и у Notepad++.

Единственное, кросcплатформенность sublime text может завлечь тех кто постоянно перебегает от одно оси к другой.

Мне Notepad++ хватает для редактирования и пока что не собираюсь переходить.

Время идет и я перешел на Sublime Text 2. Теперь понимаю почему многие перешли на него :). Так что советую всем ;).

Возможно, просто всем захотелось, что-то новое и старый редактор приелся?

А вы каким пользуетесь и почему??

с/у Талга УтБ

Кстати, если вы еще не видели отличный клип от Biting Elbows :)

Что такое theme framework

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

После статьи о 10 бесплатных wordpress theme frameworks, я решил объяснить, что же, собственно, это такое и для чего они нужны, дабы не было путаницы.

wordpress-theme-frameworks

Что такое WordPress theme framework ?

Это основа для темы (он же шаблон) вордпресс, для быстрого старта. Т.е. некая библиотека кода темы для облегчения разработки. По сути, это такая же болванка как «пуленепробиваемы» шаблон или twitter bootstrap.

Почитайте в Wikipedia что такое framework (фреймворк)

Естественно, в нашем суровом мире есть разные такие фреймворки тем. Например, платные и бесплатные. Также есть для не знающих программирование (например, создаете шаблон в админке: выбираете цвета, делаете настройки и т.д. Есть и темы создаваемые путем drag drop – перетаскивания блоков) и опытных разработчиков.

Почему это хорошо?

Плюсы фреймворков

Рассмотрим плюсы и зачем это нам надо:

  • Быстрый старт и сокращения времени на разработку (все основные элементы шаблона wordpress уже готовы);
  • Валидность и соблюдение семантики в коде (как правило такие фреймворки сделаны качественно);
  • Seo-оптимизированный код (в некоторых есть и микроформаты);
  • Поддержка плагинов;
  • Плюшки (например, встроенная типография, слайдеры и т.д.) – приятные мелочи;
  • Сообщества – обычно есть официальный сайт и/или форум, где можно спросить и разобрать проблему;
  • Обновления – существующие недостатки будут исправлены в новых версиях.

Как вы поняли главное, что делают wordpress theme frameworks это ускорить процесс разработки тем, а значит сэкономить нам время на то, чтобы его потратить впустую во вконтакте.

Все хорошо, уже начали выбирать один из фреймворков? Не спешим. :)

Обратная сторона …

И так, список из желтого блокнота )) :

  • Изучение фреймворка – как бы то ни было, придется потратить время на изучение вордпресс фреймворка темы, т.к. они имеют свою специфику;
  • Лишний код – тут, конечно, субъективно, но я всегда нахожу ненужный код;
  • Ограничения – какой бы крутой основа для ваших тем не была, скорее всего, вы натолкнетесь на ограничения возможностей фреймворка; Например, отсутствие адаптивности, 960gs, less и т.д.

минусы wordpress theme frameworks

Собственно, это все. Если что-то упустил отписывайте в комментариях. ;)

Если вы решили использовать wordpress theme frameworks, читайте полезный обзор.

Жду ваших комментарий по сегодняшней теме.

с/у Талга УтБ

Как я не люблю ходить по магазинам :( А вы где покупаете одежду в Казахстане ? Есть ли свои постоянные интернет-магазины для покупки?

А еще кажется в Белоруссии недобор :)