FEEDs

« Expand/Collapse

Псих

January 23, 2012
Креативна реклама – розумний злодій таки попався))
» ‎ Псих

Дуже подобаються такі креативні рекламні ролики. Супер!

© Домашня Псих'а, 2012. | Креативна реклама - розумний злодій таки попався))
Пофілосовствую..
» ‎ Псих

Книги-тренінги і книги-практики (чи як їх там правильно називати?) загалом дають цінні поради і знання, вірно? Проте, імхо, ці знання цінні не стільки своєю суттю, як вчасністю. Вчасно отримане, потрібне саме зараз, знання вартує сотні просто отриманих (почитаних, почутих) знань, бо воно дає поштовх до дії саме в цей момент. Або виводить з тупика саме в цей момент. А не у гіпотетичному, майбутньому моменті життя чи періоді. Що мені з того, якщо я прочитаю 10 книжок – хороших, з порадами, з досвідом, – але у них я не знайду відповідь на проблему, через яку я “застряг” тут і зараз.

У мене взагалі часто буває: проходив у магазині повз книжнкову полицю, впала в очі випадкова книга, підійшов і розгорнув на випадковій сторінці, а там якраз відповідь на те, що “гризе” в даний момент (період). Випадковість? Може й ні. Адже, наприклад, все таки чомусь я пішов у той магазин, а не сидів вдома на дивані, вірно? Все таки це випадковість лише до певної межі.

А у вас таке буває?

© Домашня Псих'а, 2012. | Пофілосовствую..
January 18, 2012
Comand & Conquer у HTML 5 та JS!
» ‎ Псих

Просто неймовірно – стародавня іграшка Comand & Conquer реалізована у HTML 5 та JS! Автор порта Aditya Ravi Shankar.

Ох, скільки годин я свого часу провів за цієї іграшкою ледве не ламаючи геймпад продвинутої на той час PlayStation. Цікаво було згадати як виглядала колись ця гра.

© Домашня Псих'а, 2012. | Comand & Conquer у HTML 5 та JS!
January 12, 2012
January 11, 2012
Firefox 9 кращий браузер на Windows 7*
» ‎ Псих

*Кращий порівнянно з IE9, Chrome 16, Opera 11.60 та Safari 5. Дослідження зроблене tomshardware.com і браузер Firefox 9 переміг на Windows 7. А на Mac OS X переміг Safari 5. Тож робіть висновки

© Домашня Псих'а, 2012. | Firefox 9 кращий браузер на Windows 7*
January 03, 2012
Переклад українською плагіна Jigoshop
» ‎ Псих

Як і обіцяв раніше викладаю переклад чудового e-commerce плагіна Jigoshop.

Можливо у перекладі є русизми чи неточності. Ви можете написати мені про них і я виправлю ці недоліки.

© Домашня Псих'а, 2012. | Переклад українською плагіна Jigoshop
December 30, 2011
З наступаючим Новим Роком!
» ‎ Псих

Вітаю усіх з наступаючим Новим Роком та Різдвяними святами! Бажаю здійснення усіх планів та мрій у новому році!!

Гарна листівка-привітання у подарунок

© Домашня Псих'а, 2012. | З наступаючим Новим Роком!
December 26, 2011
Проблема з пустими тегами параграфа () у WordPress
» ‎ Псих
Є така проблема у WordPress: додавати пусті теги параграфа (наприклад: <p>) при їх виведенні там де треба і там де не треба.

Вся справа у функції wpautop. Це корисна функція, якщо ви пишете текст допису у режимі HTML редактора. Адже тоді вам достатньо залишити один пустий рядок між текстом і двигунець зрозуміє це як новий параграф.
Але у вас точно виникнуть проблеми, якщо ви насправді не хочете робити новий параграф. Наприклад, я зіткнувся із ситуацією, коли з нового рядка у мене має йти тег посилання, але двигунець з якогось дива приписує до нього відкритий тег параграфа. Як же його позбутись??

Рішень є кілька. Все залежить від ваших потреб Одне з них – скористатись додатковою функцією форматування, як це пропонує WPrecipes.com. Мені ж треба було щось значно простіше ніж операції над фільтрами двигунця. Як виявилось, щоб локально вивести текст допису так щоб лише з форматуванням заданим самим користувачем – треба замість:
```
<?php the_content(); ?>
```
скористатись:
```
<?php echo get_the_content(); ?>
```
© Домашня Псих'а, 2012. | Проблема з пустими тегами параграфа (<p>) у WordPress
December 21, 2011
Порівняльна таблиця HTML5 відео плеєрів
» ‎ Псих

Випадково натрапив на порівняльну таблицю HTML5 відео плеєрів. Навіть здивувся їх кількості.

Певний час назад в роботі над одним проектом мені потрібне було таке рішення. Пошук видав не надто багато результатів і у підсумку я скористався LeanBack Player. Тепер бачу, що існують і кращі варіанти.
Не знаю, може комусь ця табличка принесе користь, стане якраз у нагоді. Як колись повинна була стати мені.

© Домашня Псих'а, 2012. | Порівняльна таблиця HTML5 відео плеєрів
December 18, 2011
Аналітика Twitter екаунта
» ‎ Псих

Сабж дуже легко дізнатись з допомогою сервісу Foller.me. Вкажіть назву екаунту, що вас цікавить, і через хвилину-другу отримаєте досить детальні дані по ньому. Окрім “стандартних” типу к-сті твітів та фоловерів є також дані по популярних хештегах, згадок користувачів, часто вживані слова у повідомленнях, к-сть веселих і сумних твітів (визначає по смайлам), популярний час доби, коли користувач найчастіше твітить. І ще є секція, де будуть позначені всі фоловери екаунта на мапі світу. Пишуть, що вже скоро. Чекаємо

© Домашня Псих'а, 2012. | Аналітика Twitter екаунта
December 17, 2011
WordPress 3.3 – оновлювати?
» ‎ Псих

У версії WordPress 3.3 багато зручних фішок. Та й загалом душа бажає нового Але якщо вірити ось цій статті з опублікованими тестами чотирьох різних гілок лінійки 3.х, то може і не варто ще спішити?

© Домашня Псих'а, 2012. | WordPress 3.3 - оновлювати?
E-commerce плагін для WP – Jigoshop
» ‎ Псих

Імхо, Jigoshop – найкращий з безкоштовних на сьогоднішній день.

Незабаром я викладу переклад плагіна українською мовою. А сьогодні хочу поділитись невеличким патчем до версії 0.9.9.3. Поки у наступній версії виправлять цей баг, то ще може пройти трохи часу. Баг заключається у неправильному форматуванні таблиці сторінки відслідковування статусу товару. Переплутані ячейки таблички через що остання стає нечитабельною. Патч це файл order_tracking.php з правильним форматуванням таблички. Достатньо замінити файл плагіна на цей і все стане гаразд

© Домашня Псих'а, 2012. | E-commerce плагін для WP - Jigoshop
December 07, 2011
HTML5: орієнтація на мобільні пристрої
» ‎ Псих

Заголовок допису, а саме – орієнтація середовища HTML5 на мобільні пристрої – це безумовний тренд 2011 року! Цьому явно сприяє величезне поширення смартфонів (а віднедавна і планшетів). Думаю, те яких обертів набрала ця тенденція у році теперішньому – це лише сходження до піку. Пік же настане десь ближче 2013 року і протримається довго. Це, якщо бажаєте, мій прогноз.

Що заставляє бути таким впевненим у сказаному? Безперечно це світовий досвід вже здійсненого. Приміром, у 2011 The Financial Times відмовилась від рідного для iOS додатку, що дозволяв зручно читати новини сайту на пристроях iPhone/iPad. Натомість, вони вирішили зосередитись на кросплатформеному HTML5 додатку. І ось результат: більше 700 тис. користувачів скористались веб додатком The Financial Times, що зробило його популярнішим за аналогічний додаток на Apple AppStore. Вражає, хіба ні? І перевага тут очевидна – один додаток покриває і iOS і Android пристрої!

Ще згадаю про практичні засоби реалізації. От зовсім недавно відбувся реліз jQuery Mobile – уніфікованої, базованої на HTML5 системи створення інтерфейсу для всіх популярних платформ мобільних пристроїв.
Є ще більш вражаючий за своїми можливостями open-source проект appMobi. appMobi це кросплатформений JavaScript міст, що дозволяє веб сайтам/веб додаткам отримати доступ до API пристроїв під керуванням iOs та Android.
Звісно, це не всі існуючі на даний момент засоби. Я просто виділив ці два як приклад.

Виникає питання: навіщо намагатись отримати доступ до часто платних (наприклад для iOS, ага) спеціалізованих програм для розробки додатків для тієї чи іншої мобільної платформи, коли те саме можна успішно зробити з допомогою HTML5? Більше того, таким чином можливо зробити всього один кросплатформений додаток!

© Домашня Псих'а, 2012. | HTML5: орієнтація на мобільні пристрої
November 24, 2011
Ідіотизм окремо взятого банера
» ‎ Псих

Горе дизайнер (або копірайтер, маркетолог, менеджер – необхідне підкреслити) придумав ось такий банер і який зараз розміщений на одному з “українських” (російськомовний сайт на українському домені, ага) нет-магазинів:

Наче непогана ідея (хоч і не оригінальна), але, імхо, повністю дурнувате втілення. Важко було написати “листопад цін” – правильно і на українській мові? Що “ноябрьопад цен” не підходить, та?

UPD в коментарях мене просвітили, що є таке рос. слово “листопад”… але моя думка про цю ситуацію фактично незмінна – це тупо

© Домашня Псих'а, 2011. | Ідіотизм окремо взятого банера
November 22, 2011
Мозок дизайнера
» ‎ Псих

По ходу він повинен виглядати саме так

Автор: prkn

© Домашня Псих'а, 2011. | Мозок дизайнера
November 20, 2011
jQuery плагін: Unibox
» ‎ Псих

В рамках моєї посиленої практики у JavaScript/jQuery зробив простенький плагін Unibox. По функціоналу він є нічим іншим як простеньким клоном lightbox галереї. Вміє лише зображення завантажувати (ага, ніякого інлайн контенту.. поки що) і то по одному, дуже простий у користуванні. Налаштування зовнішнього вигляду через css

Демо тут

Напевно, у ньому є баги. Я не перевіряв у всіх браузерах. Проте, якщо ви знайдете такі – будь ласка, повідомте мені тут у коментарях. Я планую розвивати цей плагін. Планую додати опції, ще щось.. не знаю.. Час покаже

© Домашня Псих'а, 2011. | jQuery плагін: Unibox
November 19, 2011
Facebook подав до суду на розробника теми для WP
» ‎ Псих

Історія така. Не так давно індонезійський блогер Ainun Nazieb створив тему для WordPress з дизайном, що точно повторює “до-таймлайнівський” дизайн профілю користувача соціальної мережі Facebook. Та не тут то було – Facebook подав до суду через порушення блогером авторських прав. Як зазначено у повідомлення сайту wpcandy.com, проти останнього подано два позови за кримінальними статтями та один цивільний позов. Максимальна сума штрафу може сягнути більше 200 тис. дол. США.

Шкода, одначе, людину. Хоча з іншого боку так і хочеться сказати: піратству – бій! А ви що думаєте з цього приводу?

© Домашня Псих'а, 2011. | Facebook подав до суду на розробника теми для WP
November 15, 2011
Рок: Golden Earring – Going to the run
» ‎ Псих

Ну а кавер на цю пісню від групи “Ария” напевно чули всі.

© Домашня Псих'а, 2011. | Рок: Golden Earring - Going to the run
То все таки Disqus чи IntenceDebate?
» ‎ Псих

Зізнаюсь, це питання мене “мучить” вже давно. Обидві системи вже досить популярні у інтернеті. Вони є на багатьох сайтах і, знаєте, підкупляє те, що коли заходиш на новий сайт, а там раз – і ти вже типу залогінений у системі коментування і можеш вільно коментувати. Погодьтесь це зручно (мені – так, бо я не параноїк і мені всерівно яке там “всевидяче око” за мною слідкує і чи слідкує взагалі)!

Я от думаю, може у блозі причепити одну із систем? А яку тоді вибрати? Мій блог на WP, а WP і IntenceDebate фактично розробляє одна і та ж компанія. Це напевно додає якісь плюси у інтеграції. А може й ні, я ж не пробував. Може у кого є досвід, то підкажіть будь-ласка!
З іншого боку – мені особисто більше подобається (візуально) Disqus. З ним я навіть працював на кількох проектах, досить так нічого, зручна адмінка.

Ок, може розглянути конкретні і відомі мені плюси і мінуси обидвох систем? Спробуємо?

Ось плюси і мінуси Disqus:
+ Суб’єктивно для мене: симпатичніший вигляд.
+ Ця система популярніша, зустрічається на більшій к-сті сайтів та блогів.
- Ще не зустрічав локалізованого (на українській мові) варіанту.
- Унікальний вигляд коментарів налаштувати не вийде. Змінити якось вигляд взагалі проблематично або неможливо.
- Є тільки “лайки”, а от “замінусувати” поканий комент не можливо

Ось плюси і мінуси IntenceDebate:
+ Сам процес коментування, розміщення полів, коментування анонімусом – все інтуїтивніше і зрозуміліше.
+ Можна плюсувати і мінусувати коментарі
+ Гарно інтегрується з WordPress, вигляд можна налаштувати змінивши стилі
- Великий і жирний: коментарі завантажуються скриптом, у коді їх тексту немає і тому пошуковик їх не проіндексує (наскільки мені відомо)
- Всерівно є глюки, можуть пропадати коментарі (судячи з відгуків).. але й Disqus цей пункт стосується.

А ще мене напрягає, що всі мої коментарі будуть зберігатись хто знає де, на якихось далеких серверах. А якщо все це накриється (ага, ось тут я параною..)??

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

© Домашня Псих'а, 2011. | То все таки Disqus чи IntenceDebate?
November 11, 2011
Народження донечки!
» ‎ Псих

Тепер я татусь! Сьогодні у мене народилась дочка. Гарна і співоча)) Йо-хоу!!!

UPD Відео красуньки на youtube.

© Домашня Псих'а, 2011. | Народження донечки!
November 10, 2011
Оновлення: Журналіст 1.3
» ‎ Псих
Чергове оновлення преміум-теми “Журналіст”. Тепер версія 1.3. Далі йде не виключний перелік змін і доповнень.
1. Додано підтримку головного зображення (Featured Image у оригіналі). Додано спеціальний розмір фото 500х250 – ідеально підходить для слайдера. Тепер, якщо було встановлено головне зображення для допису – то саме воно буде відображатись у слайдері. Якщо ж ні – то як і раніше братиметься перше зображення додане до даного допису.
2. Додано шейринг кнопку “+1″ у блок “про автора” під кожним дописом.
3. Замінив чотири існуючі і додав нову іконку соц. сервісів та мереж. Імхо, нові стильніші і цікавіші Тепер п’ятою іконкою є іконка новенького сервісу від Google +Сторінка. Іконка настільки нова і свіжа, що ще навіть гаряча (ой! обережно, не попечіться )!
4. Перероблений і доповнений кастомний віджет “Особиста думка”: тепер можна задавати автора, к-сть дописів та категорію дописів.
5. До всіх дописів та сторінок додано SEO мета бокс. У ньому ви можете прописати кастомний тайтл і/або опис сторінки.
6. Кілька фіксів минулої версії.
Демо теми Журналіст

Акція! Знижка 20% для всіх покупців! Акція триває до 30.11.2011.

Вартість звичайної ліцензії* складає 100 UAH (або 12,5 USD або 9 EUR)
З приводу придбання та інших питань пишіть мені на е-мейл: mr.psiho@gmail.com

* Звичайна ліцензія надає Покупцю не виключну, без права передачі можливість використовувати Роботу. Покупець може використати Роботу лише у одній програмі чи лише на одному сайті. Покупець може використати Роботу як саму по собі так і з власними змінами. Забороняється прямий продаж чи перепродаж чи безкоштовне розповсюдження без прямої згоди Автора. Покупець може використати Роботу для власних потреб чи для потреб свого клієнта. Забороняється використання Роботи у проектах створених для продажу.

© Домашня Псих'а, 2011. | Оновлення: Журналіст 1.3
November 01, 2011
Новий інтерфейс Google Reader
» ‎ Псих

Сьогодні зранку з подивом помітив, що Google Reader то оновили!

При більш детальному огляді виявив, що цей сюрприз для мене і приємний і не дуже водночас. З приємних моментів можу сказати, що мені загалом подобається новий монохромно-аскетичний стиль Рідера. Власне, його “зачесали” під стиль гуглівської соц. мережі. Є пару дрібниць, які я сподіваюсь будуть вирішені досить швидко. Приміром, незручно, що боковій колонці не можливо змінити ширину (а хотілося б, бо вона стала якась вужча).

Ну а мінусів то скільки!! Навіть не по кількості – бо мінус то всього один – але по масштабу перекриває всі плюси! Гугл прибрав (трансформував) зручні функції фоловінгу і шейрингу Рідера, замінивши їх на подібний функціонал своєї соц. мережі. Я ніяк не можу написати тут “замінив на аналогічний функціонал”, бо це щось явно не те! Раніше у Рідері я фоловив багато людей, мені були цікаві статті, що вони розшарюють і коментарі до цих публікацій. Ось саме такий функціонал я хотів би знову. Чого я точно не хочу – це переходити у свій профіль Гугл+ і вишукувати там “розшарені” публікації з Рідера з поміж статусів, фотографій і інших розшарень людей, яких я фоловлю у цьому Гугл+. А саме так буде відтепер. І це шалено незручно!

П.С. Тут люди підписуються під петицеєю до Google, щоб повернути старий Гугл Рідер.

© Домашня Псих'а, 2011. | Новий інтерфейс Google Reader
October 28, 2011
Я на конкурсі БУБА!
» ‎ Псих

Запрошую всіх проголосувати за мій блог на конкурсі Best Ukrainian Blog Awards! Нижче банер із посиланням за яким можна перейти на сторінку голосування:

Правда ж вам подобається мій блог? Тоді скоріш голосуйте – лайкайте та твітайте!!

© Домашня Псих'а, 2011. | Я на конкурсі БУБА!
October 25, 2011
Безкоштовні іконки
» ‎ Псих

Тільки ретельно вибрані, найкращі і безкоштовні іконки для вас, мої любі читачі

Shopping Icons ([365psd.com])

Google Map Markers ([mapicons.nicolasmollet.com])

Pixelbox icon set ([www.icojam.com])

Перейдіть за посиланням і ви побачите що там насправді аж два набори!

Modern Vintage Stickers Badges ([www.pixeden.com])

Імхо, ці просто бомбові! Дуже дуже класна ідея і втілення, не можу надивитись на них.

© Домашня Псих'а, 2011. | Безкоштовні іконки
October 16, 2011
Portal 2
» ‎ Псих

Хто не грав, але любить логічні загадки – обов’язково спробуйте. Я от спробував і мені сподобалось! Правда, гра виявилась надто короткою – всього 8,5 годин геймплею – але досить таки насиченою. Порадувала продуманість і різноманітність логічних загадок. Розчарувала деяка занудність переходів з однієї “кімнати” у іншу “кімнату”. Знову порадували деякі персонажі гри – смішний робот Wheatley, кумедний момент підміни справних роботів-турелів на бракованих (самі браковані роботи дуже потішні ).

У грі дуже гарна графіка, продумані скриптові сценки. Моменти, коли треба було активно втікати від різних підлостей.. м-м-м, скажімо так – головного комп’ютера (так-так, це не завжди буде знайома GLaDOS) мені сподобались найбільше. Це такий динамічний екшен з портальною гарматою, коли треба швидко думати і приймати рішення, коли все навколо швидко ламається, падає, зміщується. І це все так гарно запрограмовано – просто отримуєш задоволення від гри!

© Домашня Псих'а, 2011. | Portal 2
September 28, 2011
ПроХфесіонали докерувались..
» ‎ Псих

Як вам така новина: За кілька годин Україна може опинитись у стані технічного дефолту?? Мдя, покращення вже сьогодні.. А ні, навіть “вчора”! Адже усі рухи коштів на казначейських рахунках припинились ще 23 вересня!! Команда проХвесіоналів у складі тігіпіча, міколи “ні треба скігліти™” янича і решти підрахуїв впевнено веде країну в… (продовжіть, будь-ласка самі, бо мені одна нецензурщина на думку спадає)

© Домашня Псих'а, 2011. | ПроХфесіонали докерувались..
September 22, 2011
Вказівки (pointers) у WordPress 3.3
» ‎ Псих

Ці Вказівки у новій версії WordPress 3.3 (реліз обіцяють у листопаді) – просто фантастична штука! Якщо під рукою немає дев релізу WP 3.3 щоб спробувати вживу, то дивіться відео на theme.fm.

© Домашня Псих'а, 2011. | Вказівки (pointers) у WordPress 3.3
September 20, 2011
PayPal в Україні: обломалось((
» ‎ Псих

Україну таки забрали зі списку країн отримувачів платежів у системі PayPal. На цій сторінці чітко видно, що у оновленні правил сервісу, що заплановане на 24 вересня, Україна у числі країн отримувачів не згадується. Так що таки обломалось((

© Домашня Псих'а, 2011. | PayPal в Україні: обломалось((
September 14, 2011
Повна інтеграція з FB Open Graph: фікс для IE7-8
» ‎ Псих
Раніше у своїй статті про повну інтеграцію з Facebook Open Graph я писав: “Просто скопіюйте і вставте нижче наведений код перед закриваючим тегом </body>” і далі був наведений приклад асинхронного коду. По ідеї, один цей код мав би підтримувати всі можливі плагіни від facebook, які ви тільки забажали б підключити. Власне, воно так і є. З однією тільки поправкою..
Клятий Internet Explorer!!!
..вибачте, нестримався, емоції.. Так от, поправка у тім, що IE 7 та 8 впритул не бачать (тобто, не відображають на сайті) соціальних плагінів* при такому способі інтеграції. Отож, для любих віслюків версій 7 та 8 – якщо вони вам не байдужі – потрудіться додати перед самим кодом плагіна окремо ще раз посилання на Javascript SDK. Наприклад, ось так:
```
<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=XXXXXXXXXXXXXXX&amp;xfbml=1"></script><fb:like href="<?php the_permalink(); ?>" layout="button_count" show_faces="false" action="like" font=""></fb:like>
```
* -точно “не бачать” якщо у HTML 5 і точно кнопку “Like”; решту плагінів, якщо чесно, не пробував.

© Домашня Псих'а, 2011. | Повна інтеграція з FB Open Graph: фікс для IE7-8
September 06, 2011
Одиниці розмірів шрифта у CSS
» ‎ Псих
Ви добре знайомі з CSS, впевнені що знаєте всі наявні на сьогоднішній день одиниці розмірів шрифта? Чи знаєте, що вони означають? Ось відповіді на ці запитання ми сьогодні і дамо.

Властивістю що встановлює розмір шрифта є font-size. Всі доступні одиниці розмірів шрифта можна поділити на ті, що встановлюють абсолютні величини і ті, що встановлюють відносні величини. Я не буду зупинятись на абсолютно усіх наявних одиницях розміру, але згадаю найпопулярніші і найвживаніші.
Абсолютні величини Розмір у px
Пікселі – px – це найпоширеніша абсолютна величина розміру шрифта. Звісно, ще є різні там pt, pc, in і ін., але хто б ними користувався, вірно (див. врізку)? Вказувати розмір шрифта у пікселях зручно, адже ви завжди точно знатимете його величину взагалі і у порівнянні з іншими елементами.

pc – це pica, де 1pc дорівнює 12pt; в свою чергу pt – це point, де 1pt прийнято вважати 1/72 inch (дюйма); in – це inch (дюйм), Вікіпедія підказує нам, що 1 дюйм дорівнює приблизно 2,54 см (або довжині нігтьової фаланги великого пальця – на випадок якщо захочете поміряти діагональ свого монітору доступним способом ); cm – сантиметри; mm – міліметри. Імхо, ці величини надто складні для їх ефективного використання.

Єдиний недолік задавання розміру у пікселях є той факт, що при цьому користувачі не матимуть змоги масштабувати розмір шрифта. Всі елементи сторінки – можна, а тільки шрифт – ні.
Відносні величини Розмір у em
Найпоширенішими відносними величинами є em та %. Ці два позначення розміру є фактично ідентичні. Приміром, 50% це те саме, що 0.5em, а 1em це є 100%.

І em і % означають наскільки більшим або меншим буде шрифт вказаного елемента до розміру базового шрифта. Розмір базового шрифта як правило дорівнює 16px – це, на думку браузера, найкращий розмір для читання. Тому, для спрощення, з допомогою стилів розмір базового шрифта зменшують до 10px і тоді стає зручно розраховувати розмір шрифта інших елементів відносні вказаного базового.
```
body { font-size:62.5%; } /* встановлюємо розмір базового шрифта у еквів. 10px */
h1 { font-size: 2.4em; } /* дорівнює 24px */
p  { font-size: 1.4em; } /* дорівнює 14px */
li  { font-size: 1.4em; } /* дорівнює 14px */
```
Але й em є недоліки. Річ у тім, що встановлені значення наслідуються. І, наприклад, розмір шрифта елемента li li (список у списку) вже становитиме 20px (тобто 14px X 1.4). Тому пишучи стилі потрібно передбачити всі такі нюанси і прописати розмір шрифта для li li, li li li чи li li p і т.д. величиною у 1em.
CSS3: розмір у rem
rem це “root em”. Як же воно працює? Величина em є відносною до базового або батьківського елемента, у той час як rem є відносною лише до кореневого html елемента. Отже, стилі із попереднього прикладу варто прописати ось так:
```
html { font-size:62.5%; } /* встановлюємо розмір базового шрифта у еквів. 10px */
body { font-size: 2.4rem; } /* дорівнює 24px */
h1  { font-size: 1.4rem; } /* дорівнює 14px */
li  { font-size: 1.4rem; } /* дорівнює 14px */
```
Щодо підтримки браузерами нової відносної величини, то rem підтримують Safari 5, Chrome 6, Firefox 3.6+ та IE 9. Цього разу підкачав браузер Opera – до версії 11.50 включно (якщо вірити цій таблиці) він не підтримує rem. Тим не менше, застосовувати rem можна вже. Лише потрібно у стилях зазначати спочатку розмір у пікселях, а потім одразу у rem. Тож браузери, що не “розуміють” rem просто пропустять дану декларацію.

© Домашня Псих'а, 2011. | Одиниці розмірів шрифта у CSS
September 03, 2011
Що нового чекати у WordPress 3.3?
» ‎ Псих

Можливо ви в курсі, що нещодавно відбувся щорічний WordCamp, цього разу у San Franscico. На ньому були присутні всі небайдужі до WP розробники. На цьому заході активно обговорювався стан справ сьогодні і напрямки еволюції двигунця у подальшому. Багато-багато різної інформації, але нас цікавить що було чути про нову версію двигунця, вірно?

Згідно повідомлення автора Matt Cohen на сайті http://memeburn.com першим з можливих нововведень буде responsive admin – реагуюча адмінка (особисто я люблю перекладати слово responsive у цьому контексті як “відповідальний” – саме так, у лапках: “відповідальна” адмінка, “відповідальна” верстка і т.д. … може хто краще розуміється у англ. – будь-ласка. підкажіть кращий переклад). Що це означає? Останнім часом взагалі часто зустрічаю словосполучення типу responsive дизайн і означає це те, що сайт одинаково зручно і гарно виглядає на різних платформах – десктоп, смартфон, айпед і т.д. Отож, з релізом WP 3.3 нас очікує адмінка, що пристосовується до екрану пристрою, з якого ви переглядаєте сайт. Це означає, що відпаде необхідність у спеціально створених мобільних версіях і додатках двигунця.

Інше нововведення – реконструкція системи управління медіа двигунця. Автор статті не уточняє, що саме мається на увазі. Але згідно цього повідомлення двигунець змінить аплоадер на новий і сучасніший – Plupload.

Ймовірно, що буде ще 10-20 нововведень, про які ми вже дізнаємось разом з першим RC.

За підтримки:
Экскурсионные туры по Европе от Амиго-Турс.

© Домашня Псих'а, 2011. | Що нового чекати у WordPress 3.3?
September 02, 2011
Безкоштовні HTML5 WP теми
» ‎ Псих

Давненько я не публікував підбірок безкоштовних тем для WordPress. Тому сьогодні буде подібна підбірка та ще й тематична – всі теми виключно у HTML5.

Grey
Тема для блогерів зроблена із застосуванням HTML5 та CSS3. Підтримка: Firefox, Safari, Chrome, Opera та IE8+.

Демо | Завантажити

Spectacular
Якісна тема у приємних, теплих тонах.

Демо | Завантажити

Temple Gate
Ще одна дуже гнучка у налаштуваннях тема. Присутній гарнюній слайдер.

Демо | Завантажити

Busby
Гарна тема для блогерів, гнучка у налаштуванні. Має сторінку налаштувань з купою опцій.

Демо | Завантажити

Euclides
Тема у цікавому стилі, що гарно підійде для блога з уроками по веб програмуванню.

Демо | Завантажити

За підтримки:
Чотиризірковий Прем’єр Готель “Дністер” – найгостинніший готель у Львові.

© Домашня Псих'а, 2011. | Безкоштовні HTML5 WP теми
September 01, 2011
CSS від Twitter
» ‎ Псих

Не так давно у dev блозі компанії Twitter було анонсовано фронт-енд інструментарій для швидкої розробки веб додатків під назвою Bootstrap. Фактично Bootstrap це не що інше, як набір CSS та HTML прикладів з використанням найновіших технік для представлення стильної типографії, форм, кнопок і інших веб елементів.

Повний архів можна завантажити з офіційного сайту Bootstrap на github. Інструментарій доступний не лише у звичному файлі стилів з розширенням .css, а й у форматі динамічної мови стилів LESS. Кому як зручніше користуватись. Крім самих файлів стилів є також приклади розмітки сторінок.

Bootstrap тестувався і підтримує найновіші версії браузерів Chrome, Safari і Firefox, а також Internet Explorer 7+.

За підтримки:
Студия Ardiz – профессиональный ремонт и дизайн интерьеров

© Домашня Псих'а, 2011. | CSS від Twitter