Codepal

Записи с меткой «CSS 3"

Структура герметик C. Ltd.

Воскресенье, 20 Марта 2011

Структурные герметик Контракты ООО являются специалистами герметик аппликаторы в Лондоне. Компания несколько связанных с Опалубка строительная компания . Мы недавно обновили сайт Опалубка, реализуя настроенное содержимое WordPress решение для управления. Как имеющие отношение к Опалубка компании, они получили шанс испытать внутренней работы сайта. Они были очень впечатлены его и подошел Buck Дизайн ООО , чтобы изменить дизайн сайта и их нам дали ответственность за осуществление решений для управления контентом. Наряду с внедрением CMS, мы также представили некоторые продвинутые функции, такие как систему набора персонала, Google карте интеграции и т.д.

Вызов

Сайт был очень похож на опалубки компании сайт, как две компании связаны между собой. Но все-таки было много изменений на сайт по отношению к дизайну. Хотя сайт был похож на опалубки сайт, это была наша работа, чтобы придать ему новую апелляцию, взаимодействие с пользователем мудрым.

CMS должен быть очень эффективными в управлении контентом и специально изображений. Существовали много изображений на каждой странице, и наша задача была сделать все, динамические, что клиент может даже изменить изображения с бэкэнда веб-сайта. Домашней странице стороне необходимо карусель признакам должности и признакам новости интегрированы в один непрерывный поток.

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

Портфель страница была похожа на сайте Опалубка таким образом, что клиент может загружать любое количество изображений проекта. Но это было до сих пор отличается тем, что проект изображения были большего размера и заняли большую часть площади страницы. Таким образом, было очень важно для управления изображениями таким образом, что оно не влияет на время загрузки страницы и дать почувствовать пустой страницы.

Снова, как и опалубка сайта, новости и набора страниц необходимы простые методы для размещения новых записей. Набор страниц требуется особая форма вербовки, которая должна была быть связана с соответствующей набору проводки. Странице контактов требуется простая форма контакта и Google Map интеграцию, показывая расположение офиса.

Решение

WordPress был вновь использован в качестве CMS для сайта. Огромную гибкость в WordPress и функций, таких как таможенные посты и таможенные таксономии сделал управления контентом очень эффективным и удобным для пользователя. Он также сделали нашу работу легкой в ​​осуществлении многолетних карусельного типа на главной странице.

CSS3 и JQuery было использовано много по всему сайту, чтобы дать своей интерактивности современное чувство, что он простой и удобной для пользователей. Прокрутки слилась с дизайном и помогло преодолеть ограничение содержания из-за статического проблема высоте.

Проект изображения были оптимизированы и настроены механизм загрузки бэкэнда сделал работу по размещению кучи изображений очень легко. Они были реализованы с использованием слайд-шоу подход так, что одно изображение выводится за один раз. Это позволило всех других изображений для загрузки по времени, а не разрушать дизайн поток сайта.

Реализация контактную форму было легко, где, как вербовка форма была немного сложно, как мы должны были связать форму соответствующего набора проводки. Интеграция Google Map был гладким из-за удивительной API предоставляемые Google.

Теги: CMS , CSS 3 , таможенные посты , развития , PSD для Wordpress , Wordpress
Опубликовано в Портфолио | Нет комментариев »

Опалубка компании v2

Воскресенье, 27 Февраль 2011

Опалубка Компания является частной строительной компании, базирующихся в Соединенном Королевстве. Мы разработали свой ​​статический сайт некоторое время назад, которая помогла их бизнеса много. Со временем содержание сайта увеличилась и так же необходимо для продвинутых функций, которые статических веб-сайта не может обеспечить их. Таким образом, они снова подошли Бак Дизайн ООО для решения. Дизайн сайта был вновь коснулся немного, и мы интегрировали систему управления контентом WordPress использования, а также реализованы некоторые действительно передовые функции, такие как обратная связь с системой голосования, систему набора персонала и т.д.

Вызов

Модульная структура дизайна сайта было очень легко преобразовать в xHTML/CSS3. Основной задачей было интегрировать CMS в наиболее эффективным способом. Домашней странице стороне необходимо карусель признакам должности и признакам новости интегрированы в один непрерывный поток.

Все страницы сайта имеют статической высоте, поэтому мы должны были осуществлять надлежащий полосы прокрутки, так что размер содержимого не будет ограничен, а полосы прокрутки не может разрушить внешний вид сайта. Же стоял за список проектов портфеля страницы.

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

Новости и набора страниц необходимы простые методы для размещения новых записей. Набор страниц требуется особая форма вербовки, которая должна была быть связана с соответствующей набору проводки. Странице контактов требуется простая форма связи, а контрастные для предыдущей версии статического сайта.

Самой большой проблемой было внедрение системы обратной связи предложение с резьбовыми комментирования и механизма голосования голоса до лучших обратной связи предложили.

Решение

Мы использовали WordPress как CMS для сайта. Огромную гибкость в WordPress помогли нам преодолеть проблемы легко. Мы использовали таможенные посты и таможенные таксономии, чтобы сделать управление контентом очень эффективным и удобным для пользователя. Он также сделали нашу работу легкой в ​​осуществлении многолетних карусельного типа на главной странице.

Мы использовали JQuery много на сайте, чтобы достичь максимально эффективного уровня интерактивности и удобство поддержания доступности сайта в виду. Прокрутки стал дизайн дружественный и служили цели идеально.

Проецировать изображения были реализованы таким образом, что пользователь может просматривать изображения, поскольку они являются или увеличить их, и даже контролировать поток образов. Все это было реализовано таким образом, что время загрузки изображений не дает плохой опыт для пользователя.

Реализация контактную форму было легко, где, как вербовка форма была немного сложно, как мы должны были связать форму соответствующего набора проводки.

Наконец, система обратной связи была реализована настройка WordPress дальше и интеграции с резьбой систему комментариев и голосования системном внутри него.

Теги: CMS , CSS 3 , таможенные посты , развития , PSD для Wordpress , Wordpress
Опубликовано в Портфолио | Нет комментариев »

Издание Гуру

Четверг, 24 февраля 2011

PublishingGurus.com предлагает комплексные решения для проектирования, редактирования, форматирования, публикации и продвижения книги. Веб-сайт был полностью разработан свой ​​собственный Солнечный Капур (основатель и креативный директор), и нам дали задание на разработку сайта делает его полностью настраиваемый и реализации многих сложных функций в нем. Мы использовали WordPress для достижения наших задач и индивидуального дизайна его, чтобы получить продукт высокого качества.

Вызов

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

Другие проблемы включают в себя реализацию различных типов форм, отличных друг от друга во многих аспектах. Макетов визитной карточке должны быть связаны с формами так, что пользователь может настроить и порядок печати соответствующих карт легко. Также связь заказов с платежной системой PayPal является одной из основных функций. Другие требования включали реализацию различных типов размещения способность, как новости и посвященный блог.

Решение

WordPress, как мы все знаем, делает большую работу в области управления содержанием является ли это в страницах или в сообщениях. Мы включена настройка всех страниц с помощью админ-панели и реализована возможность размещать свежие новости или сообщения в блоге.

Книжный магазин дисплей снова удалось должным образом с помощью различных категорий и параметров фильтрации. Очевидно, что пользователь может легко редактировать изображения и детали книги. Службы печати визитной карточки было немного сложнее в реализации, но нам удалось ее с честью. Мы использовали JQuery для отображения различных шаблонов визитной карточки в глаза образом успокаивает. Подключение каждой карты шаблон для подробностей опубликовано соответствующих форм и связанных приказав системе PayPal. Мы также использовали JQuery основанные галереи для показа портфель предназначен охватывает книги.

Сайт в целом был довольно сложным и включал много каруселей и формы, но все, был реализован в свете понятным пользователю способом. Мы даже добавили функций социальной сети для обмена веб-сайта и его содержание легко способствовать росту сайта и реклама книги отображаются на нем.

Сайт был полностью оптимизирован под поисковые системы и дополнительные возможности были установлены, как интеграция Google Analytics в приборной панели отображается статистика по каждому сообщению и страницы.

Теги: CMS , CSS 3 , развития , JQuery , PHP , PSD для Wordpress , Wordpress
Опубликовано в Портфолио | Нет комментариев »

Шаблон iPhone приложений

Суббота, 29 января 2011

В настоящее время, когда дело доходит до iPhone: "Существует App за все». Так мы думали о нарезка iPhone шаблон тематические приложения таким образом, что все эти начинающие разработчики могут иметь iPhone приложение сайт самостоятельно. Но на этот раз мы пошли на шаг впереди. Вместо того, регулярные XHTML / CSS шаблоны, мы разработали этот шаблон в HTML5, которая использует следы CSS3 и некоторые JQuery магия. Шаблон может быть интегрирована с любой существующей системы управления контентом или веб-приложения. Так что давай, развязать кодер в вас и развивать большое приложение iPhone. Затем с помощью этого шаблона HTML5/CSS3 сети, чтобы поделиться им со всем миром Дайте нам знать, если вам нужна помощь. В конце концов мы Код-Пал!

Теги: заявление , CSS 3 , бесплатно , HTML5 , iPhone , JQuery
Опубликовано в блог , Загрузки | 19 Комментариев »

Как создать страницу FAQ с WordPress и пользовательские типы сообщения

Субботу, 4 Декабрь 2010

Я написал учебник для Nettuts о том, как использовать все популярные блог / CMS платформа WordPress, создать специальный раздел FAQ на заднем конце с помощью "пользовательских типов сообщения. Затем вызовите тех пользовательских типов должность и отображения в передней части в пряной образом, используя JQuery и CSS3.
Это то, что конечный продукт будет выглядеть.

Когда пользователь щелкает по любому из часто задаваемых вопросов, страница прокручивается вниз автоматически соответствующих ответов и выделите его.

Проверьте полный учебник по Nettuts и создать какой-нибудь классный, интерактивная страница Вопросы и ответы для вашего собственного сайта. Как поделиться своими творениями с нами

Теги: CSS 3 , таможенный пост , часто задаваемые вопросы , как , JQuery , JQuery UI , Wordpress
Опубликовано в блог , учебники | 1 Комментарий »

Создание Neon Влияние Blink для ваших форм для CSS3 и JQuery

Суббота, 17 июль 2010

Ну благодаря яркому новый малыш на блоке, CSS3, нарядная с немного JQuery, я покажу вам, как создать стильный эффект для улучшения формы.

Уверен, что этот прохладный Neon мигать эффекты в формах будут полезны для многих целей, так что не пропустите мой учебник по 1stWebDesigner.com .

В этом уроке мы использовали @-WebKit-ключевых кадров, которая работает только в браузерах с помощью движка Webkit раскладка, как Chrome и Safari. Для браузеров, как Firefox и Opera, где нет альтернативы, мы будем иметь корректно ухудшить эффект, который в этом случае будет просто коробка-тень на фокус. Internet Explorer (до версии 8) не может сделать почти все, что мы будем учиться здесь, но IE 9, действительно кажется очень перспективным из того, что я видел в последнее предварительной версии.

Теги: CSS 3 , развития , формы , как , JQuery
Опубликовано в Обучение | 4 Комментария »

Шаблон Grunge

Пятницу, 16 июля 2010

Psdnation.info это сайт, посвященный на учебные пособия, статьи, ресурсы и произведения искусства в фотошопе. Они дают много бесплатных который включает в себя высококачественный PSD шаблонов сайта. Они сделали Grunge доступны как полностью редактируемые, слоистые, гранж PSD шаблонов сайта. Профессионально разработанные ими, и разработанные нами, этот высококачественный халявы от PSDNation является теперь также доступна в виде XHTML / CSS шаблон для сообщества веб-разработчиков. Он может быть использован как шаблон блога, или может также служить основой для интеграции CMS.

Теги: CSS 3 , Темный , бесплатно , Grunge , XHTML
Опубликовано в блог , Загрузки | 19 Комментариев »

Как создать Прохладный выдвиньте панель с CSS3 только

Понедельник, 5 июля 2010

Я написал учебник для 1stwebdesigner.com Речь идет о том, как использовать CSS3 для достижения целей, которые были только возможно с помощью JavaScript библиотеки, как JQuery и Mootools. В этом уроке мы создаем выдвижная панель подписаться.

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

Не пропустите мой учебник по 1stWebDesigner.com если вы хотите, чтобы обойти Использование JavaScript для достижения этой прохладно эффекта скольжения.

Теги: кодирования , CSS 3 , развития , как , учебник
Опубликовано в Обучение | 6 Комментариев »