-
Similar Content
-
By Aleksandr77
Сверстаю сайт по PSD шаблону (HTML+CSS, одностраничный, многостраничный, адаптивна верстка). Недорого.
Email: saka150577@gmail.com
-
By showyweb
Здравствуйте, уважаемые верстальщики и просто те, кто учится верстке сайтов. Я занимаюсь веб-разработкой с 2008 года. Чуть позже поняв, что существует множество "подводных камней" и приёмов при верстке резиновых макетов, я приступил к поиску ПО, которое помогло бы мне ускорить этот нелегкий процесс. Но тогда я ничего не нашел - были только проекты, которые как мне показалось сильно ограничены в функциональности. Позже, когда у меня появился первый опыт, я загорелся идеей самому создать собственную веб-студию, которая могла бы максимально ускорить процесс верстки, но тогда я был занят другими фриланс–проектами, и слабо представлял, как это можно было сделать. Набравшись опыта за все эти последние годы, в июне 2016 года я завершил все дела со своими клиентами и принялся реализовывать то, за что давно уже хотел взяться. На деле оказалось очень непросто разработать задуманное, но к настоящему времени я уже сделал все самые необходимые первостепенные функции, с помощью которых можно сверстать сложные по структуре резиновые макеты, вот самые интересные из них:
Интеллектуальный помощник - Автоматически трансформирует структуру HTML для обеспечения работы некоторых CSS свойств, а в случае необходимости участия пользователя это подскажет вам, как исправить распространенные ошибки; HTML подобная древовидная структура в диспетчере элементов. Вы сможете создавать сложную по дизайну и структуре разметку страницы; Базовая поддержка CSS классов - редактирование стилей сразу у нескольких элементов; Тонкая настройка стилей, почти все изменения применяются в режиме реального времени; Инструменты редактирования оптимизированы для планшетов на iOS и Android; В SHOWYWeb Studio интегрированы бесплатные шрифты Google Fonts, вы можете удобно подбирать шрифты простым наведением или с помощью клавиш; Проект экспортируется в файлы HTML, CSS и JavaScript. В дальнейшем вы их можете использовать как статическую страницу или вручную преобразовать в шаблоны для CMS систем; Экспортируемые результаты совместимы почти со всеми популярными браузерами, выпущенными после 2010 года, включая Internet Explorer 9; Экспортируемый код CSS структурно оптимизируется для экономии трафика; Загружайте только большие варианты изображений, SHOWYWeb Studio автоматически подготовит оптимальные варианты при экспорте проекта; Вставка видео с сервисов YouTube и Vimeo, вставка произвольного кода HTML в элементы типа "Текст и мультимедиа"; Локальное сохранение проектов;
Дальше в первую очередь планирую реализовать следующее:
Регистрация аккаунтов в SHOWYWeb Studio; Интеграция с облачными хранилищами; Экспорт проекта в изображение формата JPEG; Кастомные автообновляемые файлы CSS и JavaScript; Автосохранение; Локализация для английского языка; Поддержка псевдоклассов CSS; Интеграция бесплатных векторных иконок Font Awesome; Поддержка SVG изображений; CSS градиенты; Поддержка значения "inherit" в стилизующих свойствах для возможности унаследования свойств от родительских элементов; Дополнительные свойства для стилизации шрифта; Настройка свойств шрифта у родительских элементов для возможности автоматического унаследования; Классы CSS с выборочными свойствами; 3D и другие 2D трансформации (пока доступно только 2D вращение); Анимационные переходы CSS; CSS media queries; Поддержка HTML5 элементов; Интеграция дополнительных библиотек шрифтов; Реализация функций для отмены и повтора действий; Документация, видео уроки и типовые проекты (Имея базовые знания верстки достаточно просто разобраться методом проб и ошибок в русскоязычном интерфейсе); Протестировать можно здесь showyweb.ru (Студия находится в Beta тестировании и размещается далеко не на самом мощном VPS, поэтому рекомендую чаще сохранять ваш проект).
Сейчас мне важно понять, есть ли смысл развивать эту идею дальше? или я изобретаю новую модель велосипеда, которая мало кому будет нужна.
-
By imsarim
Здравствуйте, я хочу взять работу по вёрстке сайта по шаблону, также могу создать дизайн для сайта абсолютно бесплатно!
У многих возникнут сомнение что это бред, но мне это надо для того, чтобы набрать опыт работы( я начинающий).
связаться со мной можно по:
Skype: nik.tsayuk@mail.ru
BK: https://vk.com/tsayuk2015
Mail: nik.tsayuk@mail.ru
Мой сайт: http://imsarimgames.net23.net/
-
By GoodProgress
Здравствуйте.
Занимаюсь версткой сайтов, недорого.
Можете ознакомиться с моим портфолио.
Контакты там же.
Спасибо за внимание.
-
By Almag13
Компания wsc-studio предлагает:
Создание сайтов любой сложности: сайт-визитку, интернет-магазин, каталог, другие нестандартные проекты, а также продвижение и техническую поддержку. Создание сайта максимально качественно, по разумной цене, точно в срок.
Дополнительную информацию найдете на сайте http://wsc-studio.ru
-
-
Обсуждения
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.