Ranking Alexa Global: # 6,352,256,Alexa Ranking in Russia is # 584,727
Server:nginx/1.9.12...
X-Powered-By:PHP/5.6.34-pl0-gentoo
The main IP address: 77.222.40.206,Your server Russian Federation,Saint Petersburg ISP:CJSC Regional Network Information Center TLD:ru CountryCode:RU
The description : перейти к содержимому css guru верстка сайтов, использование css, javascript, jquery, веб-разработка меню и виджеты июль 2018 пн вт ср чт пт сб вс « апр 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18...
This report updates in 26-Jul-2018
Created Date: | 2008-10-08 |
Expires Date: | 2018-10-08 |
Geo IP provides you such as latitude, longitude and ISP (Internet Service Provider) etc. informations. Our GeoIP service found where is host starhack.ru. Currently, hosted in Russian Federation and its service provider is CJSC Regional Network Information Center .
Latitude: | 59.894439697266 |
Longitude: | 30.264169692993 |
Country: | Russian Federation (RU) |
City: | Saint Petersburg |
Region: | Saint Petersburg City |
ISP: | CJSC Regional Network Information Center |
HTTP Header information is a part of HTTP protocol that a user's browser sends to called nginx/1.9.12 containing the details of what the browser wants and will accept back from the web server.
X-Powered-By: | PHP/5.6.34-pl0-gentoo |
Transfer-Encoding: | chunked |
Content-Encoding: | gzip |
Vary: | Accept-Encoding |
Keep-Alive: | timeout=10 |
Server: | nginx/1.9.12 |
Connection: | keep-alive |
Link: | |
Date: | Thu, 26 Jul 2018 13:11:15 GMT |
Content-Type: | text/html; charset=UTF-8 |
soa: | ns1.spaceweb.ru. dns1.sweb.ru. 2012051231 28800 7200 604800 600 |
ns: | ns4.spaceweb.pro. ns3.spaceweb.pro. ns1.spaceweb.ru. ns2.spaceweb.ru. |
ipv4: | IP:77.222.40.206 ASN:44112 OWNER:SWEB-AS, RU Country:RU |
mx: | MX preference = 10, mail exchanger = mx.yandex.ru. |
перейти к содержимому css guru верстка сайтов, использование css, javascript, jquery, веб-разработка меню и виджеты июль 2018 пн вт ср чт пт сб вс « апр 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 метки ajax amazon ec2 angular angular material apng css css-рецепты css-хаки flexbox html ie6 ie7 inline-block input name javascript jquery js modx png sass sweb ubuntu ui usability верстка петербург разное азы азы css азы верстки высота 100% дизайн закругленные углы кастомные контролы опера пнг-прозрачность полупрозрачная тень разработка русский язык свеб тень от блока хостинг частное мнение юзабилити юмор дебаг react-native приложения в браузере при разработке react native приложения удобно отслеживать изменения с помощью браузера. включить это возможность на эмуляторе можно так: ctrl+m debug js remotly откроется вкладка chrome, в консоли которой вы сможете видеть свои console.log, ошибки etc. но по умолчанию открывается вкладка с адресом http://10.0.2.2:8081/debugger-ui. точнее по такому адресу не открывается. замените на http://localhost:8081/debugger-ui и все заработает. опубликовано 09.04.2018 рубрики разработка метки debug , react native добавить комментарий к записи дебаг react-native приложения в браузере interaction media features interaction media features — это тип медиа-запроса в стилях. определяет каким путем пользователь может взаимодействовать с вашим приложением . простой способ разделить стили для устройств с различными типами взаимодействия, например, тач-устройства и десктоп, управляемый мышкой. сейчас во многих интерфейсах управляющие элементы показываются только при наведении курсора мыши по событию :hover . но на тач-девайсах такое событие отсутствует как класс. и вот тут нам как раз пригодится рассматриваемый медиа-запрос. вот простой пример кода: html <div class="parent"> parent <div class="child">child</div> </div> css .parent:not(:hover) .child { /* здесь мы указываем показывать child элемент только при наведении на parent'а */ display: none; } @media (hover:none) { .child { /* а тут указываем, что child должен быть виден на устройствах, где hover отсутствует */ display: block!important; } } и таким образом мы покажем пользователю с тач-устройством то, что на ему недоступно без события :hover . и живой пример на codepen. see the pen interaction media features by sergey kirichenko ( @oknechirik ) on codepen . для проверки работы медиа-запроса откройте инспектор и переключите вид на мобильное устройство. поддержка браузерами уже достаточная, на мой взгляд, чтобы пользоваться этим меди-запросом. опубликовано 03.11.2017 03.11.2017 рубрики css , верстка , разработка добавить комментарий к записи interaction media features верстка на атрибутах элементов и ие11 css предоставляет нам возможность использовать не только классы, элементы и id, но и атрибуты. при этом у атрибута может быть свое значение. и по по этом значению мы можем применять к элементам разное оформление. на нынешнем проекте я попробовал использовать такой подход. для разметки на flexbox я создал в стилях вот такие конструкции: [layout] { display: flex; } [layout="column"] { flex-direction: column: } и так далее и тому подобное для использования возможностей flexbox. а потом решил посмотреть на всё в internet explorer 11. сказать, что ничего не работало, не могу. но все работало настолько удручающе медленно, что пользоваться интерфейсом было почти совершенно невозможно. немного технических деталей о проекте. это spa на angular 1x. идет медленная миграция на react. для стилей изначально использовали sass, сейчас переписываем на postcss. графические ресурсы в виде svg. когда ие11 начал подтупливать, я списывал это на большое количество js и медленность angular. но когда простейший hover эффект стал отрабатывать с задержкой в секунду и более я таки решил посмотреть на вкладку производительность, что встроена в отладчик ие11. к своему большому огорчению увидел, что основное время ие11 тратит на расчёт и перерасчёт стилей :( на каждый элемент разметки, а их на странице очень много (списки, таблицы etc), ие тратил от 2 до 4 десятых секунды!!! и я стал искать. и интернет подсказал, что проблема может крыться в использовании атрибутов для написания стилей. в одной из статей на подобную проблему автор привел и пример своего решения. у них тоже в продукте использовался ангуляр, и чтобы не перелопачивать кучу шаблонов для удаления атрибутов и замены их аналогичными по содержанию классами, автор написал несколько директив, которые просто добавляли классы элементам, у которых были атрибуты. html <div layout></div> js module.exports = ['layout', /* @nginject */ () => { return { restrict: 'a', controller: /* @nginject */ ($element,$attrs) => { if($attrs.layout === 'column') { $element.addclass('layout-column'); } else { $element.addclass('layout'); } } } }]; и вот такая замена стилей на атрибутах на обычную верстку на классах снизила нагрузку на расчет стилей почти на порядок: теперь для расчет стилей уходило от 1/100 до 1/10 секунды на элемент. 1/10 это тоже немало, но таких элементов немного и это обычно неизвестные ие11 теги, которые неизбежны, когда продукт построен на ангулярных компонентах. вот таких например: <grid-item ng-repeat="file in files"></grid-item> в общем и целом вывод таков: пока жив ие, не стоит отказываться от рекомендаций по производительной верстке. использовать классы и не использовать атрибуты и элементы, особенно со многими вложенностями. а я пока продолжу искать узкие места в своей верстке, чтобы окончательно привести ие 11 в чувство. опубликовано 01.11.2017 01.11.2017 рубрики css , javascript , верстка , разработка метки angular , css , js , верстка добавить комментарий к записи верстка на атрибутах элементов и ие11 safari browser как ие6 наших дней если вы спросите меня какой браузер сейчас самый сложно поддерживаемый,то я не задумываясь скажи, что это сафари. такого количества непредсказуемых багов, как в сафари, я никак не ожидал. это и проблема с градиентами в svg, если у вас используется тег base, и проблемы с flexbox, и некорректная работа с такими единицами измерения, как vh и vw при зуме. жесть. upd. в продолжение темы :) я в шоке — если на div повесить onclick и не указать cursor: pointer, то в ios событие не сработает. o_0 — dimox (@dimox_ru) 10 октября 2017 г. опубликовано 11.10.2017 11.10.2017 рубрики разработка добавить комментарий к записи safari browser как ие6 наших дней свойство flex (продолжение) в предыдущей заметке по свойству flex есть короткая запись: /* одно значение, ширина/высота: flex-basis */ flex: 10em; вроде бы удобно, но есть одно но. если вы хотите указанным способом задать только flex-basis, то для в браузере мы получим: flex: 1 1 10em; все бы ничего, но если ранее вы указали для нужного элемента свойства flex-shrink или flex-grow, отличные от 1 1, то краткая запись flex: 10em; (например, в media query вам надо указать flex-basis) переопределит вышеуказанные flex-shrink или flex-grow. опубликовано 10.10.2017 10.10.2017 рубрики css , верстка метки css , flexbox , верстка добавить комментарий к записи свойство flex (продолжение) чудесны дела твои, webkit а знаете ли вы, что браузерах семейства webkit/blink у элемента input[type="file"] есть псевдо-элемент ::-webkit-file-upload-button . и этот псевдо-элемент можно оформлять средствами css. хоть вот так :) see the pen zdnblj by sergey kirichenko ( @oknechirik ) on codepen . опубликовано 07.08.2017 07.08.2017 рубрики css , верстка метки blink , css , webkit добавить комментарий к записи чудесны дела твои, webkit свойство flex краткая запись для трех отдельных свойств flex элементов: flex-grow, flex-shrink и flex-basis. (здесь — для памяти.) /* 0 0 auto */ flex: none; /* одно значение, число без размерности: flex-grow */ flex: 2; /* одно значение, ширина/высота: flex-basis */ flex: 10em; flex: 30px; flex: auto; flex: content; /* два значения: flex-grow | flex-basis */ flex: 1 30px; /* два
http://starhack.ru/interaction-media-features/#respond
http://starhack.ru/tag/inline-block/
http://starhack.ru/tag/angular-material/
http://starhack.ru/tag/zakruglennye-ugly/
http://starhack.ru/tag/angular/
http://starhack.ru/topic/razrabotka/postcss/
http://starhack.ru/#content
http://starhack.ru/tag/ajax/
http://starhack.ru/tag/ubuntu/
http://starhack.ru/topic/razrabotka/
http://starhack.ru/tag/debug/
http://starhack.ru/tag/cheat-sheet/
http://starhack.ru/progress-v-css-nagnal-i-menya/
http://starhack.ru/tag/yuzabiliti/
http://starhack.ru/svojstvo-flex-prodolzhenie/#respond
Whois is a protocol that is access to registering information. You can reach when the website was registered, when it will be expire, what is contact details of the site with the following informations. In a nutshell, it includes these informations;
% By submitting a query to RIPN's Whois Service
% you agree to abide by the following terms of use:
% http://www.ripn.net/about/servpol.html#3.2 (in Russian)
% http://www.ripn.net/about/en/servpol.html#3.2 (in English).
domain: STARHACK.RU
nserver: ns1.spaceweb.ru.
nserver: ns2.spaceweb.ru.
state: REGISTERED, DELEGATED, VERIFIED
person: Private Person
registrar: RU-CENTER-RU
admin-contact: https://www.nic.ru/whois
created: 2008-10-08T20:00:00Z
paid-till: 2018-10-08T21:00:00Z
free-date: 2018-11-09
source: TCI
Last updated on 2018-03-17T01:06:32Z
REFERRER http://www.ripn.net
REGISTRAR RUCENTER-REG-RIPN
SERVERS
SERVER ru.whois-servers.net
ARGS starhack.ru
PORT 43
TYPE domain
DISCLAIMER
By submitting a query to RIPN's Whois Service
you agree to abide by the following terms of use:
http://www.ripn.net/about/servpol.html#3.2 (in Russian)
http://www.ripn.net/about/en/servpol.html#3.2 (in English).
DOMAIN
NAME starhack.ru
NSERVER
NS1.SPACEWEB.RU 77.222.50.250
NS2.SPACEWEB.RU 89.111.160.68
STATUS REGISTERED, DELEGATED, VERIFIED
CREATED 2008-10-08
EXPIRES 2018-10-08
SOURCE TCI
REGISTERED yes
The following list shows you to spelling mistakes possible of the internet users for the website searched .