15 интересных и креативных сайтов

Сегодня я решил поделиться с вами небольшой подборкой, которую я начал делать еще в том году :)

Подборки будут на постоянной основе, по крайней мере, я на это надеюсь.

Собственно встречаем 15 интересных сайтов, которые вас могут вдохновить :)

1 Loungelizard

Loungerlizard интересный сайт

                Как обычно веб-студии всегда впереди планеты всей. Сайт сделан в стиле бара. Кстати, можно выбрать и веб версию вместо flash.

2 Amautalab

Amautalab интересный сайт

Еще один flash сайт. Интересное выполнение сайта. Я выбрал forest =)

3 wormz

Промо сайт возможностей html5

Промо сайт возможностей html 5. Очень прикольно я залип. Для запуска нажмите слева Generate.

4. Agent8ball

Бильярд на html 5

Собственно бильярд онлайн, но не flash ;)

5. Bearandmary

Просто интересный сайт

Не знаю что особенного в этом сайте, но вот запомнился он мне и все :)

6. Ideaweb

Ideaweb портфолио сайт

Еще один сайт с портфолио на html5.

7. Adoptayeti

Adoptayeti интересный и креативный сайт

8. Welikesmall

Интересный сайт веб студии

Еще одна веб-студия со своим не менее интересным сайтом. Не забудьте заглянуть в Работы – Google.

9. Daniel vane

Портфолио Даниэля Вейна

Портфолио Даниэля Вейна с интересным и адаптивным дизайном.

10. Mercertavern

Подборка интересных сайтов №10

Стильный сайт ресторана.

11. Paravelinc

Скромная веб-студия

«Скромная» веб-студия с интересным слоганом, простым дизайном и внушительным портфолио. :)

12. Mostlyserious

Креативный веб-дизайн

Шарики, Pac-man все просто и креативно.

13. Envylabs

Интересный веб-дизайн

Веб-студия envylabs выставила свои лучшие умы на показ :)

14. Ithacabakery

Креативный интересный дизайн

Стиль дикого запада на заметку дизайнеру.

15. Thesearethings

крутим вниз на сайте

Веселенький сайт оставил напоследок. Жмем красную стрелочку в центре. Как просто?! А смотрится очень даже живенько.

Вот и все на сегодня.

Надеюсь, подборка интересная была, если да, то жмем поделиться с друзьями, если нет – комментируйте, исправимся ;)

с/у УтБ

Если вы любите бесплатное кино онлайн хорошего качества, то онлайн кинотеатр Megogo.net то, что вы искали ;)

Опа, youtube style :)

7 + 1 советов начинающему верстальщику

Всех приветствую и с наступающим новым годом! Последняя статья в этом уходящем году.

Статья написана для конкурса 7 советов от Вовки.  :|

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

1. Думай!

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

думайте потом верстайте

Прежде чем начать верстку сайта обдумайте все что вам предстоит сделать. Можно дня два потратить на обдумывание. Учитывайте, что проект может разрастись или измениться.

Поэтому грамотное продумывание элементов (я обычно рисую на А4) дает в дальнейшим свои плоды. Выделяйте целые части и блоки, продумывайте возможные варианты. Видение проекта в целом – успех в дальнейшем.

2. Будь в курсе

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

Читай и будь в курсе

Учитесь выделять необходимую информацию. В  google reader   я читаю анонс статьи и затем понимаю читать мне дальше или нет. Ведь теория это хорошо, но для верстальщика практика самое главное. А узнавая новые способы и техники, вы только облегчите себе жизнь :)

3. Html + css

Я обычно работаю по такому простому девизу:

«Все что делается с помощью html и css делается на html и css» :)

Используйте javascript (Jquery) только там где это действительно необходимо. Часто мы можем обойтись и без сторонних скриптов, которые увеличивают скорость загрузки страницы.

минимум javascript в коде

Например, выпадающее меню можно легко обойтись и без javascript’a.

4. Путь джедая…

Часто такое бывает, если вы работаете в офисы, то скорость для вас главное. Здесь мы теряем такую важную вещь, как совершенствование и оттачивание мастерства верстки.

путь верстальщика-джедая

Мы используем в разных проектах одно и то же. Поэтому стоит в свободное время, либо дома попробовать что-нибудь новое. Например, самое время перейти на html5 и css3, а также попробовать микроданные.

5. Чистота и порядок …

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

чистота и порядок в коде и голове :))

Например, все свои работы по веб-дизайну/верстке добавьте в папку с папкой для каждого проекта разделив на основные разделы, например:

  • - source (исходники, то что использовано было)
  • - pages/main (работа по верстке по версиям)
  • -info.txt (текстовый файл о том, что это за работа, сколько стоила, что было сделано, кто заказчик и т. д. Полезная информация для вас)

Работы по можно еще разделить по году и месяцу проекта.

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

Также старайтесь избегать разных хаков и нестандартных решений, которые скорее всего отображаются также нестандартно.

Используйте проверенные временем или собственными силами методы.

6. Таблицы для таблиц

таблицы в верстке

Отдельно хотелось бы поговорить о таблицах. Как раньше я говорил: «Я люблю таблицы … Таблицы стилей…». :)

К чему я это?! К тому что время таблиц прошло. Делать сайт на таблицах минимум не правильно. Но хочется отметить, что все же без таблиц нам не обойтись.

Обычно я использую таблицы ля табличных данных. Но некоторые вещи лучше будет сделать без дивов.

7. Практика, практика и еще раз практика.

практика верстальщика

Практика это одна из самых важных составляющих. Особенно для верстальщика. Основные рекомендации во время практических работ:

  • - использовать простой текстовый редактор (для того чтобы лучше выучить и запомнить теги)
  • - следить за семантикой, простотой, комментированием кода
  • - использовать разный подход к решению одной и той же задачи (совет ранее)

+ 1 «Не играй верстальщика, будь верстальщиком»

Совершенству-нет-предела

Это я перефразировал высказывание из мультфильма «Правдивая история о красной шапочке», где дровосеку говорят «Не играй дровосека, будь дровосеком!».

Также и с верстальщиками. Если вы думает, что это просто выучить html и css и можно работать, то вы ошибаетесь. Так как верстка — это искусство :) как бы это громко не звучало.

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

Поэтому если вам не интересно лучше не начинайте работу верстальщиком. Попробуйте себя в других направлениях.

Главное чтобы у вас был огонь в глазах, а стать гуру своего дела второстепенное.

супер верстальщик

Желаю всем стать первоклассными верстальщиками. А пока учитесь вместе со мной ;)

Надеюсь советы помогли вам в вашем пути джедая :)

с/у УтБ :???:
Статья написана при поддержке – iMacin.ru – интересного проекта об Apple.

Урок 2.2 Как вывести webmoney в Казахстане

Сегодня очередной урок по вебмани. И я расскажу как я вывожу небольшие суммы или как снять деньги с вебмани в Казахстане. Что такое вебмани я рассказывал в первом уроке.

В общем, статья о том,  как вывести webmoney в Казахстане  на свою кредитную карточку Visa/MasterCard через сервис — spasibo.kz.

Итак, что нам необходимо для начала сделать:

  • иметь деньги в кошельке webmoney;
  • иметь формальный аттестат в webmoney;
  • привязать свой номер телефона к аккаунту вебмани; – удобный и безопасный способ вывода денег;
  • иметь карточку в одном из банков Казахстана (далее есть в каких выгоднее);

webmoney в Казахстанекартинка с вебмани инфо

Spasizo.kz — сервис и его преимущества

О самом ресурсе можно почитать на официальном сайте.

Теперь о преимуществах.

В Казахстане имеются много ресурсов по выводу webmoney, но почему я использую именно этот:

  • при покупки/продаже webmoney не взимаются никакие комиссии; (со стороны самого ресурса!)
  • хороший курс валют (пока что лучше не встречал — руб/тнг);
  • купить WebMoney можно от самых мелких сумм — 300 рублей = 1500 тенге;
  • можно вывести наличными или на счет, карту;
  • быстрая транзакция средств на карточку (обычно в течении нескольких часов);
  • уведомления на телефон ввиде СМС (и конечно, на mail);
  • хорошая поддержка (онлайн чат, форум)
  • много материала переведено на казахский язык;
  • имеется партнерка — можно региться по моей и получать полезную информацию от меня ;) .

Говорить о том, что система безопасна думаю не стоит. Всегда стоит обезопасить себя, и вообще, вряд ли есть что-то всегда безопасное :)

Бизнес уровень spasibo.kz — Бизнес уровень Спасибо кз

Теперь давайте к сути поста.

Вывод webmoney на карточку

Итак, давайте приступим к самому процессу вывода или продаже вебмани.

1. Авторизуйтесь в системе и нажмите  «Продавть, вывести»  

как вывести webmoney в Казахстане

2. Заполните все данные как на картинке:

1. Введите сумму, которую вы хотите вывести с webmoney (у меня 1300 WMR);

2. Получу тенге: – здесь выберите способ получения денег (на свою карточку);

3. Введите данные карточки;

4. Введите данные — мобильный телефон, mail и Не забудьте ввести IBAN.

как вывести webmoney в Казахстане spasibo.kz

3. Нажмите  «Продолжить оформление заявки ->»  и затем ваши данные должны успешно пройти проверку:

как продать webmoney в Казахстане spasibo.kz

4. После того как вы нажали  «Продолжить обмен» , выберите способ оплаты через вебмани:

1. С помощью мобильного телефона: введите номер и жмите  «Далее» ;

2. можно воспользоваться программой keeper;

3. Другие способы.

как продать вебмани в Казахстане spasibo.kz

5. Дождитесь смски с кодом, после того как вам пришел код введите его и нажмите  «Подтверждаю платеж»  и все.

как быстро вывести webmoney в Казахстане

5. Поздравляю, операция успешно проведена.

как вывести webmoney на карточку в Казахстане

Ввернувшись в spasibo можно увидеть надпись:

Ожидайте зачислений операторами или провайдерами в рабочее время

Видео по продаже webmoney

Теперь кому интересно как продать (вывести) вебмани: (запись не моя и принадлежит spasibo.kz)

К сожалению, видео не получилось добавить, смотрите здесь.

Тарифы и проценты: или на чем проигрываем?

Думаю вам интересно, кому нужно платить и сколько. Давайте разберемся:

Ранее я написал, что spasibo.kz не взимают комиссий, т. к. они они выигрывают на разнице курса, а так как транзакций через них проходит необходимое количество, то они могут не сильную разницу ставить, выигрывая на количестве транзакций.

Комиссия webmoney — 0.8% Ее никто не отменял. :)

Комиссия банка — зависит от вашего банка.

По карточкам могу добавить:

Рекомендую выбрать карточку Казкоммерцбанк или Народного банка. Лично у меня народного банка и меня все устраивает. (напишу отдельную статью почему и как :) )

Почему эти банки?

…Комиссии нет у БанкТуранАлем, Казкоммерцбанк, Народный банк Казахстана, то есть выгодней в данное время держать карт-счета в этих банках. из статьи Spasibo.kz

Еще совет:

Если вы студент, то советую прийти со справкой с ВУЗа и оформить льготу по своей карточке.

Последний совет:

Используйте, безопасные карточки для интернет-транзакций (например, Visa Virtuon у Halyk банка)

В итоге, мы проиграли в разнице курса валют + 0.8% от суммы.

Полезные ссылки

Делюсь полезными ссылками:

Зарегистрироваться на sapsibo.kz — моя рефка (можно будет получить мои консультации)

Начать пользоваться spasibo.kz

Частые вопросы по ресурсу spasibo

О webmoney на казахском языке (!)

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

с/у УтБ

Транспортная компания предоставляет услугу – Грузоперевозки Казахстан Россия. Для вас хороший сервис грузоперевозок и большой опыт.
Делюсь видео, по совету одного из комментаторов блога ;):

Конкурсная статья «Лучший пост об ID Host»

Приветствую всех посетителей моего скромного блога — Gtalk.kz. Сегодня, я не мог не поучаствовать в конкурсе казахстанского хостинга Idhost.kz за лучшую статью. Ранее почему-то я участвовал, только в российских конкурсах :) Будем исправляться и покорять родной край. :)

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

Презентация IDHost

Итак, думаю говорить об компании idhost.kz нет смысла, так как:


Презентация ID Host from talgautb

К презентации могу только добавить проекты, которые являются клиентами фирмы:

Клиенты ID Host

Имеющиеся проблемы

Похвалили теперь самое время «спуститься с небес на землю» и поговорить о минусах, а также текущей ситуации. Выделим несколько рассмотренных мной проблем:

ТЕХПОДДЕРЖКА

support

Если вы уже читали мой блог, то ранее я писал в статье «Обзор: техподдержка хостинг компаний» о том, как я отписывал техподдержке компаниям и ждал ответа с секундомером в руках :)

А вот та, самая табличка.

Обратите внимание на idhost.kz, не лучшие показатели. В общем много критики было именно в сторону техподдержки.

отзывы

отзывы об Id host

Честно, сказать я и раньше (2009) не в восторге был от техподдержки.

Поэтому, чтобы было о чем писать я зарегил  Бесплатный хостинг  и написал техподдержке 17 декабря в 21.45 (Астана):

А вот и ответ (обратите на время – в правом верхнем углу):

Радует, что поддержка распространилась и на социальные сети facebook и twitter.

хостинг idhost на facebook

Info: техподдержка хромает!?! Да, и не потому, что это ID Host, а так у всех наших хостинговых компаний.

В государственный праздник (17.12) вечером (21.45) я получил ответ, что не может не радовать. Однозначно, фирма делает успехи.

ПАНЕЛЬ УПРАВЛЕНИЯ ХОСТИНГОМ

Сразу скажу, что как было все так и осталось.

панель управления хостингом

Сама по себе система Parallels хорошая, но как так умудриться и усложнить ее я до сих пор не нахожу ответа на свои вопросы. Но надеюсь все исправиться в ближайшее время.

Для меня это один из важных фактором при выборе хостинга :(

СИСТЕМА ОПЛАТЫ

Система оплаты услуг выглядит следующим образом:

Хотелось бы больше вариантов, при том, что для этого есть все инструменты и возможности. Наиболее востребованы: webmoney, ЯД, qiwi и др. ОСМП.

А цены в среднем неплохие, присмотритесь.

стоимость хостинга

Спам и мусор в поддоменах

Не знаю проблема это или нет. Возможно, кому-то и порн*ха это хорошо, но замечено такое (самое безобидное выбрал :) ):

spam-на-idhost

А таких спам страниц много (видео, фото и т.д.) на поддоменах idhost.kz, что сказывается на индексации и отношении поисковых система ко всем сайтам на поддоменах.


Пожелания

лучший пост об Id host

В принципе это все, что я хотел рассказать об Idhost.kz. Подводя итог статьи, можно сказать, что у ID Host есть все возможности и ресурсы отличной хостинговой площадкой, на которую будут ровняться и другие, а это значит, что рынок будет конкурентным и только на пользу простым вебразработчикам.

Что необходимо сделать в первую очередь:

  • улучшить юзабилити панели управления хостингом;
  • централизовать оплату, заявку в службу поддержки, покупку домена и хостинга в единую систему;
  • улучшить техподдержку (поддержка по скайпу,  icq, онлайн чат);
  • уведомления по смс, индивидуальный подход к клиенту;

Надеюсь, всем было интересно. И вы поможете мне сделать себе подарок на день рождения и новый год :)

подарок от id host

Удачи всем в развитие казнета! :)

Пример сайта на ID FREE Host

Помогаем мне лайками и твиттами ;) А вот это страница поддержки и отчета до окончания конкурса :)

с/у УтБ

UPD: iphone5 выиграл :) спасибо всем. (вот пруф)

Урок 1 Webmoney: Введение в систему online расчетов

Приветствую, вас на боге Gtalk.kz. Сегодня начинаем новую серию уроков по электронным платежам в интернете, потому как если вы хотите заработать денег в интернете, то уметь пользоваться такими системами обязаны. И начнем, с пожалуй, самой популярной международной системы online расчетов – Webmoney (на русском звучит как Вебмани). Что же такое webmoney?

Оглавление по урокам электронных платежей – webmoney

  1. Урок 1 Webmoney: введение
  2. Урок 2 пишется… :)

На сегодня вебмани популярна среди разработчиков и популярных ресурсов, ею постоянно что-то покупаю и расплачиваются в интернете. Все это благодаря качеству и недорогой комиссии со стороны системы (0,8%).

Webmoney логотип

На сегодня существуют несколько валют в системе (точнее их эквиваленты 1:1):

 WMR – также известны как рубли;

 WMZ  – USD, т.е. доллары;

А также: WM – украинские гривны (-U), евро (-E) и белорусский рубль (-B),  ну и в добавок золото (WMG).

Ранее в системе существовали и узбекские сумы (-Y). Но на данный момент их уже нет в системе.

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

После регистрации в системе вы получите   12-значный WM-идентификатор (WMID) , например, WMID#123456789100. Наподобие своего счета в банке, на который вы можете открыть (создать) произвольное число кошельков (аналог карточек в банках).

WM-кошельки (или просто кошельки) – имеют вид Z123456789100,

  • где Z – буква эквивалент денежных средств (z – доллары, см. выше);
  • 123456789100 – 12-значный номер кошелька.

Для соответствующего кошелька используется соответствующие денежные единицы: для рублей –WMR, для долларов – WMZ (наиболее используемые в сети, поэтому создайте сразу 2 кошелька, либо выберите один).

что такое webmoney

После регистрации каждый пользователь в системе получает WM-аттестат – «Аттестат псевдонима». Всего существует 5 аттестатов:

  • аттестат псевдонима – автоматически присваивается новым пользователям; – бесплатно.
  • формальный аттестат – необходимо ввести паспортные данные – бесплатно; У меня сейчас формальный. Для небольших операций в интернете более чем достаточно.
  • начальный аттестат – паспортные данные проверяются персонализатором (участник не ниже персонального) – платно;
  • персональный аттестат – считается основным аттестатом системы webmoney для пользователей – платно; (есть разновидности, например, аттестат продавца)
  • аттестат регистратора – платно (для пользователей не нужен);

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

Вот в принципе все основное о системе webmoney. Также более подробную информацию можно найти по следующим ссылкам.

Полезные ссылки:

О системе вебмани

Статистика системы: количество совершенных операций и т.д.(посмотрите масштабы)

Wiki Webmoney – энциклопедия вебмани.

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

с/у УтБ

Если вам требуется купить или продать машину в Мосвке, то авторынок automobile.ru – лучшее решение

Делюсь, с вами друзья, видео Псой Короленко – остров, в котором все есть; вынес мне мозг :) смотрим до конца))

Установка Joomla 3.0 на Денвер

В данной статье вы узнаете как устанавливать Joomla 3.0 на локальный сервер – Денвер. По сути, установка джумла разных версий от 1 до 3 схожа, основное отличие в внешнем оформлении.

Подготовка к установке Джумла

Что вы уже должны были сделать:

Сейчас пройдите денвер и создайте в папке home новую папку, например, site.kz (можете свое хоть site.loc) с вложенной папкой www.

Теперь разархивируйте joomla 3.0 в данную папку (www). У вас получится следующее:

Как установить joomla 3.0

Запустите Денвер и введите свой адрес сайта. У меня это site.kz

Если Денвер был уже запущен, то перезапустите его (Restart).

Установка Joomla 3.0

Теперь непосредственно сама установка Joomla.

Откройте браузер и введите адрес нашего сайта. У меня это site.kz. Видим такую картину:

Как установить joomla на денвер шаг 1

Конфигурация сайта.

Вводим данные:

  1. Название вашего сайта – обязательно
  2. Описание сайта (description) – необязательно
  3. Ваша электронная почта – обязательно
  4. Логин администратора – обязательно, по умолчанию admin, можно изменить
  5. Пароль администратора – обязательно
  6. Повторите пароль еще раз – обязательно
  7. Нажмите «Далее»

Конфигурация Базы данных.

Как установить джумла 3.0 на локальный сервер шаг 2

Первые две строчки Тип базы данных и «Имя сервера базы данны», как говорится, в 99 из 100 случаев не изменяем.

  1. Имя пользователя – root, не требует пароля;
  2. Пароль – не нужен если пользователь root;

Если вы хотите добавить пользователя и задать ему пароль, то для начала создайте «Нового пользователя БД» в phpmyadmin.

  1. Имя БД – придумайте имя для вашей базы данных, латинскими буквами;
  2. Префикс для таблиц – изменять необязательно.
  3. Жмем «Далее»

Действие с уже имеющимися таблицами (если вы устанавливаетев базу данных, где есть какие-то данные, то с ними (данными) можно) – переименовать или удалить!

Обзор

Как установить джумла 3.0 на локальный сервер шаг 3

Завершаем установку Joomla 3.0

  1. Установка Демо-данных – необязательно:
    1. Нет – сайт будет пустым, т.е. без статей;
    2. Остальные Демо-данные будут в выбранном стиле, например, Блог – в стиле блога
    3. Обзор – выберите «Да». И на ваш mail отправятся конфигурация сайта. (Рекомендую! Всегда думайте о безопасности и бекапе данных!)
    4. Нажмите «Установка»

Внизу «Обзора» вы можете посмотреть конфигурационные данные и рекомендуемые настройки сервера.

После завершения установки:

  1. удалите папку installation, нажав на оранжевую кнопку;
  2. Взгляните на полученный сайт и админку сайта.
Завершение установки joomla на денвер

Поздравляю, теперь вы можете устанавливать joomla на локальный сервер, в нашем случае Денвер.

Не стесняйтесь, задавайте вопросы в комментариях или на форуме о joomla.

с/у УтБ

конкурс от seocafe под интересным названием SEOCAFEstateinost

Не знаю как вам, а меня веселит этот кореец PSY :)

10 бесплатных способов тестирование адаптивной верстки

В интернете есть такое понятие Responsive web design, т.е. “отзывчивый дизайн”. Сейчас данный термин на русском звучит как “Адаптивный веб-дизайн”, отсюда и название вида верстки.

Суть в двух словах: используя css media запросы по размеру экрана “подсовывать” нужные css стили. Подробнее можно почитать тут.

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

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

С помощью данных ресурсов можно посмотреть как выглядит ваш сайт для мобильных устройств.

Давайте рассмотрим возможные на сегодня бесплатные варианты. С удовольствием добавлю, если что-то упустил.

1. Изменение ширины браузера.

Казалось бы, ведь кто будет заниматься этим?! А зачем самому подбирать мышкой размеры?
Но ведь есть добрые люди и есть решения в виде плагинов для браузеров:

  • Google Chrome – Плагин Window Resizer. Загляните в блок “Похожие”, если не понравился данный плагин.
  • Opera - Resize Me

2. Закладки в браузер

Также суть в изменении размера окна браузера.
Я нашел 2 варианта:

  1. - Resizer

    проверка сайта на адаптивную верстку
  2. - Responsive Design Test – настраиваемый. Можно сгенерировать необходимые размеры устройств на странице на свой вкус. ;)

Для использования на страницах перетащите ссылку на свой браузер и все можно использовать.

3. Responsivepx

http://responsivepx.com

сервис responsivepx
Вводим свой адрес сайта, выбираем нужные параметры: ширину и высоту.

4. Resize My browser

http://resizemybrowser.com/

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

5. Screenfly

http://quirktools.com/screenfly/

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

6. Screenqueri

http://screenqueri.es/

онлайн ресурс проверки мобильности сайта

Интересный ресурс для проверки онлайн вашего сайта на разных планшетах и смартфонах.
При чем очень большой выбор: продукция от apple, samsung,htc,blackberry,LG,Nokia и др. Есть также возможность ручного изменения размеров экрана.

7. Responsinator

http://responsinator.com

Особенность ресурса в том, что вывод сайта осуществляется в виде устройства как на картинке. Вот так вот выглядит мой блог на galaxy.

как выглядит сайт на смартфоне на андроид

8. Plastilin5

http://plastilin5.com/tools/

А вот так вот выглядит мой блог на айфоне с разрешение 320*480 на ресурсе plastilin5.

как выглядит сайт на iphone

9.Mattkersley

http://mattkersley.com/responsive/

Еще один сервис, где можно посмотреть как будет ваш сайт смотреться на мобильных устройствах типа смартфоны и айфон. Имеется только 4 варианта устройств. Настроек нету.

проверить сайт на адаптивную верстку

10. Использование iframe

Интересный вариант с использованием iframe’ов есть на github.
Суть: редактируем html файл с нужными значениями ширины экрана и закидываем в директорию с сайтом, загружаем наш файл и в фреймах должен появиться нужный нам сайт в вариантах на девайсах.

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

с/у УтБ

Если хотите что-нибудь продать из рук в руки, разместить объявление, то вам надо просто подать бесплатное объявление в Москве на сайте барахолки Sindom.ru

На десерт сегодня видео танцора-путешественника Мэта:

Руководство: Как установить шаблон или компонент на Joomla: 4 способа

Ранее в моих уроках, я учил вас делать самим шаблон для Joomla 2.5 . В данной статье для новичков, использующих joomla, я расскажу, как можно  установить тему или шаблон на cms несколькими способами.

В общем, это дело не сложное, просто выберите один из способов. Первый способ наиболее прост и обычно пользуется им большинство.

Внимание! При установке шаблона убедитесь, что он совместим с данной версией шаблона!

Joomla 2.5 Установка шаблона

Я покажу, как поставить шаблон на joomla версии 2.5 (последняя версия на данный момент), но суть в общем одна. Данными способами можно установить не только шаблон, но и компоненты, модули и плагины джумла. Я буду показывать примеры на шаблонах. ;)

1 способ: автоматическая установка – Загрузить файл пакета:

У вас есть заархивированный шаблон на компьютере, назовем  Tt_tmp.zip 

    1. Войдите в панель управления сайтом по адресу: site.kz/administrator
    2. Пройдите в «Менеджер расширений»Как установить шаблон на Joomla 2.5
    1. В разделе «Загрузить файл пакета» выберите свой файл (Tt_tmp.zip) на компьютере и нажмите «Загрузить и установить»Как установить шаблон на Joomla 2.5
    2. Если шаблон установлен, то вы увидите надпись описывающую шаблон, либо просто не будет ошибок как на картинке:Как установить шаблон на Joomla 2.5

Возможные распространенные ошибки:

Не удалось найти XML-файл установки

JInstaller: :Install: Не удалось найти XML-файл установки

Ошибка «говорит», нам о том, что XML файл отсутствует и скорее всего, вы устанавливаете НЕ шаблон для joomla. Откройте свой архив, возможно, необходимо вначале разархивировать его и затем выбрать сам шаблон.

    1. Теперь перейдем в раздел «Менеджер шаблонов»Как установить шаблон на Joomla 2.5
    1. Найдите установленный шаблон и нажмите на серую звездочку справа, для того чтобы сделать шаблон по умолчанию для сайта.Как установить шаблон на Joomla 2.5
  1. Войдите на сайт и радуйтесь своему шаблону.

Возможные распространенные ошибки:

Некоторые страницы имеют другой шаблон: что делать?

Обратите внимание в разделе «Менеджер шаблонов» на зеленые галочки. Это значит, что данный шаблон назначен шаблоном для определенных страниц.

Как установить шаблон на Joomla 2.5

Решение: нажмите на шаблон и в разделе «Привязка к меню уберите галочки».
Как установить шаблон на Joomla 2.5

2 способ: установка в ручную – Установить из каталога.

  1. Загрузите свой шаблон в папку tmp вашего сайта на Joomla. Внимание НЕ архив, а папку с вашим шаблоном;
  2. Пройдите в «Менеджер расширений»;
  3. Введите название вашего шаблона (папки в tmp) в разделе «Установить из каталога» и нажмите «Установить»;Как установить шаблон на Joomla 2.5

Возможные ошибки:

Пожалуйста, укажите каталог пакета

Скорее всего, вы указали не папку, а например zip файл. Укажите папку, в которой уже распакован ваш архив.

3 способ: автоматическая установка – Установить из URL

  1. Вы нашли в интернете шаблон, скопируйте ссылку на скачивание шаблона, НЕ скачивайте шаблон;
  2. Войдите в «Менеджер расширений»;
  3. В разделе «Установить из URL» вставьте ссылку на скачивание шаблона;
  4. Нажмите кнопку «Установить»;

Возможные ошибки:

Неизвестный тип архива

Введите правильный url для скачки. Возможно кнопка на сайте «Скачать шаблон» ведет на другой сайт.

4 способ: «быдло способ».

  1. Разархивируйте свой шаблон и скопируйте в папку templates вашего сайта либо скопируйте архив, а затем разархивируйте в папку templates;
  2. Откройте раздел «Менеджер шаблонов»;
  3. Ваш шаблон должен появиться в списке;

Надеюсь, вам поможет данная информация. Повторять в каждом способе не стал, о том как поставить шаблон по умолчанию. (описано в 1 способе)

А вы каким способом пользуетесь? делимся :)

с/у УтБ

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

На десерт сегодня видео о том, как правильно упаковывать вещи в дорогу :) никогда не получалось))

Авторы сайта: О humans.txt

Сегодня я бы хотел поговорить об авторах сайта. Представим ситуацию, думаю часто такое бывает, вам понравился сайт, и теперь вы хотите узнать кто его сделал, кто участвовал в разработке: верстал, рисовал дизайн, кодировал и т.д.

В общем, мы должны знать своих героев. :) Можно разместить ссылки на каждого, разместить код и т.д. Но можно использовать humans.txt.

    Что такое humans.txt ?

что такое humans txt

Это идея знакомства с людьми, которые создают или принимают участие в создании сайта. Это текстовый файл, который содержит информацию о веб-разработчиках, сеошниках, дизайнерах (в общем всех) и тем, кому мы бы хотели сказать спасибо. Что-то типа титров в фильме. :)

Группа разработчиков решила решить проблему знакомства с разработчиками и пользователями сайта через создания текстового файла с названием humans (по аналогии с robots.txt).

Интересен и слоган:

логотип humans.txt

Мы люди, не машины.

Обязанности.

Вы, конечно, не обязаны это делать. Это на добровольной основе.

Стандарты.

Для robots.txt есть свой стиль написания, для humans такого нету. Но разработчики предлагают придерживаться следующего написания файла:

/* TEAM */

Your title (роль в проекте): Твоё имя.
Site (Как найти): электронная почта, ссылка на форму обратной связи, т.д.
Twitter: твой ник на твитере.
Location (Местоположение): Город, Страна.

/* THANKS */

Name (Имя): имя или адрес сайта

/* SITE */

Last update (Обновлено): YYYY/MM/DD
Standards (Стандарты): HTML5, CSS3,..
Components (Компоненты): Modernizr, jQuery, etc.
Software (Программное обеспечение): ПО, использованное для разработки

Кто использует?

Из сайтов на русском, кто использует данный файл:

– шаблон html5boilerplate, т.н. «пуленепробиваемый»;

– http://css-tricks.ru;

– http://zotovstudio.com;

– http://conjugate.it

Думается таких не мало :) Можете также взглянуть на моем сайте – www.gtalk.kz/humans.txt. Также может вы видели иконку в самом низу блога.

Как добавить humans.txt ?

Для этого просто закачайте в корневую папку своего сайта и поставьте ссылку в head :

<link type="text/plain" rel="author" href="http://site.kz/humans.txt" />

Я вот решил, теперь на свои сайты добавлять такой файл. Почему для роботов есть, а для людей нету? :)

А вы добавляете humans.txt ? Если нет то почему? Предлагаю обсудить.

с/у УтБ

__

Вы красива и мечтаете стать моделью? Агентству требуются модели на выставку (презентацию). Не пропустите!

Интересно, когда я также хорошо освою фотошоп :)

Куда добавить Rss ленту: 72 ресурса для вашего сайта

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

Наверное, вы уже прочитали или знали, что для ускорения индексации сайта, можно как способ использовать rss агрегаторы и добавления rss ленты с помощью Rss adder.

Кстати, программа помогает работать и немного автоматизирует рутинную работу.

rss-adder-программа добавления rss ленты

Итак, для вас я собрал актуальные 72 ресурса, куда вы можете добавить свой сайт. На некоторые из них требуют регистрацию. Я их в конце списка расположил – последние 7 ресурсов + некоторые временно не работали (как они утверждают), поэтому не удивляйтесь, но таких парочку.

72 сайта, куда добавить вашу rss ленту

Можно скачать txt файл в конце статьи. ;)

            Если вы нашли ресурс, куда также можно добавить свою Rss ленту сайта. Обязательно отпишите мне в комментариях, либо по email.

А теперь маленький подарок. Все данные ресурсы я сделал в формате для RssAdder. Скачайте программу, добавьте файл мой RssAdder.ini и приступайте к добавлению своего ресурса.

Для удобства отредактируйте мои данные:

[BLOG]
URL=http://gtalk.kz
TITLE=Верстка, создание и продвижение сайтов
RSSURL=http://feeds.feedburner.com/gtalkkz
EMAIL=mail@mail.ru
KEYS=верстка сайтов, продвижение сайтов, создать сайт с нуля
DSC=Блог о том, как создать и начать продвижение сайта.

Введите свои данные и потом запускайте RssAdder.

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

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

Надеюсь, это полезная статья и вам пригодилось, если так жмите кнопки внизу. ;)

с/у УтБ

RssAdder (408) Список для Rss ленты 72 (604)

___

Услугу ликвидация ооо необходимо доверять профессионалам своего дела.

Как же я скучаю по этому сериалу :)