На этой неделе я покажу вам создание простой веб-страницы для отображения ваших недавних «твитов» из Twitter от начала до конца. Это касается дизайна в Photoshop, включая включение javascript-кода, предоставленного Twitter, в разметку, в CSS для стилизации страницы.
Ссылки с видео:
- Посмотреть демо
- Скачать файлы
Обновление (октябрь 2012 г.)
JavaScript, предоставленный Twitter, который мы использовали в этом видео, больше не работает. Однако я быстро обновил демонстрацию, чтобы использовать их новый предоставленный виджет. Хотя моя интеграция в новую демонстрацию может быть не такой хорошей, как раньше, на самом деле JavaScript намного приятнее, проще и включает современные функции Twitter, такие как добавление в избранное и ретвит.
Вы также можете поиграть с новым виджетом JavaScript на этом CodePen.