Приветствую пользователей скромного блога Gtalk.kz. Сегодня я решил рассмотреть 2 самых популярных текстовых редактора для написания кода, не важно какого. Так как я не программирую, а могу верстать, могу не верстать, то я и хотел назвать топик программа для верстки сайта: Notepad++ vs Sublime Text, но потом передумал
Собственно перед вами два героя битвы всем известный старый добрый notepad++ и новый набирающий популярность Sublime Text.
Да начнется холивар:
Кстати, можете добавлять в комментах параметры для сравнения, я добавлю
Сравнение Notepad++ vs 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
и т.д. вплоть до казахского
* можно скачать и пользоваться бесплатно, но иногда будет выскакивать окошко с просьбой купить сей продукт
Что еще добавить особо не знаю, так как по возможностям они равны в принципе, а остальное решается с помощью плагина. Например, Dimox расхваливает Sublime Text, но все это есть и у Notepad++.
Единственное, кросcплатформенность sublime text может завлечь тех кто постоянно перебегает от одно оси к другой.
Мне Notepad++ хватает для редактирования и пока что не собираюсь переходить.
Время идет и я перешел на Sublime Text 2. Теперь понимаю почему многие перешли на него :). Так что советую всем ;).
Возможно, просто всем захотелось, что-то новое и старый редактор приелся?
А вы каким пользуетесь и почему??
с/у Талга УтБ
Кстати, если вы еще не видели отличный клип от Biting Elbows
Приветствую вас на блоге www.gtalk.kz. Сегодня я расскажу еще об одном интересном ресурсе – Яндекс.Диск . Скорее всего уже многие из вас о нем слышали, но мало кто им пользовался. Давайте узнаем что такое Яндекс диск, как пользоваться ресурсом, как увеличить объем диска от яндекс и т.д.
Кстати, ресурс аналог dropbox, о котором я писал в статье Дропбокс – лучшее облачное хранилище.
В двух словах: сервис yandex, на котором можно хранить свои файлы, а также синхронизировать их с разными устройствами. Собственно, по функционалу это тот же Google Drive и Дропбокс и т.д. Появился относительно недавно 5 апреля 2012 года.
Начинаем пользоваться
Для того чтобы использовать сервис достаточно иметь почту на яндексе.
Перейдите по ссылке, зарегистрируйтесь в яндекс почте или просто войдите, если есть аккаунт (по идее он у вас должен быть обязательно, как у вебмастера).
Вот и все, нажимайте кнопку «начать работу с Диском».
Еще сервис работает под:
Iphone
Android
Посмотрите видео:
Скачайте приложение сервиса, например, под windows.
В конце по установке не забудьте снять галочки, это стандартный набор Яндекса, чтобы продвинуть свои ресурсы, если, конечно, вы не хотите ими пользоваться.
После установки появиться окно входа. Введите свой логин и пароль.
Появиться иконка, по нажатию правой кнопки появиться меню. В принципе, все как в дропбокс. Можно настроить папку в которую будут синхронизироваться ваши файлы с яндекс диска (настройки -> Основное)
Вот так это смотреться у меня
Установим Яндес Диск на телефон
Введите в поиске appstore или google play «Яндекс Диск». Нажмите Free и Установить соответственно.
Немного картинок как это выглядит:
Как увеличить объем Яндекс Диска?
В принципе, в начале использования сервисом вам предлагают возможные варианты увеличения объема до 10 Гб памяти простыми движениями + 10Гб за приглашенных друзей (по 0,5 Гб за душу друга + 1Гб вашему другу, так что регайтесь по моей рефке ), а изначально вам дают 3 Гб бесплатно:
Установите Яндекс.Диск для Windows (от XP до 8 версии)/Mac + 3 Гб
Загрузите пару файлов с помощью программы + 2Гб
Рассказать друзьям +2Гб (понажимайте на социальные кнопки)
Тут интересно, что не обязательно сообщать в социальную сеть, важно просто само нажатие ;)
Пригласить друзей до + 10Гб
Сравнительная таблица Dropbox и Яндекс.Диск
Давайте сравним основные параметры облачных хранилищ от двух компаний. (нашел данные в интернете и свое добавил )
Параметры сравнения
Dropbox
Яндекс.Диск
Бесплатное доступное место в Гб
2
3
Бесплатное возможное увеличение объема (Гб)
До 18 (0,5 за инвайт)
До 20 (0,5 за инвайт)
Платные тарифы
+
до 10 Тб
-
Максимальный размер файла через браузер/приложение
300 Мб / Без лимита*
2 Гб / до 10 Гб
Программа для Windows
+
+
Mac
+
+
Linux
+
-
Iphone
+
+
Android
+
+
Другие ОС
BlackBerry
-
Расшаривание файлов (публичные ссылки)
+
+
Редактирование онлайн документов
-
-
Совместное редактирование документов
-
-
Восстановление предыдущих версий файлов
+
В теч. 30 дней
-
Из корзины (занимает место)
Синхронизация любой папки
-
+
После установки в настйроках
Поиск по файлам
+
-
Потребление памяти (загрузка файла, МБ)*
53
7
Потребление памяти (МБ)*
44
5
Время загрузки файла (сек)*
132
100
WebDav
-
+
Дополнительное преимущество
Работа с почтовыми вложениями Яндекс Почты, Яндекс Переезд
Минусы системы
Отсутствие русского перевода сайта и приложений
Нет возможности увеличения объема больше 20 Гб
*естественно если у вас объем 2Гб, то вы не сможете закачать файл размером более 2-х Гб;
**данные с itc.ua – я за них не в ответе :)
Посмотреть можно в Google Docs.
Если вы надумали зарегистрироваться в яндекс диске, не забывайте обо мне
Вместо вывода: Как видите, если вы простой пользователь и вам порой просто необходимо использовать облачное расширение для компьютера и телефона дома и на работе, то преимущество на стороне Яндекс Диска, но по прежнему Дропбокс лучшее решение именно в свой отрасли. Все зависит от ваших потребностей. Если вам необходимо еще и редактирование файлов, совместная работа с файлами, то подождите немного и я сделаю обзор Google Drive и сравним облачное хранилище от гугл
А каким сервисов вы пользуетесь? Делитесь в комментариях.
Сегодня новая интересная подборка. Из заголовка понятно, что я вам предлагаю бесплатные социальные иконки на ваш сайт. От самых простых до странных и интересных. Выбирайте то, что вам по нраву. Кстати, все ссылки ведут к авторам и в формате PSD.
Рекомендую прочитать лицензию распространения авторов иконок и кнопок.
Кстати, эти статьи, скорее всего, будут вам интересны:
В интернете есть такое понятие Responsive web design, т.е. “отзывчивый дизайн”. Сейчас данный термин на русском звучит как “Адаптивный веб-дизайн”, отсюда и название вида верстки.
Суть в двух словах: используя css media запросы по размеру экрана “подсовывать” нужные css стили. Подробнее можно почитать тут.
Для успешной верстки необходимо проверить выполненную работу адаптации. Логично предположить проверку через нужный девайс, т.е. на “живом” устройстве. Вторым более логичным будет изменение размеров окна браузера. Но правильнее будет, как и в случае с проверкой кроссбраузерности использовать сервисы, например онлайн или эмуляторы устройств.
Получается 3 возможных варианта. На реальных девайсах рассматривать не будем Кто чем богат. Конечно, в живую намного удобнее и приятнее проверять, но запастись таким количеством устройств не простая задача.
С помощью данных ресурсов можно посмотреть как выглядит ваш сайт для мобильных устройств.
Давайте рассмотрим возможные на сегодня бесплатные варианты. С удовольствием добавлю, если что-то упустил.
1. Изменение ширины браузера.
Казалось бы, ведь кто будет заниматься этим?! А зачем самому подбирать мышкой размеры?
Но ведь есть добрые люди и есть решения в виде плагинов для браузеров:
Google Chrome – Плагин Window Resizer. Загляните в блок “Похожие”, если не понравился данный плагин.
- Responsive Design Test – настраиваемый. Можно сгенерировать необходимые размеры устройств на странице на свой вкус.
Для использования на страницах перетащите ссылку на свой браузер и все можно использовать.
3. Responsivepx
http://responsivepx.com
Вводим свой адрес сайта, выбираем нужные параметры: ширину и высоту.
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.
9.Mattkersley
http://mattkersley.com/responsive/
Еще один сервис, где можно посмотреть как будет ваш сайт смотреться на мобильных устройствах типа смартфоны и айфон. Имеется только 4 варианта устройств. Настроек нету.
10. Использование iframe
Интересный вариант с использованием iframe’ов есть на github.
Суть: редактируем html файл с нужными значениями ширины экрана и закидываем в директорию с сайтом, загружаем наш файл и в фреймах должен появиться нужный нам сайт в вариантах на девайсах.
Надеюсь, информация по проверке адаптивной верстке была для вас полезна. Не забудьте просто посмотреть на свой сайт с других устройств и задумайтесь, а может стоит и подумать о людях, сидящих с телефонов??
Если хотите что-нибудь продать из рук в руки, разместить объявление, то вам надо просто подать бесплатное объявление в Москве на сайте барахолки Sindom.ru
На десерт сегодня видео танцора-путешественника Мэта:
Сегодня я бы хотел поговорить об авторах сайта. Представим ситуацию, думаю часто такое бывает, вам понравился сайт, и теперь вы хотите узнать кто его сделал, кто участвовал в разработке: верстал, рисовал дизайн, кодировал и т.д.
В общем, мы должны знать своих героев. Можно разместить ссылки на каждого, разместить код и т.д. Но можно использовать humans.txt.
Что такое humans.txt ?
Это идея знакомства с людьми, которые создают или принимают участие в создании сайта. Это текстовый файл, который содержит информацию о веб-разработчиках, сеошниках, дизайнерах (в общем всех) и тем, кому мы бы хотели сказать спасибо. Что-то типа титров в фильме.
Группа разработчиков решила решить проблему знакомства с разработчиками и пользователями сайта через создания текстового файла с названием humans (по аналогии с robots.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 :
Вот и я решил написать о великом и могучем … Dropbox’e. Думаю, уже многие знают, что это и как пользоваться данным сервисом. Учитывая это, я сделал интересный тур по дропбоксу на основе Dropbox tour.
Именно с данной презентации мы и начнем. Переходим на русский гид по Dropbox и возвращаемся назад. И так, что такое и суть его вы уже знаете. Надеюсь, вы уже нажали на кнопку скачать Dropbox на предыдущей странице, если нет, то тогда ссылка(реф). Что необходимо сделать:
Зарегистрироваться на сайте;
скачать приложение для вашей операционной системы;
в появившуюся папу «Dropbox»можно положить все что угодно (ограничиваясь 300 Мб), и все тут же появится на сайте Dropbox.com. Вас ограничивает 2 Гигабайта памяти.
Вот и все. Теперь на работе произведете то же самое (кроме регистрации п.1) и будут вам «все, что угодно» из дома.
Как увеличить объем на дропбоксе?
Возможно, вы не знали, но бесплатно можно расширить свой объем памяти до 16 Гб. У меня сейчас (4,5 Гб). Добавить себе памяти можно следующими способами:
Пригласить друга – 500 Мб/друг;
Набрать рефералов – 500 Мб + 250 Мб зарегистрированному, т.е. регистрируясь по моей реферальной ссылке, вы получаете 2 Гб + 250 Мб. Выгодна и мне и вам Так, что не стесняемся. Ссылку для своих рефералов ищите здесь
«Расшарить» папку для друзей/коллег, т.е. открыть общий доступ для них; Для своих посетителей я сделал такую – вот. Там подарочек
Пригласить друзей (твитнуть и отправить сообщение в facebook);
Установить мобильное приложение сервиса.
Следить за новостями компании, так как они часто делают подарки.
Мобильный Dropbox
Продвинутые пользователи (например, как я:)), используют и мобильное приложение для даного сервиса – ссылка Поддерживаемые устройства:
Android;
Iphone;
Ipad;
BlackBerry;
KindleFire.
Говорить можно много, но пока сам не пощупаешь, не поймешь, что есть что.
Раньше я постоянно, использовал флешки для того, чтобы переносить информацию для завершения ее дома. Теперь все изменилось, я больше не кипячуиспользую Dropbox.
И вот, наконец, для самых ленивых верстальщиков был придуман специальный плагин для Фотошопа, который конвертирует стили в css файл.
Уже вижу довольные лица. Если вам интересно, что же это за плагин и что он из себя представляет, можете взглянуть на видео в конце статьи. А также посетить сайт плагина.
Отметим, что в коде используется css 3. Пример кода можно посмотреть здесь. (то что рисуют на видео).
Теперь перейдем к теме: как установить и пользоваться данным плагином.
Как установить плагин в Photoshop.
На видео видно как установить плагин. Немного прокомментирую с картинками.
1. Скачайте плагин, кликнув на главной страницы на кнопку Download for CS5, CS6 или Download for CS3, CS4 в зависимости от версии Фотошопа.
2. Запустите скаченный файл.
3. Принимайте условия.
4. Проверте, что слева от названия стоит галочка, закройте приложение.
5. Откройте фотошоп, и активируйте плагин.
на Mac
на Windows
Как пользоваться плагином css3ps?
Очень просто. После активации появится окошко с логотипом css3ps. После создания элемента (например, квадрата с закругленными концами), выделите нужный слой (слой с квадратом с закругленными концами) и нажмите на иконку Css3ps. После этого откроется сайт с картинкой и стилем css к нему. Скопируйте и радуйтесь.
Внимание! Рисовать придется по четче и качественно. Не выдумывайте слишком сложное.
Надеюсь данный плагин поможет вам в освоении верстки сайта, и упростить вам работу.
с/у УтБ
Сегодня, я делаю обзор полезного бесплатного софта, который, надеюсь, будет вам полезен. Название данному инструменту для блоггеров – Scrabber – бесплатный онлайн сервис создания скриншотов любой области экрана.
Пользоваться данной программой могут как с операционной системой windows, так и те, кто сидит на Mac’e. Для остальных, к сожалению, пока (надеюсь) версий нету.
Очень интересно обыграна программа. Главный герой – Мистер Краб, который и «вырезает» нам с вами необходимые картинки.
Что можно делать программой scrabber:
Выделять область в экране и копировать на сервер, получая несколько вариантов ссылок на картинку
Поделиться с друзьями, коллегами в соцсетях
Готовые ссылки в версиях: прямая ссылка, html версия и bb код для форумов
Кому полезна программа:
Всем, особенно работникам интернета. :smile: Удобно показывать баги, ошибки на сайте: выделил область, отправил ссылку.
Как начать пользоваться:
Зайдите на сайт и скачайте софт, нажав «поймать скраббер» для windows или mac.
Установите программу и начинайте пользоваться. Запустите программу, выделите область, немного подождите и в браузере по умолчанию откроется вкладка со скриншотом.
Как пользоваться скраббером. Инструкция в картинках:
Минусы программы или чего не хватает
Лично мне не хватает в программе:
Привязки к аккаунту (при смене компьютера или переустановки теряются все ваши картинки) :lol:
Улучшить скорость отклика программы (иногда, скорее всего провайдер шалит)
Возможность «вырезки» элементов при наведении, активных и т.д. (не знаю правда как это будет выглядеть)
Возможность регулировать водный знак Scrabber.net (иногда на полкартинки или закрывает нужное), либо отключение данной функции :-)
Надеюсь обзор был для вас полезным и интересным, не забываем поделиться с друзьями и отписываться в комментариях. :???:
З.ы. На сайте scrabber.net, не забудьте кликнуть на дворника
З.ы.ы. А вы какой программой пользуетесь? Как вам такой софт?
Инфографика – это визуальное представление информации. Сегодня инфографика довольно популярный метод представления информации, но сделать ее не так просто, хотя результат весьма интересен.
Инфографику можно найти везде: журналах, брошюрах, других печатных изданиях и теперь это часть интернета. Редко что-то интересное обходит интернет. Наглядная полезная информация только увеличит количество посетителей к вам на сайт.
Хотя представить полезную информацию в красивой обертке весьма сложная и кропотливая работа, но если вы умеете обращаться с фотошопом, и хотите создавать нечто подобное, но что делать у вас нету вдохновения?!
А для этого представляем вам 20 источников вдохновения.
