Веб-розробка на iPad
У цьому пості мені хотілося б поспілкуватися з вами на тему «Чи придатний айпад для створення контенту». А оскільки складати музику та малювати картини я зовсім не вмію, ми зараз спробуємо створити веб-сторінку на айпаді та викласти її в інтернет.
Далі у пості дуже багато зображень. Користувачі повільного, мобільного або дорогого інтернету можуть відчувати дискомфорт та легке запаморочення.
CSS3 на кінчиках пальців
Додамо новий файл стилів.
Трохи виправимо розмітку за замовчуванням. До цього фрагменту HTML програма застосовуватиме стилі в процесі редагування.
Такий вигляд має наше (порожнє) робоче оточення.
Створюємо фоновий градієнт.
Скористаємося тим, що CSS3 дозволяє задавати тексту кілька тіней (text-shadow).
Ось тепер класно, справжній бойовий вебдваноль.
Робота із зображеннями
Тепер додамо на веб-сайт ілюстрацію. Знаходимо в інтернеті потрібну картинку:
Обрізаємо її у Photoshop Express.
З подивом виявляємо, що Adobe не передбачили функції ресайзу, відкриваємо PhotoPad, ресайзим.
Завантажуємо отримане зображення в Яндекс.Фотки, знаходимо на сайті посилання, повертаємося в CSS3Machine і робимо красиво (я пропускаю всякі очевидні знімки екрану, їх і так дуже багато вийшло).
Робота з вихідним кодом
Створимо проект із порожнім файлом усередині.
Копіюємо з CSS3Machine вихідники та вставляємо в Gusto.
Вносимо завершальні редагування в код.
Завантажуємо файл на сервер.
Дивимося на результат у Safari, радіємо.
Працювати на айпаді, звичайно, не так зручно, як на великому комп'ютері з клавіатурою та мишкою. Але я не можу сказати, що це дуже важко чи якось надзвичайно огидно — робоче оточення цілком прийнятне, можна робити будь-які речі, аплоадити їх на сервер та отримувати задоволення від процесу.
Програму CSS3Machine я тепер використовую для роботи, вона виявилася дійсно зручною.
В результаті експерименту вийшла ось така веб-сторінка.
Хардкорна конфа за С++. Ми запрошуємо лише профі.