Адаптивные и бесплатные шаблоны писем

понедельник, 3 декабря 2012 г.

1 коммент.
Адаптивные (responsive) шаблоны все чаще используются при верстке сайтов и это очень хороший знак и верное направление в развитии интернет-проектов. Но и email-рассылки эта тенденция не обходит стороной.

Ребята из Zurb.com сделали набор из пяти бесплатных адаптивных шаблонов для Email.


Подарки для гиков к Новому году и Рождеству

суббота, 1 декабря 2012 г.

0 коммент.
Пост будет немного не в формате моего блога, но уж больно мне понравились идеи этих подарков, про которые пойдет речь в посте.

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

Window Solar Charger


Бесплатные иконки Batch (300 иконок)

воскресенье, 25 ноября 2012 г.

0 коммент.
Я уже писал про бесплатные иконки, в том числе про иконки погоды, которые мне очень нравятся. Сегодня речь пойдет про новый набор из 300 бесплатных иконок Batch.

Бесплатные иконки Batch, скачать

Бесплатные элементы дизайна от ByPeople.com

четверг, 22 ноября 2012 г.

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


Генераторы префиксов CSS3 свойств для разных браузеров (вендорные префиксы)

1 коммент.
Встала задача для одного проекта прописать css3 свойства под различные брузеры, которые все еще работают только с указанием вендорных префиксов: -o, -moz, -webkit и -ms. Сейчас, конечно, все адекватные современные и обновленные браузеры большую часть свойств воспринимают и без вендорных префиксов, но надо и учитывать, что какие-то пользователи могут работать на старых версиях.

Таким образом я решил поискать генераторы, которые из моих нормальных css3 свойств сделают версию css с префиксами. Нашел 3 адекватных генератора.

Для примера я сделал совершенно не имеющий практического применения кусок css стилей:

.my_block {
 box-shadow: 5px 5px 10px -5px black;
 background: linear-gradient(90deg, #444, black 50%);
 box-sizing: border-box;
 transform: rotate(15deg);
 animation: 3s colorcycle infinite alternate;
 border-radius: 2px;
}

Первый довольно адекватный генератор - Prefixr от одного из авторов NetTuts+.


Blogger (Blogspot) для iPad - Google обновил приложение

четверг, 15 ноября 2012 г.

0 коммент.
Довольно много времени прошло с тех про как Google запустили приложение Blogger, но оно работало только под iPhone. И, наконец-то, 14 ноября вышла обновленная версия 2.0.0, основной "фишкой" которой стала поддержка iPad.

mb_ucfirst() в PHP. Пишем свою функцию.

четверг, 8 ноября 2012 г.

0 коммент.
В PHP нет встроенной мультибайтовой функции, аналогичной функции ucfirst(), которая переводит первый символ строки в верхний регистр. Значит напишем свою собственную функция mb_ucfirst().

Парсер Яндекса, пример на PHP

суббота, 3 ноября 2012 г.

33 коммент.
Написание парсеров сайтов - мое любимое занятие. Вот решил поделиться своими знаниями и с читателями. Написал за 15 минут простейший парсер поисковой выдачи Яндекса.

Генератор спрайтов - Instant Sprite (Open Source, бесплатный)

пятница, 2 ноября 2012 г.

1 коммент.
Instant Sprite - прекрасный web-based генератор спрайтов, позволяющий добавить любое количество изображений простым перетаскиванием их на страницу (drag'n'drop).


Бесплатные темы для jQuery UI

четверг, 18 октября 2012 г.

0 коммент.
jQuery UI - набор компонентов и виджетов для jQuery, позволяющий создавать удобные и понятные пользовательские интерфейсы. Он состоит из популярных виджетов: datepicker, slider, accordion и многих других.

Кроме того, jQuery UI позволяет использовать темы. Есть даже ThemeRoller, позволяющий создавать свою собственную тему. Но при этом это все еще будет тема от jQuery UI и подобную можно увидеть на каком-нибудь еще сайте.

Если вам нужна очень удобная и гибкая в настройках тема (как Bootstrap или Windows Metro), то вот небольшой список доступных бесплатных тем.

jQuery UI Bootstrap

Веб IDE с открытым исходным кодом - Codiad

пятница, 21 сентября 2012 г.

0 коммент.

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

Приложение написано на PHP и не требует SQL базы. Данные хранятся в php файлах в json формате.

Бесплатные иконки в стиле Windows 8 и Windows Phone - Modern UI Icons

понедельник, 10 сентября 2012 г.

0 коммент.
Modern UI Icons (также зовется Windows Phone Icon Pack) - набор из более чем 750 невероятно красивых и качественных иконок.



Шрифт-иконки Sosa, бесплатно

0 коммент.
Хороших иконок никогда не бывает много. А тем более не бывает много хороших и бесплатных шрифтов-иконок.

Памятка заказчику

0 коммент.

Как жаль, что заказчики зачастую не понимаю этой простой схемы.

Смена IP адреса в EXIM для отдельного домена

суббота, 25 августа 2012 г.

2 коммент.
Есть выделенный сервер, на котором кроме основного IP есть несколько дополнительных. Управление сервером лежит на плечах ISPManager Lite. И вот встала задача - один конкретный домен "повесить" на отдельный дополнительный IP. Средствами ISPManager это делается легко, но загвоздка вот в чем была: при отправке писем через exim (стандартной функцией mail() в php) получатель видел в заголовках информацию об основном IP адресе, а не о том, который фактически привязан к домену.

То есть.
1.1.1.1 - основной IP сервера, maindomain.ru - домен, привязанный к основному IP сервера.
2.2.2.2 - дополнительный IP. mydomain.ru - домен на этом доп. IP.

Отправляю почту с mydomain.ru, а в заголовках видим следующее:
Received: from maindomain.ru (mydomain.ru. [1.1.1.1])
А надо, что бы информации о 1.1.1.1 не было.

Восстановление настроек в ZDE 5.5

среда, 22 августа 2012 г.

0 коммент.
Я очень давно пользуюсь для разработки, по моему мнению, лучшей IDE - ZDE 5.5 (Zend Development Environment). И как-то давным-давно после сбоя Win XP у меня перестала работать подсветка xml синтаксиса.



ON/OFF переключатель на CSS3 (в стиле iOS и Android)

пятница, 27 июля 2012 г.

2 коммент.
Proto.io, сервис прототипирования мобильных интерфейсов, разработал генератор ON/OFF переключателя, который используется в мобильных ОС.

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

Изображение: http://www.webresourcesdepot.com

Кроме того, имеются готовые стили переключателей, используемые в iOS4, iOS5 и Android.
P.S. переключатели не имеют доп. обработок на JS. Только чистый html и css3.

Требования: нет
Совместимость: все современные браузеры
Сайтhttp://proto.io/freebies/onoff/

Как открыть NEF файл в Photoshop CS3

вторник, 3 июля 2012 г.

1 коммент.
Компания Nikon для своих фотоаппаратов придумала формат файлов NEF, который позволяет снимать в RAW, то есть получать максимально "не пожатые" снимки. С такими фотографиями потом проще работать в графических редакторах и обрабатывать.

Но вот проблема - тот же Photoshop CS3 по-умолчанию не умеет открывать файлы NEF. Решение, по крайней мере для версии CS3, есть - это плагин Camera Raw 4.6.

Установка 4Гб RAM на HP Pavillion dv9408nr (серия dv9000)

вторник, 12 июня 2012 г.

2 коммент.
У меня ноутбук HP Pavillion dv9408nr (это линейка dv9000), купленный в 2007 году в США. По умолчанию в нем было установлен 1Гб оперативной памяти. В спецификации написано, что максимальный объем - 2Гб.

Слотов под память всего два и в оба я вставил по 1Гб памяти. Какое-то время мне этого хватало, но со временем программы стали более требовательны к ресурсам и тот же Firefox кушает память как свежие пирожки. В итоге я понял, что мне надо апгредиться. Но новый ноутбук покупать не хотелось и я решил выяснить - можно ли увеличить объем памяти до 4Гб даже при ограничениях в 2Гб, указанных в спецификации от производителя.


HDDLife - возврат иконок дисков к исходному состоянию

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


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

Бесплатные иконки типов файлов (20 иконок)

понедельник, 11 июня 2012 г.

0 коммент.
Многие интернет проекты нуждаются в красивых и качественных иконках для типов файлов.

File Type Icons - это бесплатный набор из 20 красивейших иконок для самых популярных типов файлов, включая изображения, музыку, текст, PDF, Word, Excel, PSD, HTML, CSS и многие другие.

Иконки в наборе идут в двух форматах: PNG (128x128 px) и отлично оформленных PSD файлах.

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

На данный момент (12.06.2012) иконки доступны по прямой ссылке: http://filetypeicons.com/icon/set1.zip

Сайт: http://filetypeicons.com/
Скачать: зеркало

Skype подсвечивает номера телефонов на сайте. Как отключить?

пятница, 8 июня 2012 г.

0 коммент.
Иногда замена телефонов на сайте скайпом плохо влияет на отображение в дизайне или даже верстку. Есть простой способ отключить:
<meta name="SKYPE_TOOLBAR" content="SKYPE_TOOLBAR_PARSER_COMPATIBLE" />

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

QUOjs - JS библиотека для разработки под мобильные устройства

четверг, 7 июня 2012 г.

0 коммент.
QUOjs - javascript-библиотека, позволяющая разрабатывать приложения для мобильный устройств. Имеет малый размер (13Kb в сжатом варианте) и позволяет реализовать множество интересных вещей.


Meteocons: бесплатные иконки погоды

воскресенье, 27 мая 2012 г.

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

Meteocons - прекрасный набор бесплатных иконок погоды. Набор содержит более 40 прекрасно стилизованных иконок, количество которых периодически пополняется новыми.


No input file specified + CodeIgniter

четверг, 24 мая 2012 г.

3 коммент.
Раньше у меня php работал как модуль Apache, а после обновления до версии 5.3.9 пришлось его заставить работать в режиме FastCGI и внезапно для себя понял, что при открытии некоторых проектов на локальном компьютере я получаю надпись No input file specified.


Все свои веб проекты я разрабатываю на фреймворке CodeIgniter (3.0-dev), а там используется MVC архитектура приложения. Так что решение оказалось довольно простое - без изменения конфигов самого фреймворка. В htaccess пишем:

#обработка url через index.php
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d

<IfModule mod_php5.c>
RewriteRule ^(.*)$ index.php/$1 [L]
</IfModule>

<IfModule !mod_php5.c>
RewriteRule ^(.*)$ index.php?/$1 [L]
</IfModule>

Разница в "?".

Если есть вопросы - прошу в комментарии.

[FIXED] mysqlnd cannot connect to MySQL 4.1+ using the old insecure authentication, CodeIgniter, 1gb.ru, php 5.3

8 коммент.
Появилась проблема - пытался с локального компьютера подключиться к удаленной БД, расположенной на сервере Хостинга 1gb.ru. На локальном компьютере установлена версия php 5.3.9, а фреймворком был CodeIgniter 3.0 dev.

При попытке подключения к удаленной базе получал ошибку:
mysqlnd cannot connect to MySQL 4.1+ using the old insecure authentication...
Это значит, что на серверах 1gb.ru все еще используется хранение паролей в виде 16-тисимвольных хэшей. Если бы я работал с собственным сервером, то нашел бы my.cnf и удалил бы там строку old_password = 1 и заменил бы хэши паролей в таблице mysql.user на новые, 41-символьные.

MySQL, импорт дампа и ошибки "out of memory" и "max_allowed_packet"

среда, 16 мая 2012 г.

0 коммент.
Появилась необходимость залить довольно большой дамп базы на сервер (Debian) и сначала получил ошибку про max_allowed_packet - мол превышает. Чтобы избавиться от ошибки пришлось пойти в /etc/mysql/my.cnf, найти там параметр

[mysqld]
....
max_allowed_packet    =   16M

Изменил значение на 1024M, сохранил файл, вышел и в консоли перезапустил mysql сервер

/etc/init.d/mysql restart

Socialite.js - управляемые кнопки соц. сервисов

понедельник, 14 мая 2012 г.

0 коммент.
Socialite.js - JavaScript библиотека, позволяющая получить большие возможности по управлению кнопками соц. сервисов.

Библиотека "весит" весит всего 2kb (в сжатом виде), независима от других библиотек и позволяет загружаться виджетам соц. сетей подгружаться по событию, чтобы не замедлять загрузку страниц.


AppJS - создание десктопных программ с помощью html, css, js

0 коммент.
Компьютерные программы определенно имеют свои преимущества перед онлайн-средствами и утилитами. Такие как - скорость работы, возможность работы с файловой системой, работа в фоне, уведомления и пр.

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

AppJS  дает отличную возможность писать десктопные приложения, используя веб-технологии (html, css, js).


Элемент select не обновляется при перезагрузке страницы в Firefox

суббота, 12 мая 2012 г.

2 коммент.
Довольно трудно описать проблему в заголовке. Но попробую описать подробнее тут. Те, кто сталкивался с веб-разработкой, возможно, замечали странное поведение элемента select в в форме: если выбрать какие-то пункты и нажать F5 на странице, то эти пункты после обновления будут все еще выбраны. В исходное состояние они придут после нажатия Ctrl+F5.

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

Fixie.js - автоматические наполнение веб-страниц

пятница, 11 мая 2012 г.

0 коммент.
При работе над новым веб-проектом всегда встает вопрос наполнения страниц временным контентом. Лучше всего для этих целей подходил всегда стандартный "Lorem Ipsum..." текст.

Fixie.js - очень простая JavaScript библиотека (не зависит от какого-либо фреймворка типо jQuery и пр.), которая автоматически анализирует HTML5 разметку и добавляет соответствующий контент в блоки.

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


Требования: нет
Совместимость: все современные браузеры
Сайт: http://fixiejs.com/
Скачать (зеркало).

Векторные карты с jQuery - JQVMap

четверг, 10 мая 2012 г.

0 коммент.
JQVMap - это jQuery плагин для отрисовки векторных карт с использованием SVG для современных браузеров и VML для устаревших.

Это довольно серьезно переработанная версия другого плагина jVectorMap и поставляется с готовыми для использования картами мира, США, Европы и Германии.

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


Бесплатные иконки погоды в форматах PSD и AI - Climacons

0 коммент.
Иконки погоды - одни из самых используемых иконок на сайтах.
Climacons: набор из 75 бесплатных пиктограмм, которые подойдут для отображения любого состояния погоды на вашем сайте.
Иконки выполнены в форматах .PSD и .AI и бесплатны как для персонального, так и для коммерческого использования.
Сайт: http://adamwhitcroft.com/climacons/
Скачать (зеркало).

UPD: Meteocons - еще один набор бесплатных иконок погоды.

DOMXpath->query() и относительные пути в запросах

понедельник, 30 января 2012 г.

0 коммент.
DOMXpath очень удобно использовать для парсинга страниц. Это раньше все регулярками делалось, жутко неудобно. А xpath значительно упрощает эту процедуру. Конечно же, удобней когда работаешь с валидным html или xml документом. Простую html страницу к полной валидности вам поможет привести такой инструмент как tidy. Список его опций довольно богат, да и информацию о нем найти можно. Или я как-нибудь напишу. Но сейчас не об этом.

У DOMXpath есть метод query(), который и делает выборку по нашему запросу. Сам запрос передается первым параметром. Но иногда возникает необходимость сделать еще один запрос внутрь предыдущего результата. Как раз вторым параметром в метод query() идет $contextnode.

Copyright © 2010 WEB IT blog