HTTP - Kody, triki, sztuczki

12 Gru 2019

PostCSS narzędzie do przekształcania CSS w JavaScript

W obecnym świecie frontendu wszystko zmienia się bardzo szybko. Powstaje mnóstwo nowych bibliotek, pluginów, framewoorków css czy js. Minęły czasy w których używało się notatnika do pisania stron 😉
Narzędzie które dzisiaj opiszę to PostCSS. Tak naprawdę najważniejszą częścią tego narzędzia są dodatki, pluginy których są setki.

Do czego można to wykorzystać, a no do miliona rzeczy 😉 Najczęściej używany plugin prze zemnie to autoprefixer.
Co on nam daje, a no to że nie musimy martwić dodawaniem prefiksów. Powiedzmy piszemy display: flex; a w wyniku dostajemy display: -webkit-box;display: -ms-flexbox;display: flex; Oczywiście zależne to jest od tego co ustalimy w package.json

Czytaj dalej

18 Kwi 2019

Kolumny w css oraz szukanie w html

Powiedzmy że mamy bardzo długą listę linków. Chciałbym aby ta lista łamała się na 2, 3 a może więcej kolumn. W naszym przykładzie lista będzie składać się z 20 elementów.

Taką listę można uzyskać przez emmet aby nie klepać tego samodzielnie wystarczy wpisać ul#ul>li{text $}*20

<ul id="ul">
  <li>text 1</li>
  <li>text 2</li>
  <li>text 3</li>
  <li>text 4</li>
  ...
</ul>

Chciałby aby ta lista została podzielona na dwie kolumny. Do tego użyjemy column-count Które jest wpierane nawet przez IE od wersji 10
Oczywiście też trochę upiększymy wygląd naszej listy.

Czytaj dalej

8 Gru 2018

create-react-app i scss

Aby umożliwić korzystanie z scss w create-react-app robię podstawowe rzeczy. Najpierw zerknij w package.json na razie jest minimalistycznie teraz z konsoli uruchamiam npm run eject

Potrzebnych nam są jeszcze trzy biblioteki node-sass, sass-loader oraz resolve-url-loader.
Ja używam yarna czyli uruchamiam

yarn add -D sass-loader node-sass resolve-url-loader

lub dla tych co używają NPM

npm i -D sass-loader node-sass resolve-url-loader

Czytaj dalej

24 Lis 2012

Plik robots.txt

User-agent: *
Disallow: /zdjecia/new/
Disallow: /zdjecia/box/
User-agent: Googlebot-Image
Disallow: /zdjecia/box/
User-agent: e-SocietyRobot
Disallow: /
User-agent: psbot/0.1
Disallow: /
User-agent: twiceler
Disallow: /
User-agent: TMCrawler
Disallow: /
User-agent: Gigabot
Disallow: /
Noindex: /*?q=
Sitemap: http://.../mapa.xml

12 Lis 2008

Autoryzacja użytkownika w PHP

przez fsockopen:

$header .= 'GET ... HTTP/1.0'."\r";
$header .= 'Host: '.$domain."\r";
$header .= 'Authorization: Basic '. base64_encode('login:haslo')."\r";
$header .= "\r"; 

$fp = @fsockopen ($host, 80, $errno, $errstr, 10);

if (!$fp) {
 $ret_value = "$errstr ($errno)";
} else {
 ...
}

przez stream_context_create:

$ctx = stream_context_create(
 array(
   'http' => array(
   'timeout' => 12,
   'header' => 'Authorization: Basic '. base64_encode('login:haslo')
  )
 )
);
$xml_data = file_get_contents($url, 0, $ctx);