Вы используете демо версию хабрахабра.
Здесь ничего интересного нет.
Разве что мой профиль: nsinreal
 

Веб-дизайнПамятка дизайнеру сайтов

Вторая версия статьи, расширенная и дополненая.

Большая часть готовилась для моего выступления на «РИТ: Клиентские технологии», куда я, к сожалению, не доехал.

 

Памятка дизайнеру сайтов

К сожалению огромная армия даже опытных, «модных» и эффектных дизайнеров забывают, что результатом их творчества должен быть сайт, а не только «супер-скриншот» годный только для портфолио.

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

ПодкастыКак покупать на eBay. Советы из личного опыта

Оригинал статьи — olyapka.ru/2009/10/kak-pokupat-na-ebay/

UPD: статья сильно переработана и обновлена 12.08.10.

Делать заказы с eBay я начала относительно недавно. Первая попытка была, когда я хотела заказать один редкий японский телефон. Но, увы, за него заломили слишком высокую цену в ходе акциона. Затем я без каких-либо проблем купила и получила USB-микрофон Samson. После того, я как познакомилась с Женей (у него тоже был опыт заказа всяких железок с eBay), мы оба подсели на онлайн-шоппинг и обзавелись большим количеством отличной одежды, обуви, прикольных гаджетов и прочих полезных мелочей (например, оригинальные аккумуляторы для макбуков обошлись нам в два раза дешевле, чем если бы мы их купили в России). Когда я писала в тви о том, что пришла очередная посылка, многие мои читатели удивлялись — а нужели с eBay и правда можно заказывать в Россию? А неужели это не слишком дорого? А как это делать? В общем, оказалось, что вопрос очень актуальный. Попробую поделиться с вами своим опытом.

прослушан 6213 раз

PHPСписок полезных инструментов для php разработчика

PHP один из самых широко используемых языков для создания вебсайтов. PHP фреймворки, такие как Zend, CakePHP, CodeIgniter и т.д и open source классы и библиотеки упростили разработку.
Независимо от того, являетесь ли вы опытным разработчиком или новичком, инструменты, которые вы используете, имеют прямое влияние на вашу продуктивность. Здесь собран список действительно полезных утилит и расширений для PHP разработчиков, которые помогут ускорить разработку, и улучшит итоговое качество кода.

Серверная оптимизацияСервер на стероидах: FreeBSD, nginx, MySQL, PostgreSQL, PHP и многое другое

Нравится мне эта картинка, у меня, вот никогда такие красивые графики в какти не получались =(

Введение


С момента написания мной предыдущей статьи по оптимизации этой связки прошло довольно много времени. Тот многострадальный Pentium 4 c 512Мб памяти, обслуживающий одновременно до тысячи человек на форуме и до 150,000 пиров на трекере уже давно покоится на какой-нить немецкой, свалке, а клуб сменил уже не один сервер. Всё сказанное в ней всё ещё остаётся актуальным, однако есть вещи которые стоит добавить.
Статья большая, так что будет поделена на логические блоки:

0. Зачем вообще что-то оптимизировать?
  
1. Оптимизация ОС (FreeBSD)
  1.1 Переход на 7.х 
  1.2 Переход на 7.2
  1.3 Переход на amd64
  1.4 Разгрузка сетевой подсистемы
  1.5 FreeBSD и большое кол-во файлов
  1.6 Softupdates, gjournal и mount options
  
2. Оптимизация фронтенда (nginx)
  2.1 Accept Filters
  2.2 Кеширование
  2.3 AIO
  
3. Оптимизация бэкенда
  3.1 APC
  3.1.1 APC locking
  3.1.2 APC hints
  3.1.3 APC fragmentation
  3.2 PHP 5.3
  
4. Оптимизация базы данных
  4.1 MySQL 
  4.1.1 Переход на 5.1
  4.1.2 Переход на InnoDB
  4.1.3 Встроеный кеш MySQL - Query Cache
  4.1.4 Индексы
  
4.2 PostgreSQL
  4.2.1 Индексы
  4.2.2 pgBouncer и другие.
  4.2.3 pgFouine
  
4.3 Разгрузка базы данных
  4.3.1 SphinxQL
  4.3.2 Не-RDBMS хранилище
  4.4 Кодировки
  4.5 Асинхронность
  
Приложение. Мелочи.
  1. SSHGuard или альтернатива.
  2. xtrabackup
  3. Перенос почты на другой хост
  4. Интеграция со сторонним ПО
  5. Мониторинг
  
 6. Минусы оптимизации

Учись РаботатьСпать мало, но правильно?

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

Предисловие.
Я живу в области, учусь в центре Москвы. Учусь 5-6 дней в неделю, часто занятия начинаются в 8-30. Дорога в один конец занимает 2-3 часа (автобус + метро либо электричка + метро). Меня очень напрягало 2 вещи в таком распорядке.
1) Большая часть жизни дня проводится в дороге (в среднем 5 часов в сутки), в которой ни учебой, ни хобби никаким не займешься. Только музыку слушать. Расписание проснулся-уехал-поучился-приехал-уроки-спать (уроки можно вычеркнуть) меня совсем не устраивало, но на другое ни времени, ни сил не оставалось.
2) Приходится вставать рано, а ложиться поздно — чтобы хоть что-то успеть. Зачастую к концу недели меня держали кофе и энергетики. Ужасно.

Конечно есть разные решения проблемы, но все они были отвергнуты. В общаге ужасные условия, снимать квартиру недешево, ВУЗ нравится, а жить полноценной жизнью хочется.
Таким образом, я пришел к выводу, что проблему 1) можно решить, если меньше спать (останется больше свободного времени), а проблему 2) можно решить (привет капитан), лучше высыпаясь (от слова сон, а не сыпаться).

Как ни странно, я выяснил, что обе проблемы могут быть решены одновременно. Я изучил определенное количество литературы, и пришел к программе, которой я следую уже больше года, с тех пор сплю по 5-6 часов в день (когда требуется, а требуется нередко — 3-4 часа). При этом отлично себя чувствую, встаю по утрам легко, кофе и энергетики не пил уже год. Голова и мышцы свежие и в 10, и в 11 часов вечера. Хотел бы поделиться с вами, что же я делаю.

Для ленивых: главные идеи выделены жирным
Для средней степени любопытных: можете прочитать целиком это огромное количество буковок.
Для очень заинтересованных: я написал немного и лишь основное. Для больше информации используйте Goojje другие источники.


UPD: вообще статья писалась по памяти и «конспектам», но вот несколько книженций, которые точно оказали на меня влияние:
40 Sleep Hacks: The Geek's Guide to Optimizing Sleep
Kacper M. Postawski — How To Sleep Less...

jQueryjQuery для начинающих

jQuery Logo

jQuery — это замечательный Javascript Framework, который подкупает своей простотой в понимании и удобством в использовании. Но изучение надо с чего-то начинать, и лично моё мнение — лучше всего начинать с наглядных примеров, и они далее…

Web-разработкаСписок полезных инструментов для CSS разработчика

Это не попытка создать список всех существующих инструментов для CSS разработки. Только некоторые, наиболее полезные были отобраны и размещены в соответствующих категориях.


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

jQuery40+ новых и полезных jquery-модулей (с tutorial)

На досуге немного закопался в дебри jquery и на страницах небеизвестного Smashing Magazine нашёл очень любопытную августовсую статейку. Удивлён, что столь полезный материал ещё не появился на Хабре. Исправляю несправедливость своей версией данной статьи.

Удобный модуль динамического поиска

image
Крутой модуль, расширяющий возможности вашего поиска по сайту. Теперь, когда вводится запрос, снизу строки поиска сразу всплывает иллюстрированный список всего, что под эти запросы подходит. Выглядит бомбезно и явно очень удобно.
Демо
Живой пример

!!! Картинки ведут на туториалы !!!
=

Модуль фильтруемого портфолио

image
Простой симпатичный модуль, представляющий из себя таблицу мини-картинок (к ним можно привязать что угодно), каждый пункт которой привязан к какому-то пункту в верхнем меню модуля. То бишь, нажимаю я на один из пунктов, всё фильтруется и отображаются только те мини-картинки к которым привязан этот пункт меню.
Лично мне этот модуль очень пригодился, юзаю до сих пор)
Демо
Живой пример

Каруселька «Moving Boxes»

image
Большинство современных каруселей представляют собой простой ряд картинок, двигающихся в определённом направлении. Данный модуль чуть более оригинален — у него появились стрелочки для проскроливания и возможность увеличивать картинки и карусельки, а также его дизайн достаточно симпатичный.
Демо

Модуль объединения картинок с текстом

image
Очень любопытный модуль для объединения картинок, или картинок с текстом. Говоря проще, модуль представляет собой два слоя, в каждый из которых можно внести какую-нить инфу. После внесения, можно достаточно любопытно манипулировать ими:
— по наведении на первый, скрывать его и красивым графическим эффектом показывать второй
— или же сделать вид что под первым слоем что-то спрятано, а при наведении показать весь второй слой, немного опустив первый.
В общем, поиграться есть с чем. Рекомендую.
Демо

Модуль преобразования таблиц в графики

image
Более чем любопытный модуль, позволяющий отображать и даже редактировать содержимое html-таблиц в виде всяких графиков. Достаточно полезен, при правильном использовании.
Демо

Модуль крутых выпадающих менюшек

image
Нужный модуль, позволяющий создавать удобные большие выпадающие менюшки с несколькими подпунктами. Незаменим для инет-магазинов. Судя по комментариеям автора, модуль работает даже под ИЕ 6!)
Демо

Модуль подсветки активного поля формы

image
Простой и понятный модуль — то поле в форме, которое заполняется юзером, подсвечивается неярким светом, чтобы юзер не терялся. Приятный аксессуар для любой формы.
Демо

Модуль динамических опросников

image
Весёлый, удобный, анимированный опросник на jquery. Можно использовать на любых сайтах.
Демо

Простая скролл-каруселька

image
Скролл-каруселька на все случаи жизни. Простенькая, без особых графических изысков и траблов при установке.
Демо
Живой пример

Навороченное меню-сайт

image
Любопытное меню, из которого можно сделать целый сайт. Милые анимационные эффекты и опрятный внешний вид. В общем, мне этот модуль по душе.
Демо
Живой пример

Модуль уведомления о выполнении действия

image
Простейший модуль. При нажатии на кнопку, которая должна активировать какое-то действие, юзер больше не должен гадать — активируется действие или нет. Этот модуль сразу же вводит его в курс дела надписью типа «Действие выполняется». Удобно и несложно. Можно юзать.
Демо

Модуль галереи футболок

image
Любопытная галлерея футболок, представленная в виде таблицы обрезанных фоток футболок. При наведении футболки «расправляют» рукава и выходят на первый план, что выглядит достаточно мило)
Демо
Живой пример

Реалистичный модуль фотогалереи

image
Модуль построен на использовании z-index в цсс. Со стороны выглядит как-будто перед тобой какой-то художник держит кипу своих картин и поочерёдно показывает их. Выглядит более чем симпатично, встраивается просто.
Демо

Модуль привязки фавиконов к внешним ссылкам

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

Модуль ленты-истории аля-Гугл

image
Модуль для создания прокручиваемой ленты событий в гугловском стиле. Есть какой-то текст, какие-то картинки и какие-то года с датами и событиями, которые таскаются мышкой вправо-влево. Любопытно, но практическое применение непонятно.
Демо

Модуль аля-AcrobatReader

image
Модуль, что превращает текст в некое подобие пдфки открытой в AcrobatReader, добавляя слева боковые ссылки, ведущие на заголовки. Почему это нельзя сделать анкорами? Анкоры пишутся ручками, а тут всё генерится само.
Демо

Динамический модуль голосований

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

Скролл-список таблиц

image
Список с полосой прокрутки, работающий по механизму «есть див/таблица с контентом, нужно его прокручивать в определённой видимой области». Как список книжек с указанием автора и т.п. — подойдёт.
Демо

Каруселька с мини-зумом

image
Красивая каруселька, основное достоинство которой — уменьшение картинок до нормального размера при наведении (по умолчанию они увеличены). В общем, это надо видеть.
Демо
Живой пример

Динамическое анимированное добавление товара в корзину

image
Товар добавляется в корзину без перезагрузки страницу и с маааленьким анимационным эффектом. Всё просто :)
Демо

Всплывающие окошки закладок аля-Digg

image
С помощью этого модуля можно привязать подобное всплывающее окошко закладок к любой ссылке на вашем сайте. Но можно и не юзать закладки, просто привязать туда какой-нить текст. На ваш вкус.
Демо
Живой пример

Простой mp3-плеер

image
Очень минималистичный, очень нетребовательный к ресурсам и очень быстрый mp3-проигрыватель на сайт.
Демо

Модуль быстрой публикации на Твиттере

image
Всем известная фича на множестве разных блогов — нажал на кнопку, и в твоём твиттере сразу появилась запись с темой, ссылкой и кратким описанием. Удобно. Этот модуль может встроить такую фичу в практически любой блог.
Демо

Навороченный медиа-проигрыватель

image
Первый раз вижу такое на jquery :) Очень симпатичный медиаплеер с настройкой громкости, переключением композиций и т.п.
Демо

Модуль виртуальной клавиатуры

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

Модуль расширения функционала кнопок rss-рассылки

image
Модуль позволяет всячески играться с дизайном кнопки (есть несколько симпатичных готовых тем), а также подвешивать на одну кнопку неограниченное количество рассылок, весь список которых будет отображаться при нажатии на неё.
Демо

Модуль динамической подгрузки картинок

image
Модуль позволяет подгружать определённую графику по нажатию на кнопку) То бишь по выполнению определённого действия. Любопытная штука, как для ускорения загрузки страницы так и для всяких извращений, как динамическая перекраска сайта.
Демо

Модуль автоматического ресайза картинок

image
Модуль, который «резинит» определённые картинки на сайте (при уменьшении размера окна, тоже уменьшается). Достаточно удобен на «резиновых» сайтах — можно сделать полную «резину».
Демо
Живой пример

Кнопки аля-Твиттер

image
Всем знакомые Твиттер-кнопки «Фоллоу» и «Анфоллоу». Как применять — хз, разве что в Твиттер-клонах. Но выглядит симпатично.
Демо

Стильные чекбоксы

image
Любопытный модуль, делающий из обычных чекбоксов вебдванольные)
Демо

Навороченный модуль валидации полей формы

image
Очень качественный модуль проверки полей форм с последующими всплывающими уведомлениями. Рекомендую абсолютно всем.
Демо

Модуль объединения картинок с текстом-2

image
Немного более хреновая вариация на тему слоёв. Функционал всё тот же — есть два слоя: один сверху, второй снизу. При наведении первый отъезжает в какую-нить сторону, показывая второй. Подходит для тех кто не разобрался с первым модулем
Демо

Анимированный фон

image
Туториал как сделать кусок фона анимированным. Скрипты дают, объясняют понятно. И выглядит ну ооочень красиво. Это нужно видеть.
Живой пример

Модуль виртуальной клавиатуры-2

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

Модуль «Разблокировка Iphone»

image
Красивый, но совершенно бесполезный модуль имитирующий процесс разблокировки айфона.
Демо

Модуль дерева файлов

image
Любопытный модуль, позволяющий создавать у вас на сайте древо файлов, как-будто юзер лазит по вашему серверу или просто в таком виде представлять какие-то архивы. В общем, если потрудиться, то модуль будет полезен.
Демо

Скролл-крутилка с подгрузкой из xml

image
Простой и удобный модуль для интернет-магазина: крутилка товаров с всплывающими краткими описаниями. Товары их краткие описания подгружаются из xmlки.
Демо

Модуль подсвечивания блоков таблицы

image
Модуль для таблиц, который графически выделяет выбранные столбцы. Достаточно симпатичный дизайн, можно применять для продажи разных хостинг-пакетов и т.п.
Демо
Живой пример

Модуль панорамных изображений

image
Офигенно красивый модуль, позволяющий делать панорамные шапки, панорамные фоны и т.п. Если кратко — то шапка не статична, а как бы объёмна, если подвигать мышкой, то можно увидить что за краями шапки. Смотрится очень стильно и красиво.
Живой пример

Модуль вызова и обработки нескольких форм одновременно

image
Модуль позволяет одновременно вызвать любое количество форм и обрабатывать их в любом порядке без перезагрузки страницы. Полезно при использовании для комментариев или вопросов.
Демо

Классическая каруселька

image
Классическая реализация классической карусельки. Картинки плаво плывут в одну сторону, направление можно менять стрелочками. Всё просто.
Демо

Динамическое вертикальное меню со скроллом

image
Меню которое ездит туда-сюда по вертикали и подсвечивает пункты при наведении. Честно говоря, очень даже неплохо. Когда-нибудь поставлю такое у себя.
Демо

Меню с красивым эффектом наведения

image
Очень красивое меню с плавно меняющимся цветом кнопок.
Демо

Модуль «раскраски»

image
Модуль позволяющий димамически «раскрасить» цветами пустой pngшный контур. Реализация: под png снизу, с графическим эффектом, подкладывается полноцветная картинка. выглядит симпатично.
Демо

Вот, собственно, и всё. В оригинале, правда, было 50 модулей, но на некоторых не работали ссылки, а некоторые мне абсолютно не понравились.

Финита ля комедиа. Ваш Sortafreel.
Мой новый сайт — TypeLebedev.ru

Тестирование7 бесплатных сервисов для проверки сайтов (о которых вы могли и не знать)

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

ИконосказСклад бесплатных иконок

Прошелся по закладкам и образовалась такая толстенькая подборочка ресурсов с бесплатными и качественными иконками, с которой спешу поделиться с тобой %username%!

Iconfinder


image


ТипографикаЧёрточки: только ли тире, минус и дефис?

Однажды вечером я почувствовал, что пришло время расширить 97‐ й параграф «Ководства» Артемия Лебедева.

На клавиатуре одна чёрточка, она обычно правее нуля и повыше букв «З» и «Х». Неосведомлённые люди называют её попеременно то дефисом, то минусом, то тире. Лебедев объясняет нам, что это четыре (учитывая две разновидности тире) различных символа. На самом деле их как минимум девять, и об этом я и расскажу вам сейчас.

ДизайнКоллекции иконок? Легко! Тысячи иконок в сетах.

В продолжении поста "Ресурсы по поиску качественных иконок" представляю свою коллекцию сайтов, на которых вы найдёте очень(!) много качественных наборов иконок. Все сайты проверены руками, следовательно открываются и скачиваются легко.

Образование 2.0Где погрызть гранит науки

image Здравствуй, хабрасообщество. Я знаю, ты любишь халяву. А еще ты любишь учиться. Ведь так? А что может быть лучше для хабравчанина бесплатного образования? Вот и решил собрать специально для тебя подборку из ссылок, где можно набраться уму-разуму в области IT.
Все нижеперечисленные ресурсы абсолютно и официально бесплатны и свободны, что не может не радовать.

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

Большое спасибо в помощи добавлении ресурсов vansickle, RedFox, kagen, theinterman, sM1Le.

Англоязычные ресурсы



Компьютерные науки



OpenCourseWare MIT




Одно из самых больших хранилищ учебных курсов. Здесь собраны практически все курсы, которые преподаются в Massachusets Institute of Technology, который по праву считается одним из лучших в мире. На сайте всего 1900 курсов, а тех, которые преподаются на факультете Electrical Engineering and Computer Science я насчитал более 200. Состав большинства курсов: краткие конспекты лекций, подробное описание курса, календарный план, задания на лабораторные работы, задания на курсовые проекты и экзамены, промежуточные модули. К некоторым курсам прилагаются и видеолекции.

jQueryЗакрепляем jQuery — 25 отличных советов

Перевод отличной статейки. Думаю, будет полезна как новичкам, которые только приступили к использованию jQuery, так и тем, кто уже какое-то время с ним работает. А кого-то, возможно, заставит глянуть эту чудесную библиотечку. Многие советы имеют отношение не только к jQuery, но и к Javascript в целом. Лично для меня была весьма и весьма познавательной, посему и захотелось донести это «до масс». Перевод не дословный, но передающий смысл и максимально адаптированный к русскому языку.

Далее все написано от имени автора оригинальной статьи.

Введение


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

Я не эксперт в jQuery. И даже не претендую, поэтому, если встретите ошибки, смело поправляйте меня и вносите предложения по улучшению (поправлять и присылать поправки нужно автору статьи, а не перевода — зам. пер.).

Я называю себя «среднестатистическим» пользователем jQuery и я думаю, что всем остальным будет интересно почитать и что-нибудь почерпнуть из «фишек», «трюков» и техник, которые я освоил за последний год. Статья получилась куда длиннее, чем я предполагал изначально, так что в самом начале я привел «содержание» для более удобной навигации и возможности при желании пропустить не интересующие моменты.

Содержание


  1. Загружайте фреймворк с Google Code
  2. Используйте «шпаргалку» (cheat sheet)
  3. Соединяйте все ваши скрипты и уменьшайте размер файла
  4. Используйте возможности Firebug для ведения логов
  5. Минимизируйте операции выборки в пользу кэширования
  6. Сводите манипуляции с DOM-деревом к минимуму
  7. Оборачивайте все в единый элемент, когда речь идет о любой вставке в DOM
  8. Используйте «id» вместо классов, где это возможно
  9. Задайте контекст своим селекторам
  10. Используйте последовательности вызовов методов с умом
  11. Научитесь правильно использовать анимацию
  12. Научитесь назначать и делегировать события
  13. Используйте классы для сохранения состояния
  14. Еще лучше — используйте встроенный в jQuery метод data() для сохранения состояния
  15. Пишите собственные селекторы
  16. Подготавливайте HTML и модифицируйте его, когда страница загружена
  17. Используйте «отложенную загрузку» (lazy loading) для определенного контента для выигрыша в общей скорости и преимуществ для SEO
  18. Используйте служебные функции jQuery
  19. Используйте «noconflict» для переименования глобального объекта «jquery», когда используете его с другими фреймворками
  20. Как узнать что картинки загружены?
  21. Всегда используйте последнюю версию
  22. Как проверить, что элемент существует?
  23. Добавляйте класс «JS» в элемент «html»
  24. Возвращайте «false» для отмены поведения по-умолчанию
  25. Короткая запись для события готовности документа


MySQLЧуть более 20 хороших советов по MySQL


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

Каскадные Таблицы СтилейТривиальные задачи по вёрстке (часть 1)

image

Начинаю вести серию статей про вёрстку html css js, начинаю с самого простого, потом планирую описать более сложные вещи и всякие тонкости

PHPСписок полезных PHP классов и библиотек

Email


  • Swift Mailer
    Swift Mailer легко интегрируется в любое PHP-приложение. Это гибкий и элегантный ООП-подход к отправке писем с множеством функций: отправка эл.почты, используя SMTP, SendMail, Postfix, поддержка серверов и др.
  • PHPMailer
    Лучший класс для работы с эл. почтой. Поддерживает сообщения в цифровой форме, S/MIME шифрование, текстовые и HTML-письма, изображения, поддерживает несколько Email’ов, SMTP-аутентификация.

Электронная коммерцияКак правильно покупать товары на Ebay

image
Тема Ebay в связи с его русификацией становится очень актуальной, поэтому решил поделиться с хабрасообществом несколькими советами из области как правильно покупать товары на Ebay, чтобы не нарватся на мошенников и сделать правильную покупку. Большая часть описанного основана на личном опыте.

Учебный процессНесколько фишек для изучающих английский язык

1. Анонимные чаты: omegle.com, chatroulette.com
2. Сайты-помощники: kwiz.me, kimir.org, englishtips.org
3. Подкастинг: eslpod.com, effortlessenglish.com, npr.podcast.com, businessenglishpod.com,
4. Качаем фильмы/сериалы, затем субтитры к ним. Просматривать можно с замедлением в VLC плеере чтобы лучше переваривать. Еще рекомендую комик шоу, например Important Things with Demetri Martin — не пожалеете.
5. В скайпе ищем каких нибудь индусов со статусом SkypeMe и не стенсняясь знакомимся.
6. При прочтении какой-то книги или просмотра фильма неплохо бы подготовится таким образом: берем текст, устанавливаем длину слова и частоту употребления в тексте и запускаем, например, этот скрипт (PHP): pastebin.com/m7672c2a9
В итоге имеем дайджест слов большинство из которых вы уже знаете но остальные стоит подучить. И когда вы будете смотреть фильм или читать книгу вы автоматом поймете это слово.
7. Произношение слов — ставим в Google.translate режим Русский->English и в поле текста пишем английское слово — оно без перевода встанет справа вместе с флэшкой которое произносит слово. Также forvo.com, howjsay.com
8. Социальные сервисы ответов:
answers.yahoo.com, vark.com
9. Социальные сети для изучения языка:
livemocha.com, lingq.com, italki.com
10. Остальное:
nytimes.com, ecenglish.com, urbandictionary.com
allengl.narod.ru/top/phvTOP170.htm

Надеюсь каждый нашел для себя что-то полезное:)

Учись РаботатьКак выучить любой язык за 3 месяца?

Перевод статьи Тима Ферриса из его блога.

image
(Учебник Дзюдо Окано Исао, который я использовал для изучения японской грамматики)

Изучение языка не должно быть сложным.

Принципы когнитивной нейронауки и управления временем могут быть применены для достижения свободного владения языком на разговорном уровне (в данном случае определяется как 95%+ процентов понимания и 100% выразительных возможностей) в течение 1-3 месяцев.

Web-разработкаЧеклист запуска сайта


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

DIY или Сделай СамМощный лазер своими руками за один вечер

image

Кратко.


Здравствуйте дамы и господа. Сегодня я открываю серию статей, посвященных мощным лазерам, ибо хабрапоиск говорит, что люди ищут подобные статьи. Хочу рассказать, как можно в домашних условиях сделать довольно мощный лазер, а также научить вас использовать эту мощь не просто ради «посветить на облака».

Предупреждение!


В статье описано изготовление мощного лазера (300мВт ~ мощность 500 китайских указок), который может нанести вред вашему здоровью и здоровью окружающих! Будьте предельно осторожны! Используйте специальные защитные очки и не направляйте луч лазера на людей и животных!

ЖелезоВосстанавливаем флешки

Хотя со временем флешки становятся все дешевле и объемнее это не значит, что при любом сбое ее можно выбросить и приобрести другую. Хотя многие именно так и делают, даже на задумываясь о том, что ситуацию еще можно спасти. В свое время мы тряслись за каждую флоппи-дискету, почему же не поковыряться и с флешкой, чтобы дать ей вторую или даже не третью жизнь. Думаю, у многих в столе рядом с компьютером найдется какая-нибудь «мертвая» флешка-брелок, которую выбросить жалко из-за того, что она красивая или, хотя бы потому, что какое-то время назад она была полезна. Конечно, иногда флешки «умирают» раз и навсегда, но зачастую они находятся в состоянии «клинической смерти», а как известно, такое состояние обратимо.

image

ЖелезоДелаем загрузочно-установочную флешку

После поста о восстановлении флешек, оказалось, что у многих теперь есть рабочие, бесхозные флешки, которые обязательно нужно задействовать. Почему бы не сделать из них загрузочные флешки с дистрибутивами необходимых ОС? Это может здорово пригодиться при установке/переустановке операционных систем на нетбуки, где отсутствуют приводы оптических носителей. А иногда может даже ускорить процесс установки и сделать его намного тише на компьютере, где привод есть.
Хотя на Хабре уже описывались варианты создания загрузочных флешек, но вариант, который предлагаю я — слишком прост и по своему универсален, чтобы обойти его стороной.
image

Язык программирования PythonУчебник по языку программирования Python (хабраиндекс)

Каскадные Таблицы СтилейВыравнивание полей формы с помощью CSS

Задача


Добиться, чтобы поля ввода находились друг под другом, и при этом их положение определялось максимальной длиной заголовка поля слева. Решение не должно использовать таблиц и Javascript.

forms_1

Веб-дизайн10 лучших вебсайтов по обучению Photoshop

Вместо того, чтобы тратить впустую время, обыскивая сеть, в поисках хороших уроков по Photoshop, придерживайтесь этого списка.

PS Heroперейти


PSD tutsперейти


Tutorial 9перейти

Эти пользовательские интерфейсыСтилизация файл-инпутов

Результат стилизации файл-инпута
Привет. Сегодня я хочу вам рассказать о том, как можно изменить внешний вид файлового инпута.

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

Информационная безопасностьЗащищаемся от HTTP DDoS и прочих Хабраэффектов

Простой способ защиты от HTTP DDoS — включить syn-cookies и заблокировать подонков. Но что делать если атакует 5к-10к хостов да еще и с динамическими IP? Тут нам на помощь придет frontend-backend архитектура c промежуточным кэшированием! Почему с промежуточным кэшированием? А потому что в моем случае от шквала запросов от frontend'а backend умирал унося за собой систему.

Дизайн11 порталов для выбора Иконок

Коллекция ссылок больших порталов и поисковиков, для выбора всевозможных Иконок(Icons) разного типа. Практически на всех есть широкий выбор размеров.

В этой коллекции я уверен что вы найдете что вам нужно ;)

Ну интересное так точно!!!

1. http://www.iconspedia.com

Учебный процессРесурсы, которые помогут выучить английский язык

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

Web-разработка10 jQuery скриптов для улучшения интерфейса

С рассветом WEB 2.0 получили развитие и javascript фрэймворки, позволяющие вебмастеру делать динамические элементы сайта гораздо быстрее и проще. Одним из таких фреймворков является jQuery, получивший огромную популярность за свою простоту и невероятно малый вес. Итак, представляю вашему вниманию 10 наиболее полезных скриптов jQuery для улучшения интерфейса вашего сайта.
Метки лучше разделять запятой. Например: общение, социальные сети, myspace.com, подростки, мердок