Search the Community

Showing results for tags 'css3'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • HTML и CSS
    • Для начинающих
    • Препроцессоры, постпроцессоры и шаблонизаторы
    • Методологии
    • Фреймворки и библиотеки
  • JavaScript
    • Для начинающих
    • Фреймворки и библиотеки
    • Скрипты и плагины
  • Разработка сайтов
    • Для начинающих
    • Инструменты разработки, сборки и автоматизации
    • Аудит и анализ кода
    • Программное обеспечение разработчика
    • Веб-дизайн
    • Мобильные платформы
    • Open Source
  • Серверное программирование
    • Для начинающих
    • PHP
    • Платформы и языки программирования
    • Базы данных
    • Скрипты, готовые движки, CMS, конструкторы
  • Полезное
    • Библиотека полезных приемов и решений
    • Ресурсы
  • Сервер
    • Техническая поддержка
    • Веб-сервер
    • Базы данных
    • Хостинг
    • Домены
  • Интернет-маркетинг, SEO
    • Поисковая оптимизация
    • Поисковые системы
    • Продвижение и монетизация веб-сайта
    • Сервисы статистики и аналитики
    • Услуги и сервис
    • Покупка и продажа
  • Коммерческие услуги
    • Freelance
    • Работа
    • Услуги и сервис
  • Давайте поговорим о ...
    • Общий
    • Хобби, отдых и развлечение
    • Человек и общество
    • Флейм
  • Наш форум
    • Конкурсы
    • Работа форума

Calendars

  • События в Украине
  • События в России
  • События форума
  • События партнёров
  • Все события

Blogs

  • CMS (Content Management System)
  • Руководство верстальщика
  • Блог HTMLforum.io

Marker Groups

  • Members
  • Front-end
  • Back-end
  • Education
  • Looking for job
  • Offering job

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Web site


ICQ


Jabber


Skype


From


Interests

Found 85 results

  1. Неугомонный

    Вопрос по @media

    Всем привет, есть документация под нормы расширения экранов @media screen , где обозначено до скольки PX я могу скажем так воображать себе в голове под что я верстаю телефон/планшет/пк ?
  2. Интернет-маркетинговое агентство Top-Life. Мы ищем в команду Junior Web разработчика. Что мы ожидаем от кандидата: Навыки HTML5, CSS3, JavaScript; Знания PHP5-7‚ MySQL‚ jQuery, ajax; Опыт в верстке; Наличие опыта разработки и знание различных CMS (1С Битрикс, UMI, ModX, WordPress и другие) будет плюсом; Опыт работы и наличие портфолио приветствуется; Умение и желание работать в команде; Аккуратность (осмысленность) в работе. Задачи, которые вам предстоит решать: Современная адаптивная кроссбраузерная верстка (HTML5+CSS3); Применение готовой верстки к CMS (1С-Битрикс, Wordpress); Условия: Оформление по ТК РФ Заработная плата: от 20 000 до 40 000 руб; График работы: 5/2 с 10.00–19.00, обед с 14.00–15.00; На территории работодателя; Молодой‚ профессиональный коллектив; Корпоративные мероприятия; Чай, кофе и печеньки с нас; Мы даем возможность не просто работать‚ а создавать и развиваться. Для связи: Антон тел: 8(981)897-42-46 mail: a.majstrenko@top-life.su hh: https://spb.hh.ru/vacancy/30397980
  3. Добрый день, форумчане! Ищем ведущего фронтенедера в компанию DataLight! Наша команда создает уникальную платформу для анализу данных по крипто-активам, ориентированную на профессиональных инвесторов. Мы делаем доступными и понятными инструменты, направленные на оптимизацию и автоматизацию инвестиционных стратегий. Горизонтальная структура, отсутствие строгих регламентов, дресс-кода, инструкций и бюрократии. О Вакансии: Быстрорастущий проект с глобальными амбициями ищет опытного Front-end разработчика. Наша команда создает уникальную платформу для анализу данных по крипто-активам, ориентированную на профессиональных инвесторов. Мы делаем доступными и понятными инструменты, направленные на оптимизацию и автоматизацию инвестиционных стратегий. Задачи: - Искать оптимальные технологические и архитектурные решения, развивать функционал платформы; - Создание API платформы, использующее WebSocket для быстрого взаимодействия между сервером и клиентом; - Front-end разработка на JavaScript (React, CSS Modules), работой над инфраструктурой. Требования: - Опыт front-end разработки с использованием технологии WebSocket; - Профессиональное владение JavaScript, HTML и CSS; - Опыт использования React; - Знание технологий TypeScript, Redux; - Знание систем сборки Webpack; - Владение системой контроля версий Git; - Знание принципов работы HTTP. Дополнительным преимуществом будет являться: - Знакомство с методологией BEM; - Опыт работы с SCSS; - Опыт работы с высоконагруженными проектами. Условия: - ЗП от 150 000 до 180 000 руб. на руки - Полная занятость, гибкий график - Работа в одной из самых востребованных индустрий; - Возможность неограниченного профессионального и карьерного роста; - Работа в сильной, мотивированной команде над сложными и интересными задачами; - Конкурентоспособная заработная плата, бонусы; - Уютный офис в центре Москвы, удобный офис в 5 минутах ходьбы от метро Охотный ряд. Свои резюме просьба присылать на почту: hr.oleg.s@yandex.ru, а также примеры 2-3 выполненных работ с кратким описанием каждого из проектов
  4. Имею в наличие багаж знаний верстки а точнее в Html5 Css3 и Javascript и для успешного дебюта в карьере необходим опыт, поэтому я готов верстать Landing cтраницы за дешево либо же за хороший отзыв на сайте Freelancer. Для связи со мной пишите в телеграмм или же в скайп Telegram - @glacius74 Skype - snowman3533
  5. Внутри блока с основным контентом нужна фиксированная кнопка при нажатии по которой будет выезжать div блок и этот блок должен растягивается по все высоте экрана. Внешне это я реализовал вот так Пример кода Проблема в том, что сейчас блок fixed-block, который поверх всего, перекрывает контент и не позволяет взаимодействовать с ним. Может кто-то подскажет как избежать это проблемы и внешне оставить все так же?
  6. Группа компаний, оказывающих финансовые услуги закордонным клиентам очень ждет опытного фронтенда, который готов влиться в нашу небольшую команду московского офиса. В Вашей зоне ответственности будут мультиязычные сайты (в т.ч. RTL), лэндинги, прототипы мобильных приложений, взаимодействие с копирайтерами, участие в проектах развития. Что хотелось бы увидеть в Вашем портфолио и жизнеописании: • Отличное владение HTML5, CSS3, JavaScript, jQuery, php, MySQL и SQL, Bootstrap (3-4) • Опыт кроссбраузерной и адаптивной/"отзывчивой"(responsive) верстки, понимание специфики работы различных браузеров. • Опыт работы с системой контроля версий (Mercurial или др). • Знание английского языка (не ниже upper intermediate). Как плюс - владение графическими пакетами Adobe, хороший вкус и полиглотство! У нас уютный зеленый офис с кухонькой, душем и качелями недалеко от М.Красносельская/Бауманская в недавно перестроенном под офисный центр здании XIX века, коллеги, подставляющие плечо, а не ножку, 100%ая оплата больничных, и амбициозные планы по развитию нашей глобальной экспансии, которая напрямую связана с ИТ-функционалом. Так что наш фронтенд, действительно, всегда будет на "переднем фронте" поддерживать все стратегические проекты! Ждем Ваше CV и ссылки на портфолио на адрес hr@myfxchoice.com с пометкой в теме "html forum". Татьяна
  7. Здравствуйте, уважаемые форумчане! Сто лет ничего не писал и ни за что не брался, и вот решился. Хочу восстановить и поднять свой уровень. У Вас есть шаблон psd, который надо сверстать? - Я к вашим услугам. Сделаю абсолютно бесплатно (ну может добавлю в портфолио). Вот, перечень предлагаемых услуг: верстка обычного psd-макета. С Вас макет - с меня верстка с использованием HTML5/CSS3; адаптивная верстка под различные разрешения экрана используя Media Queries; возможна натяжка на популярный движок WordPress. _____________________________________________________________________________________________________ Так как совсем недавно начал изучение JavaScript, то могу попробовать написать что-то простенькое используя связку HTML5+CSS3+JavaScript (DOM). До библиотеки JQuery еще не добрался, но вставить готовый скрипт думаю сумею запросто. Задания присылайте на почту: pobedinskiy85@gmail.com P/s: никогда не занимался профессионально вёрсткой и написанием скриптов на JS, но то что вы мне предложите постараюсь выполнить качественно в приемлемые сроки.
  8. Привет. 1. Первый вопрос по CSS. Если задать font-size>line-height, например, font-size:24px и line-height:12px, то половинный интервал будет отрицательным (-6px). не могу представить поведение строчного элемента, когда у него половинный интервал отрицательный. <p style="fontsize: 12px; lineheight: 12px;"> This is text, <em>some of which is emphasized</em>, plus other text<br> which is <strong style="fontsize: 24px;">strongly emphasized</strong> and which is<br> larger than the surrounding text. </p> Не понимаю, почему в данном примере контейнер строки по высоте равен 15 пикселей (источник - книга Мейера по CSS, стр 220). Как блочные элементы выкладываются в документ понятно - сверху вниз кладутся прямоугольники-блоки один под другим. При этом надо учитывать поля, рамки и отступы + плавающие элементы. А вот как это происходит с текстом и текстовыми элементами внутри блока, а они ФОРМИРУЮТ ВЫСОТУ блока в большинстве случаев - мне не понятно. В строках есть блоки (не блочные элементы, а просто блоки) - область содержимого (content area), строковый блок (inline box), контейнер строки (line box). Написано в книге Мейера, что "Контейнер строки (line box) - это наименьший блок, охватывающий самую верхнюю и самую нижнюю точки строковых блоков, находящихся в строке. Иначе говоря, верхний край контейнера строки размещается вдоль вер шины самого высокого строкового блока, и низ совпадает с низом строкового блока, расположенного ниже всех." Не понимаю, как получили число 15 пикселей в примере выше. Не понимаю, как выстраиваются строковые блоки внутри контейнера строки. Понял только то, что каждая строка лежит в контейнере строки, эти контейнеры ложатся один под другим в плотную. 2. Второй вопрос по CSS. Я написал <strong style="font-size: 24px;font-family:arial;">Ёу</strong> , а потом открыл девтулс и выдели этот строчный элемент. Получил это : Не понимаю, что это за выделенная область? Что за 26 пикселей, когда я указал 24 пикселя?. У строчного элемента есть строчный блок (равен высоте line-height), есть область содержимого (равна font-size), есть контейнер строки. Модель 1. Модель 2 У элемента есть область содержимого - это из модели контейнеров. Насколько я понимаю, на строчные элементы модель контейнеров тоже распространяется, так как можно те же margin, border, padding задать для строчного элемента. У модели контейнеров есть "область содержимого" и у модели чисто строчных элементов есть область содержимого. Как эти две модели взаимодействуют?
  9. https://jsfiddle.net/5259to6a/ Нужно чтобы при щелчке внешний блок появлялся с помощью функции slideDown, и только после его появления внутренний абзац появлялся в помощью c анимации.
  10. Здравствуйте, я ищу удалённую и оплачиваемую работу и заказы, приступаю к работе сразу как только заказчик дал согласие на выполнение, выполняю заказы в срок. Хочу набить опыт. Список языков которыми я владею: HTML5, CSS3, C#, C# в среде Unity, C, Pascal. Был опыт в копирайте и рерайте. Ссылки на мой ВК и Mail: vk.com/tsayuk2015 nik.tsayuk@mail.ru
  11. Подскажите как грамотно сверстать этот блок?
  12. Здравствуйте, У меня возникла проблема с background -ом когда изменяется масштаб окна браузера. Когда масштаб большой (>100%) , background который находится на полосе прокрутке просто НЕТ, а когда масштаб маленький (<100%) он растягивается. Растягивается потому что стоит width:100%, background-size:cover; (>100%); А вот как сделать чтобы background всегда был на всё окно + с полосами прокрутки (<100%). Очень признательный буду если кто сможет помочь и объяснить? Как лучше верстать фиксированной, резиновой, адаптивной и отзывчивой вёрсткой?
  13. помогите пожалуйста решить проблему резиновая страничка поделена на ячейки следующим образом . в ячейке .cell2 содержится блок .round-area. он не равносторонний. а хотелось бы чтобы он всегда равносторонний. такой: важно чтобы высоты блоков .cell2 и .round-area были одинаковыми
  14. Привет всем форумчанам, я верстаю сайты разной сложности. Стандартную верстку буду делать за 300 рублей, а если у вас сложный, пишите договоримся! Еще делаю натяжку шаблона на DLE. Спасибо за внимание!
  15. Добрый день, коллеги! Ищем front-end разработчиков для работы с автоматизированными системами. Обязанности: - Разработка клиентской части функционала; - Верстка/переверстка страниц сайтов и сервисов; - Взаимодействие с отделом проектирования/дизайна и командой back-end разработчиков; - Инициативное и ответственное решение интересных задач; - Рефакторинг существующего кода. Требования: - знание семантики; - умение верстать inline; - кроссбраузерность; - html5/css3 - javascript - angularjs (опционально) Опыт работы с: - Пре/постпроцессорами - Jade/Stylus и/или аналогами - Git Будет плюсом: - Продвинутое владение инструментами разработчика; - Свободное чтение и понимание оригинальной документации на английском; - Понимание и использование методолготии Яндекс БЭМ; - Понимание принципов построения и интеграции REST API; - Опыт в разработке NodeJS; - Использование функционального подхода совместно с ООП. Условия: - График работы свободный; - Работа удаленная; - Оплата достойная, почасовая, по итогам собеседования; - Возможность профессионального роста и развития; - Возможность переезда в офис в Санкт-Петербурге; - Премии и надбавки каждые 3 месяца; - Оформление по ТК РФ, если нужно. Коротко о компании ООО "ДИКОМ ТЕХНОЛОГИИ", занимаемся разработкой интерфейсов для сайтов и приложений. Территориально находимся в Санкт-Петербурге, скоро открываем офис в Москве. Один из кейсов: кабинет пользователей CallbackHunter - виджет обратного звонка с сайта.
  16. Добрый день! Есть такая задача - в заготовке для сайта имеется картинка очень большой ширины (около 4000 px). Её необходимо сделать адаптивным фоном (к размеру окна браузера/экрана компьютера), выводить центральную часть с несколькими товарами которые "вшиты" в картинку - а остальное пустить под возможность горизонтального скроллинга. (На саму фоновую картину должен быть пристыкован атрибут usemap, сообщенный с "картой", ведущей на страницы конкретных товаров). Пока что удавалось реализовать лишь адаптивность, но без скроллинга (и кажется, в таком варианте и map не пристыковать): .box{ background: url('../img/1.jpg') no-repeat; background-position: center center; background-attachment: fixed; background-size: cover; } (.box - это главный контейнер вложенный в <body>). Скроллингу мешает background-attachment, выставленное в fixed. Но стоит убрать fixed, тогда исчезает адаптивность... Как грамотно решается такая задача?) Может здесь надо задействовать jQuery (и как именно)? PS. Заранее спасибо!
  17. Гуглил эту тему, но как-то не попалось решение. Так как я нуб, сделал самое простое и очевидное решение и решил поделиться с нубами всего мира Суть: на одной строке должно располагаться несколько DIV'ов с одинаковыми отступами, одинаковой высотой и шириной, что их как бы центрирует. Путей решения этой задачи наверняка много, а самый простой вариант: <content> <div></div><div></div><div></div><div></div> <div></div><div></div><div></div><div></div> </content> В принципе, решение на CSS мне виделось примерно: height: width; -- но так к сожалению (или счастью) нельзя. Зато можно использовать фичу CSS3 для ширины: content{ display: block; height: 512px; width: auto; margin: 16px; padding: 4px; background: #fff; } content div{ display: inline-block; /* блоки на одной строке */ min-height: 128px; width: calc(100% / 4 - 8px); /* Используем CSS3 для расчёта ширины блоков, вычтем отступы, созданные margin и padding */ background: #ccc; margin: 4px; } Минимальная высота указана для случаев, когда ширина меньше 128 пикс, что можно сделать и для ширины. Просто так, потому что могу. И осталось только узнать ширину, подставив её в CSS: $(function(){ var myWidth = $('content div').width(); // получаем ширину $('content div').css("height", myWidth); // устанавливаем её }); В итоге оно работает на jsfiddle. Вот и всё! Делитесь своими решениями.
  18. Пытаюсь реализовать кнопку необычной формы. Проблем с кнопкой не было, до того момента, как встала задача добавить при наведении эффект glow. Вот тут то и вышли проблемы. Сам пример тут. Если кратко то куски кнопки, которые эмулируют скосы отображаются как части, а не как единое целое. При ховер у меня также меняется прозрачность. По кнопке перерыл весь инет, нашел вот это. Но в основном эти реализации либо не работают с бордером, либо поддержка в браузерах малая(clip-path). В общем был бы благодарен за помощь.
  19. Требования: Опыт работы с веб-технологиями от 3-x лет Хорошее знание JavaScript Опыт работы с шаблонами JavaScript MVC/MVVM, фреймвoрками и библиотеками AngularJS, jQuery, Bootstrap Хорошее знание сопутствующих технологий: HTML, HTML5, CSS Опыт объектно-ориентированного программирования (OOP) в JavaScript Понимание протокола WebSockets Обязанности: Проектирование пользовательских интерфейсов Реализация frontend приложений Написание документации по разработанным модулям Условия: Оформление согласно ТК РФ Профессиональный и карьерный рост Стабильность и конкурентоспособная заработная плата Программы развития: конференции, семинары, курсы, тренинги Работа в офисе, Москва, м.Ботанический сад / Работа удаленно Размер компенсации обсуждается по результатам собеседования Alexandra M | HR Manager | Altarix Mobile: +7 929 540 40 69| Skype: alexfoxsy | am@altarix.ru
  20. Всем добрый день! При добавлении div'у background-image возник вопрос: а как объяснить элементу, какую именно часть картинки нужно отобразить, если я, скажем, ставя фоновое изображение разрешением 1920x1080, задаю div'у высоту 500px (или любое другое значение меньше 1080px), и при этом хочу, чтобы изображение было обрезано не снизу, а сверху? Заранее спасибо
  21. Доброго дня, уважаемые! Только-только приступил к изучению основ вёрстки веб-сайтов, верстаю первый макет для тренировки. Возник следующий вопрос: как при помощи html5 и css3 добавить на сайт горизонтальные и вертикальные линии? Наглядный пример того, о чём я говорю - линия внизу страницы этого форума. Вот об этой линии я говорю. Заранее спасибо
  22. Делаю форму (HTML5) и столкнулся с такой проблемой. Если указывать атрибут required для input, то стили для этого поля автоматически с дефолтных значений меняются на те, которые я прописал в input:invalid (как я понял, так работает валидация формы). А как сделать, чтоб и проверка работала, но применялись стили по умолчанию, а стили input:invalid применялись если введенная инфа не соответствует тому, что я прописал в атрибуте pattern для input?
  23. Компания Банк Софт Системс (разработчик ПО для банков) Ожидания от кандидата: React/FluxBower/WebpackHTML5/CSS3/LessGIT/SVNПриветствуется: Знание паттернов проектированияОпыт работы с Cordova/PhoneGapСледование codestyle и соблюдение культуры кода (jscs/jshint)Опыт разработки в команде (agile/scrum)Знание других языков программированияОпыт создания автоматизированных тестов (Selenium/Mocha)Использование в разработке принципов Progressive Enhancement/Graceful DegradationМы предлагаем: Работа в Центре перспективных технологий, в котором мы ценим творческий подход, позволяющий элегантно решать интересные и сложные задачиМы продвигаем мир банковского софта на шаг дальше. В своих проектах мы внедряем технологии, находящиеся на пике банковских трендов (Omni-channel/Распознавание голоса/NFC/...)Используем адаптивные технологии(web stack + cordova) и добиваемся того, чтобы интерфейс наших приложений работал с нативной отзывчивостью (профилируя/оптимизируя анимацию)Занимаемся парным программированием, agile, trello/kanbanОфис м. НагатинскаяГрафик 9.00-18.00/10.00-19.00ТК РФ, белая заработная платаСоциальные условия: ДМС (включает сеть ведущих клиник и стоматологию, страховку выезжающих за рубеж)льготные кредитыкорпоративные мероприятия и подарки, детские праздникисвоя футбольная команда и команда по настольному теннису, участие в корпоративных турнирахВопросы и резюме присылайте: n.chaika@bssys.com
  24. Пытаюсь в шапку сайта установит разные изображения адаптированные под размеры устройств. И столкнулся с интересным эффектом от которого мозги закипают. Проблема: картинки правильно показываются только при условии если переход по ссылке идёт с первого самого верхнего уровня меню. Если переход с дочернего уровня, то картинки нет даже запасного варианта только его alt. Но если поставить картинку фоном через css или одно изображение без тега picture, то всё прекрасно работает. Сайт на локальном и на джумле. Пробовал html вариант меню эффекта нет. Скипт отключал. В этих всё работает хорошо ссылки на первом уровне. <li class="item-101 current active"><a href="/index.php">Главная</a></li><li class="item-117 current active deeper parent"><a href="/index.php/botinki">ботинки</a>Это дочка - внучка, второй строки которая ботинки. Картинок нет только alt. <li class="item-119 current active"><a href="/index.php/korotkie/zheleznye/variant-1">Вариант 1</a></li>Люди добрые киньте пожалуйста идею куда копать надо, а там методом научного тыка ...