HTML–що змінилось за шість років?

Alexander Babich — Sat, 04 Apr 2015 17:23:39 +0000

Доброго вечора вам, друзі!

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

Також на перше квітня ми з дружиною підготували і здійснили непоганий розіграш для наших студентів, на який “повелись” навіть дехто з викладачів.

А ще я провів для студентів 1-2 курсів лекцію з основ HTML. І лекцію непросту – я порівняв те, що говорив на подібному заході у 2009 році з сучасними реаліями. Назвали цю лекцію ми з дружиною дуже просто – “Основи HTML – шість років потому”. Нижче ви можете переглянути слайди мого виступу:

На мою думку, вийшло непогано. А ви як вважаєте?

Робимо нотатки …в браузері

Alexander Babich — Fri, 15 Feb 2013 19:29:08 +0000

Доброго вечора, друзі!

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

І ось, нарешті, у мене знайшлась вільна хвилинка аби почастувати вас чимось цікавеньким.

Сьогодні я розповім вам як перетворити ваш браузер на …простий текстовий редактор.

Використовуємо готові рішення

Звичайно ж, існує безліч розширень-записників для нашого улюбленого Chrome. А деякі з них навіть вміють працювати і в оффлайні – наприклад, я певний час використовував Quick Note – це справжній нотатник з можливостями пошуку і списком нотатків.

А якщо вам потрібна “важка артилерія”, то згадайте про EverNote, Simplenote, SpringPad або Wiz Note. Кожен з перелічених сервісів може використовуватись через веб-інтерфейс, має безліч клієнтів (в тому числі більшість з них мають і розширення для chrome). Мій фаворит – Evernote, хоч клієнти інших сервісів також встановлені на моєму трансформері.

Робимо “власноруч”

Існуючі програми – це, звісно, добре, однак не для нас. Ми як справжні гіки любимо “покопирсатись під капотом”, зробити щось самотужки, розібратись як і чому усе працює.

Тож, спробуємо створити мінімалістичний записник власноруч.

Все, що треба зробити аби досягти мети – це відкрити браузер і написати у адресному рядку ось таке:

data:text/html,

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

Зверніть увагу – ви можете навіть використовувати різні накреслення шрифтів – напівжирний, курсивний і підкреслений текст! Як саме? Знайомими з Word’у клавіатурними акордами Ctrl+I, Ctrl+B і Ctrl+U. А зберегти написане можна – так, я розумію, що ви всі вже здогадались – за допомогою Ctrl+S!

Звичайно ж, ви можете винести це “посилання” на панель закладинок і надалі викликати такий саморобний нотатник одним кліком мишею – зверніть увагу на другий зліва букмарклет на моєму попередньому скріншоті! Аби зробити це, слід натиснути Ctrl+D або просто перетягти посилання з адресного рядка на панель закладинок.

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

Аби скористатись ним, треба перейти за посиланням і зкопіювати вміст поля RAW Paste Data. Тепер треба лише вставити вміст буферу обміну у адресний рядок браузера – і можна насолоджуватись результатом:

Чудово, чи не так?

Це “посилання” вже однозначно слід додати на панель закладинок, аби не копіювати його постійно з PasteBin у адресний рядок.

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

До зустрічі за тиждень!

P.S. А наступного тижня я планую розповісти вам про мою нову електронну іграшку для фітнесу

ProductivityBlog.com.ua » html

HTML–що змінилось за шість років?

Робимо нотатки …в браузері

Використовуємо готові рішення

Робимо “власноруч”