Jump to content

npofopr

Expert
  • Posts

    3,789
  • Joined

  • Last visited

  • Days Won

    101

Everything posted by npofopr

  1. А у вас точно svg? судя по скрину там jpg какой то. Лучше бы вы пример показали. Чем словами описывали проблемы.
  2. h1 {margin: 0;} ну и body {margin: 0; padding: 0;} хотя у нормалайза должно быть сброшено А вообще, научитесь пользоваться DevTools
  3. Чего вдруг? Для чего сделаете, для того и будет. Года 4 или больше, назад, было что то гугловское. что то типа google gallery open Что то типа https://www.jqueryscript.net/demo/Google-Image-Gallery-View-jQuery-searchGalleryView/ Более плавное https://www.jqueryscript.net/demo/Google-Style-Expanding-Thumbnail-Grid-Plugin-With-jQuery-Mg-Space/#/item-0-2 Дальше сами ищите)
  4. Примерно вот такой принцип. https://codyhouse.co/ds/components/app/pricing-table Единственное, заголовку придётся высоту указывать. И я бы ещё поставил text-overflow: ellipsis Т.е. обычный flex, последнему элементу margin-top: auto; чтобы к низу прибивался. Или можно описание растягивать. flex-grow: 3; например, указать. Как нибудь так.
  5. Через флексы попробуйте. Как то вообще пробовали?
  6. Я бы лучше svg подключал. Потому что ошибка в стилях. Пробел, вместо точки. .fas.fa-tint Анимация, скорее всего обычный scale. Т.е. увеличение при ховере.
  7. И особенно хороших специалистов.
  8. Доля правды есть, да. Мне кажется если хороший специалист, нормальная контора, то и ЗП расти будет. Указывают же обычно всё равно минималку, иногда вилку. Вилка как раз обычно от х до х3$.
  9. Потому что иконки стоят не инлайном. Через use #link стили не пробиваются. В ДевТулз это видно. Вот тут вроде описано, как надо http://prgssr.ru/development/oformlenie-soderzhimogo-use-v-svg-s-pomoshyu-css.html
  10. На самом деле нет. Для опыта, возможно. Не знаю правда какого. Интересно, но не практично. Если вы будете подключать готовый слайдер, зачастую там своя разметка, свои классы, свои стили. И не факт, что вы наверстаете, можно будет с лёгкостью встроить в функционал.
  11. Это всё отлично, если у родительского пункта нет ссылки. Ну и статья любопытная https://blog.usejournal.com/finally-a-css-only-solution-to-hover-on-touchscreens-c498af39c31c
  12. Нормально, никак. Используйте js, тот же masonry.
  13. Не давно смотрел https://codyhouse.co/blog/post/css-diagonal-containers У вас думаю также можно. Только вертикальное разделение.
  14. Сделать или отдельную кнопку, раскрывающая подменю. Или иногда я использовал double tap http://qaru.site/questions/412893/touch-device-single-and-double-tap-events-handler-jqueryjavascript https://gist.github.com/attenzione/7098476
  15. Ага, только тут проблема с переносами строк. Но это в 80% решениях проблема.
  16. Да, обычно фон и ставится. Да так и называть https://ru.stackoverflow.com/questions/373335/Сверстать-линии-разной-длины https://codepen.io/jensgro/pen/bNwXMW
  17. Я делал так https://codepen.io/npofopr/pen/ZZEJEB ну и там же можно много вариантов нагуглить)
  18. дак и не сработает. я же писал. это как картинка получается. как обычный png
  19. Спрайт потому что это просто картинка. Если хотите "эффектов", то только через инлайновую вставку. Если конечно я чего не путаю сам))
  20. Дак у вас нигде клик и не прописан. На примерах, что выше, они это делали с помощью :checked Ну или можно через js клик сделать.
  21. Можно просто и в разметку вставлять. Если анимаций нет, то не обязательно же инлайном вставлять. Достаточно просто ссылкой на спрайт и нужную иконку указывать. Вот, кстати, про кеширование. https://nicothin.pro/page/svg-sprites <script> // Load sprite SVG-icons ;( function( window, document ) { 'use strict'; var file = '/img/svg-sprite.svg', // URL файла относительно страницы, на которой он используется (можно — абсолютный) revision = 1; // Номер ревизии (сменить при обновлении спрайта) if( !document.createElementNS || !document.createElementNS( 'http://www.w3.org/2000/svg', 'svg' ).createSVGRect ) { return true; } var isLocalStorage = 'localStorage' in window && window[ 'localStorage' ] !== null, request, data, insertIT = function() { document.body.insertAdjacentHTML( 'afterbegin', data ); }, insert = function() { if( document.body ) insertIT(); else document.addEventListener( 'DOMContentLoaded', insertIT ); }; if( isLocalStorage && localStorage.getItem( 'inlineSVGrev' ) == revision ) { data = localStorage.getItem( 'inlineSVGdata' ); if( data ) { insert(); return true; } } try { request = new XMLHttpRequest(); request.open( 'GET', file, true ); request.onload = function() { if( request.status >= 200 && request.status < 400 ) { data = request.responseText; insert(); if( isLocalStorage ) { localStorage.setItem( 'inlineSVGdata', data ); localStorage.setItem( 'inlineSVGrev', revision ); } } } request.send(); } catch( e ){} }( window, document ) ); </script>
  22. Посмотрите реализации, куча их https://codepen.io/robeen/pen/PbvJjy https://codepen.io/o_OmarZeidan/pen/Gqbpjo не получится, будем дальше помогать 🙂
  23. А он ответить не может? Вероятно ленится. Не сохранить можно разве что новостные страницы, если там окончание адреса заковыристое какое-нибудь или через параметры. Если это тот сайт про солнечную систему, то, возможно из-за .html в конце. Дак смысл в том, что вы не потеряете поисковую выдачу. Хоть как вы это назовите, вы не потеряете благодаря этому старые запросы. И люди, если у кого в закладках старый url, будут переходить на сайт без проблем.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy