EugeneKiyash
-
Posts
10 -
Joined
-
Last visited
EugeneKiyash's Achievements
Explorer (1/14)
1
Reputation
-
Как лучше реализовать декоративную рамку?
EugeneKiyash replied to EugeneKiyash's question in HTML Coding
если кто захочет посмотреть, поменялся адрес: http://matrix1320.xyz/mountain/ -
Как лучше реализовать декоративную рамку?
EugeneKiyash replied to EugeneKiyash's question in HTML Coding
Ошибся! Поддержка ie10+. Забыл про Flexbox -
Как лучше реализовать декоративную рамку?
EugeneKiyash replied to EugeneKiyash's question in HTML Coding
Да, беру оттуда макеты на тренировку. C рамкой на заднем фоне разобрался - https://eugene-ki.github.io/. Отрезал голову мужику и вставил как bg-i псевдоэлементу, +поигрался с z-index-ми. И пришлось применить свойство clip чтобы обрезать этот элемент до примерного размера головы мужика, чтобы не закрывал другие элементы, т.к. полноценно через z-index-ы сделать не получилось. Ну вроде все норм, работает везде(ie9+) Еще один из этой рассылки уже сделал, пытаясь принести каплю адаптивности через @media_queries: http://matrix1320.xyz/panakeia/ -
Я только начал заниматься версткой. И как по мне, лучше сначала изучить стандартные инструменты и возможности css (конкретно сейчас я о @media_queries), а потом уже изучать фреймворки, которые упрощают работу с этими инструментами. Но bootstrap тоже в планах освоить, хорошие возможности предоставляет, особенно что касается сетки.
-
Как лучше реализовать декоративную рамку?
EugeneKiyash replied to EugeneKiyash's question in HTML Coding
В общем так и сделал! До-верстаю - выложу, покажу! -
Как лучше реализовать декоративную рамку?
EugeneKiyash replied to EugeneKiyash's question in HTML Coding
А чтобы мужика отдельным блоком не вставлять. как думаете, можно??? -
Есть макет с эффектом рамки на заднем фоне. Как считаете как лучше реализовать этот эффект? Как бы сделали это вы? border || border-image || svg || css-mask Или что-то другое??? Спасибо! Кому интересно - ССЫЛКА на весь макет!
-
Нужна помощь! Начал разбираться со свойством 'clip-path'. Оно пока мало поддерживается браузерами. Полноценно только -webkit-браузерами. Поддержка Firefox имеется, но только через "external-link" - clip-path: url(#foo) и описании svg в html. У меня возникла проблема реализации именно последним способом: Вот реализация через clip-path в css (работает только на -webkit-): Захотел сделать тоже самое только через external-link для поддержки Firefox, описал те же polygon в svg и меня ничего не работает, в чем именно я допустил ошибку? Знаю, что будут проблемы с transition со второй реализацией, но это лучше чем ничего! Заранее спасибо за помощь!
-
Спасибо за замечания! В планах как раз усилено заняться изучением адаптации страниц. Сейчас поправил отображение на мобилках с помощью meta-viewport.
-
Около месяца изучаю HTML, СSS. Начал верстать первые лендинги, пока в фиксе. Посмотрите, оцените. Не откажусь от конструктивной критики. Спасибо! http://matrix1320.xyz/cuda/ http://matrix1320.xyz/strict/
