Архів категорії: Довідка

8 ігор, в які грає наш мозок

CUrQESDL2SA.jpg

1. Я був би щасливішим, якби мені доводилося менше трудитися.
Наш розум часто вдається до цього аргументу, стверджуючи, що ми були б щасливішими, якби не мали працювати. Ми уявляємо собі життя, повне розваг, і обманюємося, думаючи, що від цього ми б стали щасливішими. Однак саме неробство часто є головною причиною нудьги і депресії. Ми – працьовиті, творчі створення. Ми повинні вирішувати завдання і вдосконалюватися, щоб бути щасливими. Вклади свою душу в щось значуще для себе, і ти побачиш, як піднявся твій градус щастя!

2. Це не я, це все вони.
Наш розум намагається змусити нас повірити в те, що причина нашого нещастя – в інших людях: знайомих, чоловік, батьки … Ми готові розкидати звинувачення наліво і направо, як малюк розкидає іграшки в дитячому саду. Звичайно, для «танго потрібні двоє» – як ми звинувачуємо інших, так і вони звинувачують нас. Той момент, коли ми беремо на себе відповідальність за своє життя, послужить фундаментом справжнього щастя.

3. Для того, щоб бути щасливим, мені потрібно відкрити секрет щастя.
Секрет у тому, що секретів щастя або успіху немає. Скільки б не переконували нас книги, автори і наш власний розум, ніяких секретних ключів від дверей Простого людського щастя немає. Ви самі створюєте картину свого майбутнього, формуєте стратегію і потім наполегливо і старанно працюєте над її втіленням. Тут немає коротких шляхів. Прийняття цього факту просуне вас по шляху щастя набагато далі.

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

5. Я люблю те, що є, і не хочу змін.
Дозволяючи собі думати подібним чином, ми створюємо всі передумови для падіння вниз. Життя – це подорож у постійні зміни. Якісь із них ми контролюємо, якісь – ні. Опір змінам або спроба взяти все під свій контроль приречені на провал. Зміни неминучі. Ви повинні прийняти це і навчитися плисти в безперервному потоці змін. Здатність до адаптації дуже важлива для щастя.

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

7. Я прийму рішення, коли точно буду знати, що робити.
Чим більше ви думаєте, тим швидше ви заходите в глухий кут. Зважування ризиків, аналіз можливостей і прийняття плану – важливі фактори, але нічого не відбувається до тих пір, поки немає рішення і дій. Ми дуже рідко маємо повну інформацію для прийняття рішень. Стоп сумнівам! Невдача – не кінець світу. Не дозволяйте вашому розуму захопити вас в пастку тотального аналізу всього на світі.

8. Я знаю, що не повинен, але …
Наш розум намагається обдурити нас, заперечуючи наслідки наших шкідливих звичок. Особливо це стосується питань здоров’я. «Я знаю, що не повинна курити, але це допомагає мені схуднути». Або: «Я знаю, що не повинен цього є, але якщо я не можу насолоджуватися життям, то навіщо взагалі жити». Проблеми зі здоров’ям – безумовно, це виклик щастя. Не дозволяйте розуму зловити вас у пастку самовиправдань і поблажливості до своїх слабкостей.

10 ознак розумної людини

http://mars.te.ua/10-oznak-rozumnoji-lyudyny/

1. Розумна людина – це не обов’язково найгірша або найкраща. Розумна людина знає чого хоче, розуміє, як це втілити в життя і робить це.

2. Охайна зовнішність. Розумна людина знає, що зустрічають по одягу. Крім того, психологи стверджують, що привабливі люди зазвичай більш пристосовані, популярні і розумні – це називається гало-ефект або ефект ореолу.

Гало-ефект (ефект ореолу; halo effect, від англ. Halo – ореол, сяйво і лат. Effectus – дія, результат) – результат впливу загального враження про що-небудь (явищі, людині, речі) на сприйняття його приватних особливостей. Прикладом може служити враження, що у людей з привабливою зовнішністю великі розумові здібності.

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

4. Вміння слухати співрозмовника. Емоційна сприйнятливість так само важлива, як і IQ. Слухаючи і задаючи навідні питання, можна дізнатися багато нового. Взагалі, базіка – знахідка для шпигуна.

5. Гарна пам’ять. Дуже багато з того, що вважається розумом – це просто здатність запам’ятовувати, а так само в потрібний момент діставати зі своєї “комори” потрібне знання.

6. Глибоке дихання. Щоб виглядати більш впевненим, потрібно робити глибокі вдихи, щоб мозок насичується киснем. Оточуючим подобаються впевнені в собі люди, тому що вони виглядають як герої, на яких можна покластися.

7. Пряма постава. Велика частина спілкування будується на мові тіла. Якщо сутулиться, то люди підсвідомо будуть вважають, що Ви – ледачий, сором’язливий або дурний.

8. Розширення кругозору. Поняття розуму увазі відкритість поглядів. Не слухайте тільки тих, з ким Ви згодні, читайте різноманітну літературу і вибирайте ті книги, які Ви б не обрали, якби спеціально не задалися метою. Як говориться: “Вік живи, вік учись”.

9. Використання подвійних заперечень і розумних слів. Пояснюєте Ви що-небудь чи ні, люди не посміють поставити запитання, щоб не здатися дурними.

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

А найголовніше, що розумна людина, ніколи не назве себе розумним! Він буде ретельно приховувати свої розумові здібності.

А по вашому? Розумна людина – це …

Інтерактивна карта світу за умовами еміграції і роботи для IT-фахівців

Британське агентство BBC підготувало корисну інтерактивну карту по ТОП-20 найбільш затребуваним фахівцям в різних країнах світу. Звичайно, в ній є і інформація про те, де потрібні розробники, системні адміністратори, IT-консультанти.

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

Наприклад, програмісти потрібні в Австралії, Бразилії, Бельгії, Данії, Німеччини, Норвегії, Росії, Британії та багатьох інших країнах. Якщо ж натиснути при цьому на якусь одну країну, можна подивитися умови в’їзду, в тому числі – для жителів країн, що не входять в ЄС, а також середні зарплати таких фахівців в цій країні. Колір лінії позначає регіон: червоний – країни Америки, синій – Європи, зелений – Азії, сірий – Африки, оранжевий – Океанії.

http://mars.te.ua/emihratsiji-i-roboty/

Дизайн і юзабіліті інтернет-магазину: 20 порад

Напевно, з кожним таке траплялося: знаходиш в пошуковику посилання на сторінку з потрібним товаром, переходиш туди, і через кілька секунд закриваєш вкладку, так як вид магазину залишає бажати кращого і довіри не викликає. Або навпаки: потрапляєш на сторінку красиву, витончену, але мудровану понад усяку міру. Енді Бут, англійський дизайнер і розробник, вже багато років працює в сфері електронної комерції, зібрав 20 порад, які стануть в нагоді кожному, хто хоче створити інтернет-магазин або поліпшити вже існуючий ресурс. Список, звичайно, неповний, але важливі аспекти і ті самі дрібниці, з яких складається враження, в ньому відображені.

1. Складні фільтри

http://mars.te.ua/20-ecommerce-design-tips/
Напевно, варіації є у ​​будь-якого товару – колір, розмір, ціна ітд … Зрештою, опцією може бути упаковка, подарункова або звичайна. Якщо у вашому інтернет-магазині реалізована зручна і зрозуміла система підбору товару за параметрами, він напевно сподобається навіть самим шкідливим покупцям. Подивіться, як фільтри реалізовані в інтернет-магазинах федеральних мереж магазинів побутової електроніки.

2. Пошук легкої “досяжності”

http://mars.te.ua/20-ecommerce-design-tips/
Amazon.com: над головною сторінкою домінує поле пошуку. І таке рішення напевно засноване на роках досвіду. Коли людина потрапляє в інтернет-магазин, але не знаходить те, що йому потрібно, скористатися функцією пошуку – його природне бажання. Тому ховати поле пошуку не слід. Звичайно, за умови що пошук в вашому інтернет-магазині працює належним чином.

3. Інформація про наявність

Так, з точки зору пошукової оптимізації, прибирати з вітрини товар, якого тимчасово немає в наявності – шкідливо. Але чи не шкідливо для бізнесу в цілому засмучувати відвідувачів, які нарешті знаходять жадану вінтажну рамку для постерів, додають її в кошик і отримують від магазину сухий відповідь «Вибачте, товару немає у наявності»? Зрештою, купують у вас люди, а не роботи пошукових систем, так що подбати про їх зручність життєво необхідно. Зробіть блок даних про наявність товару помітним з першого погляду, і забезпечте його полем «Повідомити мене при появі товару».

4. Якісні фото

http://mars.te.ua/20-ecommerce-design-tips/Напевно, немає такої експерта по електронній комерції, який жодного разу в житті не заявляв би про важливість якісних фотографій товарів. І всі ці заяви правдиві. По суті, в інтернет-магазині очі покупця грають головну роль – доторкнутись до речі неможливо. Тому якість фотографій завжди повинне бути відмінним. Таким, щоб у покупця виникло відчуття, що він не просто подивився на картинку товару, а реально його помацав. І не обмежуйтеся одним знімком. А якщо у вас є можливість зробити 3D або відеоролик про товар – скористайтеся ним.

5. Кошик

Принципово, є два підходи до реалізації корзини. Перший має на увазі вивід її вмісту при кожному додаванні товару, другий – показ тільки повідомлення про те, що у кошику є обрана річ чи продукт. Незалежно від застосовуваного в вашому інтернет-магазині варіанту, розташовуйте саму кнопку кошика там, де будь-який покупець зможе легко знайти її. У деяких магазинах кошик завжди знаходиться у видимій області, ковзаючи у краю сторінки разом з прокруткою, є і таке рішення. Головне – не примушувати покупця думати про те, що ж йому необхідно зробити для оформлення замовлення. А для того, щоб зробити кнопку кошика ще більш привабливою, можна «ліпити» на неї маленькі копії фотографій доданих товарів.

6. Хлібні крихти

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

7. Мегаменю

http://mars.te.ua/20-ecommerce-design-tips/Мегаменю – величезна вилітає і перекриває помітну частину сторінки накладка зі списком категорій, розділів і т.д. Мегаменю можна побачити на великих майданчик типу eBay, де продається практично все, що завгодно. Таке рішення дозволяє зберегти простоту навігації при складності структури каталогу. Крім того, мегаменю займають зовсім небагато місця в згорнутому стані. Якщо у вашому інтернет-магазині безліч категорій, придивіться до цього виду меню.

8. Остаточна вартість

Ще одна «прописна» істина: вказуйте на сторінці товару / в кошику остаточну вартість. Ніщо так не відштовхує покупця від інтернет-магазину, як додаткові витрати, пов’язані з доставкою, про яких він дізнається вже «на касі». Можливо, ви зможете працювати за єдиною ставкою на всю зону покриття, або ж взагалі пропонувати безкоштовну доставку; щоб з’ясувати це, проведіть відповідні розрахунки. Якщо ні те, ні інше не представляється можливим, упровадите розрахунок вартості доставки на сторінку товару, або запитуйте у користувача передбачуваний адресу (місто) доставки на початку його спілкування з магазином і автоматично модифікуйте всі ціни в каталозі, показуючи потенційному клієнтові саме ту суму, в яку йому справді обійдеться покупка.

9. Кожен піксель

http://mars.te.ua/20-ecommerce-design-tips/

Енді знайшов дійсно чудовий приклад: інтернет-магазин органічної сільгосппродукції Abel & Cole. За запевненням автора, кожен піксель на сторінках цього сайту працює на його успіх. Розробляючи нову вітрину, продумуючи дії та враження користувача, вносячи коректування в працюючий інтернет-магазин, запитуйте себе, чому той чи інший блок виглядає саме так, чим він гарний у порівнянні з іншими варіантами, і головне – яка його питома корисність для вас і ваших клієнтів.

10. SEO

В умовах постійного зростання ринку ecommerce і все конкуренції, що посилюється, пошукова оптимізація – один з ключів до успіху. Дизайн також має відношення до SEO. Так, пошукові машини небайдужі до правильної верстці текстових фрагментів: використовуйте теги H (заголовок) там, де мова дійсно йде про заголовку. Також подумайте про створення текстового блоку, насиченого цікавими вам ключовими словами.

11. Оригінальність

http://mars.te.ua/20-ecommerce-design-tips/

Так чи інакше, дизайн інтернет-магазину повинен бути оригінальним, унікальним хоча б в окремих елементах. Придумати щось нове досить складно, проте без чогось свого, «родзинки», сайт запросто загубиться серед конкурентів. Така оригінальна особливість – те, що запам’ятає відвідувач в першу чергу.

12. Соціальні медіа

Звичайно, нішевий інтернет-магазин садової начиння або чогось подібного навряд чи збере натовпи фанатів в соціальних мережах. І все ж, нехтувати ними не можна, хоча б через SEO-ефекту. Розташування кнопок і посилань на ваші соц. сторінки і потоки – не таке просте завдання, як здається на перший погляд. Блок не повинен домінувати і привертати до себе занадто багато уваги (як ковзні смужки з кнопками на багатьох блогах), при цьому його слід зробити помітним і очевидним для кожного відвідувача. Навіть якщо користувач не лайкает ваш магазин, а просто «тягне» до себе в стрічку класну фотку чи оригінальне опис, ви вже отримуєте прибуток: про ваш магазин дізнається більше людей.

13. Швидкий перегляд товару

http://mars.te.ua/20-ecommerce-design-tips/Швидкий перегляд – зручна функція, яка створює у відвідувача відчуття прискореного просування по каталогу, в процесі якого він приділяє окремим товарам трохи більше уваги. Швидкий перегляд дозволяє поглянути на річ, не покидаючи сторінку її категорії. Навіть якщо по суті користувач отримує ту ж сторінку товару, але в лайтбоксах з затемненням фону, а не на окремій вкладці, перегляд вважається швидким. Однак краще все-таки наповнювати такий лайтбокс чимось середнім між карткою товару в категорії і його окремої повноцінної сторінкою.

14. Підписка на розсилку

Імейл-маркетинг живий, і, швидше за все, буде здоровим ще довго. Тому збір адрес електронної пошти потенційних покупців – важливе завдання. Розташовуйте форму підписки там, де вона затребувана: у блозі, блоці новин, категорії новинок і розпродажів і т.д. При належній інтенсивності публікацій розгляньте можливість запуску декількох окремих новинних листів: одне – для тих, хто хоче першим дізнатися про знижки у вашому інтернет-магазині, друге – з інформацією про нові товари, третє – з цікавими та корисними тематичними матеріалами.

15. Чисті сторінки
http://mars.te.ua/20-ecommerce-design-tips/

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

16. Відгуки

Відгуки – важлива складова сучасного споживчого інтернету. Зазвичай вони розміщуються на сторінках товару, однак якщо мова йде про відгуки про магазин в цілому, Енді пропонує розміщувати блок з ними в сайдбарі або у вигляді слайдера. Окрема сторінка з відгуками – це добре, але чи багато народу піде туди?

17. Опції та властивості товару

http://mars.te.ua/20-ecommerce-design-tips/

В інтернет-магазині Victoria’s Secret варіації за розмірами і кольорами речей показані найбільш очевидним чином і зрозумілі відвідувачу без зайвих пояснень. Коли мова заходить про вибір властивостей товару, намагайтеся зробити все можливе, щоб у користувача не виникло питань. Графічне відображення зрозуміліше слів, так що кольори краще позначати саме квітами, інші характеристики – іконками.

18. Чекаут без перешкод

http://mars.te.ua/20-ecommerce-design-tips/Сторінки оформлення замовлення – та сама мета, до якої ви хочете привести покупця. І коли він потрапляє туди, не слід давати йому можливість вийти з чекаута. Приберіть всі зайві посилання і блоки, не намагайтеся продати щось на додаток до того, що вже є в кошику. Чим менше відволікаючих чинників на касі інтернет-магазину, тим вище шанси на продаж.

19. «У корзину»

Очевидне правило: кнопка «В кошик» – заклик до дії, і вона повинна виділятися на тлі інших блоків і елементів інтернет-магазину. За своїм «вазі» вона ні в якому разі не повинна поступатися іншим кнопкам, навіть якщо вам дуже хочеться отримати якомога більше Лайки в соц. мережах.

20. Контакти

http://mars.te.ua/20-ecommerce-design-tips/

Само собою, у багатьох покупців виникне бажання зв’язатися з вами для уточнення нюансів. В ідеалі, інтернет-магазин повинен пропонувати номер 8-800 для безкоштовних дзвінків. Як мінімум, вказуйте свою адресу електронної пошти і звичайний номер телефону, а також пропонуйте відвідувачам відправити вам повідомлення безпосередньо з сайту, за допомогою спеціальної форми. Лайвчат – вікно миттєвого зв’язку із менеджером – може стати хорошим доповненням до «Контакту озброєнню» вашого інтернет-магазину.

Джерело: Ecommerce web design: 20 essential tips

Чому важливий DOCTYPE і як його правильно використовувати

doctype-logo.jpgВирішив проводити регулярні лекції та практичні заняття зі своїмиспівробітниками з програмування на PHP, MySQL, Javascript. А також іншимтехнологіям необхідним для випуску якісних сайтів. Почати вирішив з самого «верху», з HTML тегів. Буду радий, будь-яким коментарям 🙂
Відразу обмовлюся, що більша частина інформації я знайшов в інтернеті, внизустатті будуть наведені посилання на джерела. Частина інформації булапереведена спільно з google translate.
Отже:

Чому так важливий DOCTYPE  

 Начебто б ви зробили все правильно, але ваш сайт чомусь не виглядає або не працює, як очікувалося, в останніх версіях браузерів. Ви написали правильний стандартний XHTML код і стандартний CSS. Вискористалися стандартною специфікацією для роботи з DOM (Document Object Model), щоб керувати динамічними елементами на сторінці. І все-таки, вброузерах, які здавалося б зроблені з дотриманням саме цих стандартів, вашсайт не працює. Швидше за все, помилка криється в неправильному заголовкуDOCTYPE. Ця не велика стаття розповість вам про заголовках DOCTYPE, які працюють, а також пояснить практичне і теоретичне значення цього, здавалося б абстрактного від реальності, тега. 

Что такое DOCTYPE?

Згідно специфікаціям HTML і XHTML тег DOCTYPE (що означає «оголошення типу документа») повідомляє валідатора, яку саме версію (X) HTML ви використовуєте у своїй сторінці. Цей тег повинен завжди перебувати в першому рядку кожної сторінки. Тег DOCTYPE – ключовий компонент web-сторінок, які претендують на відповідність стандартам: без нього ваш код і CSS не пройдуть перевірку валідатором.
Тег DOCTYPE також важливий для правильного відображення і роботи сторінки в броузерах, що відповідають стандартам (Mozilla, IE5/Mac, і IE6/Win).
Тег DOCTYPE, в атрибутах якого вказується повний URI (повний web-адресу), повідомляє броузерам, що сторінку потрібно вивести з дотриманням певного стандарту або підвиду цього стандарту.
Якщо ви будете користуватися неповним тегом DOCTYPE, застарілим його видом, або взагалі забудете про нього, броузер перейде в «загадковий» (quirk) режим і буде виходити з припущення, що ви писали код сторінки з помилками й вільно відступали від стандартів, т.е . так, як писали в кінці 90-их років.
В цьому режимі броузер спробує розібрати вашу сторінку за правилами зворотної сумісності і виведе на екран, наприклад, CSS так, як його вивів би Internet Explorer 4-ої версії, а DOM буде працювати так, як він працював саме в цьому броузері (IE перемикається в свій старий DOM, а Mozilla і Netscape 6 перемикається взагалі в бог знає що).
Зрозуміло, що для вас ці викрутаси не бажані. Але саме це ви і отримаєте, якщо будете користуватися неповним або неправильним тегом DOCTYPE.

 Проблема

Коли створювали NN4, IE4 виконували правила CSS не зовсім відповідно до стандарту. Реалізація Netscape була просто жахливою, IE4 підійшов до реалізації стандарту краще, але тим не менш, реалізував його не до кінця.Хоча IE 5 Windows виправив безліч помилок IE 4, але залишалися інші збої вCSS (в основному в моделі вікон (window model)).
Тому, коли відповідність стандартам стало важливим, W3C поставиввиробників браузерів перед жорстким вибором.
Наблизиться до специфікації W3C було одним з рішень проблеми, але якщо бвиробники браузерів просто змінили реалізацію CSS, щоб відповідати стандартам повністю, багато веб-сайти, «поповзли» б більшою чи меншою мірою або виявилися повністю не працездатними. Таке зближення здотриманням стандарту спричинило б за собою проблеми. З іншого боку, неприведення до відповідності стандартів могло б внести вічну плутанину в епохувійни браузерів.  

 Рішення

Тому вирішенням цієї проблеми було

  • дозволити веб-розробникам, які знали про стандарти, вибирати який режим використовувати.
  • продовжувати показувати старі сторінки за старими (сумісним) правилами.(quirks mode)

Іншими словами, всім браузерам необхідно було працювати в двох режимах: режим сумісності для старих правил, і строгого режиму для стандарту.
IE Mac був першим браузером використав обидва режими, а Windows IE 6, Mozilla, Safari, Opera і наслідували його приклад.
IE 5 Windows, а також старі браузери, як Netscape 4, постійно заблоковані врежимі сумісності.

Рішення про вибір, який режим відображення потрібно викликати, було знайдено у використанні «DOCTYPE» перемикання. Згідно стандартам, будь-який (X) HTML документ повинен мати DOCTYPE який розповідає всьому світу,який тип (X) HTML документа він використовує.  

Допустимі DTD

 
DOCTYPE Опис
HTML 4.01
“>www.w3.org/TR/html4/strict.dtd”> Строгий синтаксис HTML.
“>www.w3.org/TR/html4/loose.dtd”> Перехідний синтаксис HTML.
“>www.w3.org/TR/html4/frameset.dtd”> В HTML-документі використовуються фрейми.
XHTML 1.0
“>www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”> Строгий синтаксис XHTML.
“>www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> Переходний синтаксис XHTML.
“>www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd”> Документ написаний на XHTML и містить фрейми.
XHTML 1.1
“>www.w3.org/TR/xhtml11/DTD/xhtml11.dtd”>

Розробники XHTML 1.1 припускають, що він поступово витіснить HTML. Ніякого поділу на види це визначення не має, синтаксис один і підпорядковується чітким правилам.

 HTML 4.01 DTDs

  •  HTML 4.01 Strict – Не дозволяє презентаційної (оформлювальної) розмітки, аргументуючи тим, що цим повинен займатися CSS.
  • Transitional DTD дозволяє деякі застарілі атрибути та елементи
  • Якщо використовуються фрейми – повинен бути використаний frameset doctype 

XHTML 1.0 DTDs

  •  XHTML Strict DTD найсуворіший існуючий DTD: застарілі (см нижче) теги непідтримуються, і код повинен бути написаний правильно
  • XHTML Transitional DTD такий же як XHTML Strict DTD, але старі теги дозволені. Це найбільш популярний зараз DTD.
  • XHTML Frameset DTD єдиний XHTML DTD який підтримує фрейми.  

 XHTML 1.1 DTD

Це новий DTD, який має строгість як у XHTML 1.0 Strict, і заснований нафреймворку і модулях описаних в Modularization of XHTML (не став шукати що це таке :). 

Статистика використання різних DTD

Старкувата (з 2004 по 2008 рр.), звичайно, але нової не знайшов.
http://www.qindex.info/Q_get.php?g_clss=forum&g_prcss=thrd&g_tmplt=&g_brd=5&g_thrd=128

Виходить що Більше 50% сайтів працюють в режимі quirk modeтобто в режимі IE4! 

Застарілі теги і атрибути

Застарілі теги в алфавітному порядку

<applet> Використовуйте тег <object>.
<basefont> використовуйте CSS.
<blockquote> використовуйте CSS.
<center> використовуйте CSS.
<dir> використовуйте <ul>.
<em> використовуйте CSS.
<font> використовуйте CSS.
<isindex>
<listing> використовуйте <pre> або CSS.
<menu> замініть тегом <ul> або CSS.
<nextid>
<plaintext> використовуйте <pre> або <a href='view-source:http://somesite.com'> Source code </ a>.
<s> використовуйте <del> або <ins>.
<strike> використовуйте <del> або <ins>.
<u> використовуйте CSS.
<xmp> використовуйте <pre> і CSS стиль.

 Застарілі HTML / XHTML атрибути тегів. Всі вони можуть бути замінені CSSстилями.  

  • align
  • alink
  • background
  • bgcolor
  • color
  • hspace
  • link
  • size
  • text
  • type
  • vlink
  • vspace

  Різниця між HTML і XHTML (вказані правила для XHTML)

  •  Теги повинні бути написані в нижньому регістрі, замість <IMG SRC=”resource/frankisboat.gif” WIDTH=”389″ HEIGHT=”227″ BORDER=”0″ ALT=”boat”>, як це було в HTML, потрібно писати <img src=”resource/frankisboat.gif” width=”389″ height=”227″ border=”0″ alt=”boat” />:
  • Всі теги повинні закриватися, або з використанням тега зі слешем в парі, як параграф (

    ) наприклад, або самозакриваються теги, як наприклад (
    ).

  • Всі теги повинні бути правильно вкладені одна в одну, без перекриттів
  • Не повинні використовуватися застарілі теги
  • Всі атрибути повинні бути набрані в нижньому регістрі
  • Всі значення атрибутів повинні бути укладені в одинарні або подвійні лапки
  • Всі атрибути повинні використовуватися в довгій формі, а не в короткій:disabled = “disabled” в XHTML проти DISABLED в HTML
  • Структура повинна бути відокремлена від контенту. Наприклад тег

    – це частина контенту (параграф) і ви не можете помістити в нього наприклад таблицю, тому що таблиця це частина структури (форматування).  

Сумісність і IE8

IE8 має чотири режими: IE 5.5 режим сумісності, IE 7 стандартний режим, IE в 8 стандартному режимі і IE 8 в режимі сумісності.
Вибір способу залежить від даних з різних джерел: DOCTYPE, meta елементів, заголовків HTTP, періодично завантажуються даних від Microsoft (!),Інтрамережі, налаштувань, зроблених користувачем, налаштувань зроблених адміністратором, наявності сайту в блеклісте microsoft та інше! 

 Схема визначення в якому режимі працювати браузеру IE8  

http://hsivonen.iki.fi/doctype/ie8-mode.pdf 

Джерело http://habrahabr.ru/blogs/webdev/71364/  

Що таке HTML5?

HTML5

Що таке  HTML5 і з чим його їдять…спочатку трішки історії.

Робота над HTML5 почалася вкінці 2003 року, як доказ концепції, що можна розширити форми HTML4 багатьма можливостями з XForms 1.0, не вимагаючи змін несумісних із існуючими веб-сторінками. На цій ранній стадії, хоча проект уже був доступний для громадськості, і приймав критичні зауваження, специфікація була захищена авторськими правами Opera.

На початку 2004 року доробок був представлений спільно Mozilla і Opera на розгляд W3C на робочому обговоренні майбутнього веб-застосунків. Пропозицію було відхилено через суперечності з раніше обраним W3C напрямком еволюції Інтернету — XHTML.

Невдовзі після цього, Apple, Mozilla і Opera оголосили про свій намір спільно продовжити роботу. Було створено відкритий список розсилки, і проект було перенесено на сайт WHATWG. У авторське право була внесена поправка, що робота буде спільно належати всім трьом постачальникам, і допускатиме повторне використання специфікацій.

У 2006 році W3C висловило зацікавленість у специфікації, а також створила робочу групу для роботи разом із WHATWG над розробкою специфікації HTML5. Робоча група відкрита в 2007 році. Apple, Mozilla і Opera дозволили W3C опублікувати специфікацію під ліцензією W3C, зберігаючи при цьому версію з менш обмежувальною ліцензію на сайті WHATWG. З того часу обидві групи працюють разом.

22 січня 2008 представлена чернетка чергової, п’ятої версії мови гіпертекстової розмітки HTML.

Робота над HTML 5, що почалася в 2004 році, зараз доводиться до кінця спільними зусиллями W3С HTML WG і WHATWG. У розробці також беруть участь багато ключових фігур, включаючи представників найбільших розробників браузерів: Apple, Google, Microsoft, Mozilla і Opera; також інші організації й користувачі з різними інтересами і досвідом.

Ось і історії кінець…а що ж нового пропонує нам HTML5… від чого відмовились а що ж додали.

У загальному з нової версії мови пропонується прибрати близько 15 теґів.

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

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

Елементами header є заголовки розділів. Вони можуть складатися з декількох частин — наприклад, було б виправдано розділяти блок заголовка на підзаголовки, історію версій або вказання авторства. Елемент footer визначає нижню частину розділу, до якого він відноситься. Зазвичай він містить інформацію про розділ — наприклад, ім’я автора, посилання на схожі документи, копірайт і тому подібне. Блок nav містить список посилань для навігації. Підходить, наприклад, для навігації по сайту, або для змісту. Елемент aside підходить для розміщення вмісту яким-небудь чином спорідненого основному контенту. У звичайному випадку буде корисний для розмітки бічної колонки. Тег section представляє загальний розділ документа або додатку, наприклад, такий як розділ. Тег article відзначає незалежний розділ документа, сторінки або сайту. Застосуємо для такого вмісту як новини, запису блога, повідомлення у форумі або коментарі користувачів.

В HTML 5 для того щоб підключити до сторінки відео або аудіо-доріжку, достатньо скористатись відповідними тегами.

Такі сайти як Youtube, Viddler, Revver, Myspace, і десятки інших дозволяють будь-кому опублікувати своє відео або аудіо. Багато сайтів удаються до Flash, щоб забезпечити потрібну функціональність, оскільки HTML 4.1 не вистачає засобів для вбудовування і управління мультимедіа. І, хоча такі можливості надають різноманітні плагіни (Quicktime, Windows Media тощо), в даний час Flash — це єдиний широко поширений плагін, який надає крос-браузерне рішення з відповідним API для розробників.

Як доведено великою кількістю медіа-програвачів на основі Flash, автори зацікавлені в наданні інтерфейсу з їхнім власним дизайном, який як правило дозволяє користувачам включати, ставити на паузу, зупиняти, перемотувати і управляти гучністю. Стоїть завдання надати таку функціональність за допомогою додавання можливості вбудовувати відео і аудіо засобами браузера, а також надати DOM API для доступу скриптів.

Елементи video і audio легко дозволяють це зробити. Більшість API — загальні між цими елементами, з відмінностями лише відносно до visual і не-visual медіа. Всі сучасні браузери (окрім Internet Explorer) вже реалізували підтримку даних елементів. Найпростіший спосіб вбудувати відео — це використовувати тег video і дозволити браузеру відобразити інтерфейс за умовчанням. Булевий атрибут controls визначає чи включати за умовчанням цей користувацький інтерфейс.

Необов’язковий атрибут poster може використовуватися для вказання зображення, яке буде відображатися до того як відео почне програватися. Хоча є формати відео, що підтримують власний попередній перегляд (такі як Mpeg-4), цей спосіб — рішення, що дозволяє бути незалежним від відео-формату.

Також просто підключити і аудіо — використовуючи елемент audio. Хоча по очевидних причинах у тега audio немає атрибутів height, width і poster, між video і audio більшість атрибутів спільні.

У HTML 5 включений елемент source для вказівки альтернативних відео і аудіо файлів, щоб браузер міг вибрати той, який підходить до підтримуваного медіа-типу або кодеків. Атрибут media визначає вибір медіа-запиту, що базується на обмеженнях пристроїв, а атрибут type — можливості медіа-типів і кодеків. Коли використовується атрибут source, слід опускати src в елементах video (audio), інакше source буде проігнорований.

Є багато інших атрибутів і API для відео і аудіо елементів, не описаних тут. Докладніше можна дізнатися в поточній версії специфікації.

Векторна графіка

 

За допомогою нового елементу розробники зможуть створювати двомірні зображення та анімацію засобами JavaScript.

SVG
Можна вставляти SVG графіку прямо в тіло HTML документу

WebGL
Даний стандарт передбачає можливість використовувати 3D графіку в веб бровзері.

Виконання скриптів в декількох потоках

Web Workers

Збереження даних на стороні клієнта

Крім того, HTML 5 дозволяє розробникам зберігати дані на стороні клієнта. Це значно зменшить обсяг інформації, що передається між веб броузером та сервером при використанні web-2.0 застосувань. На даний момент триває робота над такими специфікаціями, що охоплюють даний розділ:
– Session Storage
– Local Storage
– IndexedDB

Крос-доменні XMLHTTPRequest

У новій специфікації введено можливість створювати асинхронні запити до ресурсів, що містяться на іншому домені (тобто за іншою адресою).

Підтримка браузерами:
IE 8 (XDomainRequest)
Safari 4 / Chrome 3
Firefox 3.1 (3.5 — додаткові можливості).

Вибір елементів в DOM моделі за допомогою CSS селекторів

Тепер адресувати елементи в JavaScript можна використовуючи синтаксис CSS селекторів за допомогою функцій querySelector та querySelectorAll.

Підтримка браузерами:
Firefox 3.5: 99,3%
Safari 4: 99,3%
Chrome 3: 99,2%
Opera 10: 97,5%
Internet Explorer 8: 58,5%

Редагування вмісту елементу

Вміст будь-якого елементу на сторінці можна легко поміняти за допомогою властивості contentEditable. Даний метод широко використовується при створенні WYSIWYG застосувань.

 

Джерело wikipedia.org

 

Як купувати на eBay, реєстрація PayPal

Недавно зайшов на всім відомий аукціон ebay.com і знайшов там потрібну для себе річ. Я давно користуюсь українськими інтернет магазинами і тим самим українським аукціоном aukro.ua, але ніколи не мав справи з здійсненням оплати закордон, тому в цьому ділі нічого не тямив:) На той момент коли я захотів придбати вибраний мною лот на ebay я не мав ні заведеного користувацького облікового запису на цьому аукціоні, ні тим більше, відкритого рахунку на PayPal (система для здійснення електронних платежів за лоти куплені на аукціоні). Отже мені прийшлось попросити знайомого, який на скільки я знав давно використовує подібні купівлі і звичайно більш досвідчений за мене. Товар то я замовив, але от цікавість в реєстрації на ebay і PayPal в мене не зникла, не будеш же завжди когось просити щось придбати. Вирішив я зайнятись реєстрацією…

Для всього процесу реєстрації потрібна звичайно електронна пошта, картка ПриватБанка і мобільний телефон. Першим ділом ідемо на сайт самого аукціону ebay і створюємо там свій обліковий запис, з вказанням своєї реальної домашньої адреси і електронної пошти. Сам процес реєстрації такий самий як і будь-де інде, тому зупинятись на ньому не буду. Отже коли наш обліковий запис створено, перейдемо до створення рахунку в системі PayPal, отже ідемо на сайт PayPal, переключаємось на зрозумілу вам мову, в нашому випадку російська і розпочинаємо процес реєстрації. Ніяких особливостей в самій реєстрації немає, вказуєте все запитуване і вуаля:)

Тепер перейдемо до прикріплення картки ПриватБанку, переходимо на сайт ПриватБанку і реєструємось в системі Приват24. Вказуємо свій номер телефону, який в подальшому буде вашим логіном і пароль. На цьому етапі потрібно буде прикріпити вашу реальну банківську картку до Приват24, вказуємо номер картки в обліковому записі Приват24, для цього переходимо в пункт “Карты” -> “Добавить карту”, вносимо потрібні дані і ідемо до банкомату. Вставивши картку вибираємо в першому ж меню пункт “Мої дані”. В цьому пункті потрібно буде занести ваш номер телефону, той самий який ви вказували при реєстрації Приват24. Орієнтовно протягом доби картку буде прикріплено до вашого облікового запису, в пункті “Мои счета” з’явиться ваша картка, баланс і тд. Переходимо до наступного кроку, в системі Приват24 вибираємо пункт “Карты” -> “Заказать карту”, тут вам потрібно буде замовити картку “Visa Internet”, платити нічого не потрібно, тому що ця картка є віртуальною. Плата за користування карткою становить 0,35$ за кожну операцію. Протягом доби буде створено віртуальну картку, саме ту яка нам потрібна для підключення до ПейПал. Наступним кроком потрібно скинути 3-4$ з вашої основної карти на віртуальну, для цього переходимо в пункт “Платежи” -> “Создать”-> “Перевод между вашими счетами”, вибрати основну карту з якої скидаємо, також вибрати віртуальну на яку скидаємо і вказати суму в доларах, я поставив 4. Коли в меню “Мои счета” з’явиться на віртуальному рахунку ваша сума вважайте процес роботи над створенням карти завершеним.

Далі ідемо на сайт PayPal і в меню “Профиль” -> “Добавить/изменить кредитную карту” добавляємо номер карти, строк закінчення її терміну обслуговування і СVV код, який ви можете побачити перейшовши в системі Приват24 в “Сообщения операциониста” -> “Полученные сообщения”. Відкриваємо повідомлення “Вам открыта виртуальная карта visa-internet” і знаходимо CVV2 ХХХ. Де ХХХ потрібний нам код для внесення в системі ПейПал. Натискаємо “Добавить карту”.

Після цього переходимо назад до системи Приват24 і в пункті “Мои счета” вибираємо свою карту Visa Internet. При натисненны на неї ми побачимо виписку з рахунку, нам потрібно в записі “УПЛАТА ЧЛЕНСКИХ ВЗНОСОВ: PP*____CODE”, де на вказаному підкресленні буде код для активації картки в системі PAYPAL. З вказаної вами віртуальної картки буде знято сумарно 3 $, які потім мали би повернутись на рахунок. Повертаємось до ПейПал, на вкладці “Мой счет” -> “Обзор” зправа є блок “Уведомления” -> “Подтвердить кредитную карту”. Вибираємо цей пункт і вказуємо отриманий раніше код. Все, вітаю, на цьому процес реєстрації завершено.

Тепер для того щоб шось придбати потрібно перекинути гроші з вашої реальної картки на віртуальну і оплатити покупку.

P.S. Як уникнути подвійної конвертації.

Коли ви зареєстрували ПейПал за замовчуванням система вважає, що у вас карточка у вашій валюті, тобто в гривнях, а насправді ж карта валютна – доларова, таким чином система спочатку переводить ваші долари в гривні, а потім назад в долари. Щоб цього уникнути входимо в свій обліковий запис в ПейПал , далі зверху в меню обираємо Profile -> блок Financial Information -> Recurring Payments -> Edit Funding Options -> Conversion Options -> перемикаємось на bill me in the currency listed on the seller’s invoice . Все, тепер розрахунки будуть проводитись без подвійної конвертації.

Приємних покупок:)

Джерело vkt.gi.edu.ua

Нічні клуби Тернопіль

HOLIDAY

Адреса:
м. Тернопіль, вул. Текстильна 28 ч
у приміщенні ТРЦ Подоляни

Резерв столів та додаткова інформація
за телефонами 098-98-0-2882; 066-30-78887

e-mail: info@holiday.te.ua
Сайт:
www.holiday.te.ua

 

Riverpool

Адреса:
Тернополь
вул. Чумацька, 14а
Телефон:
(0352) 53 41 13; (067) 350 18 81
Сайт:
www.riverpool.com.ua

 

Night Club “Бомба”

Тернопіль вулиця Гжицьких, 3 (Показати на карті)
Телефон: +380 (67) 354-18-56
Сайт:  www.bombaclub.com.ua
Керівник організації:  Воврик Богдан Романович
Час роботи:  з 22:00 

 

Maxim

Адреса:
Тернополь
развлекательный комплекс Максим
Телефон:
8-068-147-13-34
Сайт:
www.maxim.te.ua

 

Pudra

Адреса:
Тернополь
вул. Кривоноса, 2-Б, РК “Марципан”
Телефон:
067 354 18 56
Сайт:
www.pudra.cz

 

Marakana

Адреса:
Тернополь
Центральный стадион, вул. Степана Бандери 15

 

PartyClub (Ibiza)

Адреса:
Тернополь
Злуки, 45 (у приміщенні кінотеатру ім. Довженка)
Телефон:
(067) 350 09 66; (067) 674 16 09
Сайт:
www.partyclub.com.ua ( ibizaclub.com.ua)

 

Rumba

Адреса:
Тернополь
вул. Монастирського, 50
Телефон:
(097) 07-468-17
Сайт:
www.rumba.te.ua

 

Patrick, ірландський паб, ресторан

м. Тернопіль, вулиця Монастирського, 50 (Показати на карті)
Телефон:  51-49-99
Сайт:  patrickpub.com.ua
E-Mail:  Pasiaka@mail.ru 
Керівник організації:  Соколова Яна Андріївна
Час роботи: з 12.00 до останнього клієнта