Just Code It!

Из этой статьи вы подробно, шаг за шагом, узнаете, как конвертировать фолио дизайн http://www.1stwebdesigner.com/tutorials/dezign-folio-portfolio-tutorial/ из PSD в HTML. Вы узнаете, как создать макет, используя фреймворк CSS, некоторые стили CSS и Javascript. Когда вы прочитаете статью, у вас будет настоящий HTML/CSS, кросс браузерный, динамичный макет. Ознакомившись с данной обучающей программой, вы узнаете несколько новых методов, которые помогут вам в дальнейшем создавать хорошие проекты.

Читать полностью »

Люди в шикарных конференц-залах по всему миру любят хорошо составленные графики. Они сходят с ума от PowerPoint, столбцов и точек, а также фраз, вроде «подняться до небес», «удалось сорвать низко висящие плоды» и, конечно же, «непрерывный рост». Это точно знают те, кто составляет подобные парадигмы времени. http://startupista.com/corporate-bullshit-generator/ Графики финансовых прогнозов, данные по квартальным продажам и насыщении рынка являются мечтой каждого менеджера средней руки.

Читать полностью »

Сегодня мы делаем третий шаг по кодированию нашей Coming Soon страницы. Если вы еще не ознакомились с обучающей статьей по Photoshop, то это можно сделать здесь: http://www.hv-designs.co.uk/2011/11/16/coming-soon-page-photoshop-cs4/
Настройте свои папки, как здесь:

Читать полностью »

Данная статья является продолжением обучающей программы для пользователей Forrst API. Сегодня мы поговорим о том, как выбрать сообщения Forrst-пользователя.
Как и в прошлый раз, повторяю, что данная статья актуальна по состоянию на апрель 2011 года, и все может измениться, т.к. API все еще находится в стадии разработки. На этот раз мы очистим страницу профиля пользователя, чтобы генерировать полезные массивы, которые мы затем поместим в шаблон.
Читать полностью »

Сайт Forrst.com за считанные месяцы объединил более 23 тысяч разработчиков и дизайнеров. Эта статья научит вас использовать Forrst API, чтобы получить данные, доступные каждому forrst-пользователю.
Данная версия актуальна по состоянию на март 2011 года, но может измениться, т.к. они постоянно работают над своим API. Мы используем простой PHP, чтобы получить доступ к JSON-данным, которые, в свою очередь, преобразуем в полезный массив PHP. А он, уже в свою очередь, будет использоваться для создания простого html-дисплея.
Читать полностью »

В большинстве современных браузеров CSS3 используется вместо изображений кнопок. Преимущество кнопок CSS3 заключается в легкости их чтения с экрана. Кроме того, редактирование данных кнопок не требует использования Photoshop, вместо этого вы можете просто изменить исходный код. В этой обучающей программе я покажу как использовать CSS для стиля ссылок, чтобы они выглядели как кнопки.
Читать полностью »

Ранее мы говорили о том, как улучшить HTML-формы. Также мы обсуждали довольно спорную тему «Не маскируйте свои пароли», отмечая, что маскировка паролей может отрицательно сказаться на удобстве и простоте их использования.
Естественно, что данном случае возможны только два варианта: скрыть поле пароля или показать его в виде текста, что неизбежно приведет к снижению безопасности.
Поэтому, на мой взгляд, наведение курсора для обнаружения пароля может быть хорошей альтернативой. Так вы увеличите безопасность, а если не будете уверены в том, что набрали, просто наведите курсор.
Для этого мы досконально разберем плагин jQuery. Его поведение очень похоже на поведение мобильника, когда мы можем видеть последние символы за пару секунд. Также данная статья – хорошая возможность узнать больше о плагинах, динамически генерируемом контенте и некоторых кодах. С помощью этой техники вы сможете применить различные эффекты, т.к. она основана на простом и не навязчивом javascript.
Читать полностью »

Вы много слышали о Google doodles? А о первом Pacmanе? Персонаж этой игры стал уже культовым героем. Владельцы компаний знают, как забавная игра и неограниченные полномочия сотрудников на поиск информации в Интернете могут быть опасны для производительности труда. Самое интересное, что вы можете создать собственную захватывающую игру-HTML. Именно поэтому мы здесь. В этой статье вы найдете информацию о том, как использовать некоторые из возможностей JavaScript и HTML для создания простой, но веселой игры.
Итак, давайте начнем.
Читать полностью »

Переменные. Кто их не любит? Незаменимая вещь, не правда ли? Когда вам что-то нужно, просто наберите $something, и у вас уже есть значение.
Например, предположим, что у вас есть две переменные $jude = “hey” и $hey = “jude”. Если у вас повторяется $$jude $$hey (да-да, дважды “$”) на выходе вы получите “Hey Jude”.
Но речь в статье пойдет не просто о переменных. Мы рассмотрим динамические функции, методы, массивы, и почти все, что вы захотите.
Мы разберем некоторые виды использования массивов, функций, классов, и как эта техника может помочь вам написать лучший код.
Давайте начнем.
Читать полностью »

Свойство CSS content является действенным способом для добавления содержимого к некоторым элементам через CSS. Оно хорошо тем, что позволяет вам добавлять “содержимое форматирования” – именно ту вещь, которая вам нужна в презентации, а не само содержимое, типа кавычек, иконок (когда у вас наряду с ними есть текст), названий (не текстовых названий, а атрибутов HTML).
Читать полностью »