Tag: CSS

Kalkulator fliz

Pod adresem https://rafalrebacz.pl/kalkulatory/kafelki/ znajduje się „kalkulator płytek”, który zrobiłem by oszacować koszt materiałów do układania płytek. Robione na szybko ale jakoś działa 😉 i w miarę chęci, możliwości będzie poprawiany. W sumie to powinienem nazwać to kalkulator fliz ale pewnie część ludzi nie wiedziałaby w czym rzecz ;).

Maksymalne wymiary ściany są ograniczone i może być prostokątem. Na chwilę obecną układ płytek jest tylko jeden a wyrównanie tylko do środka ściany tak, że z każdej strony jest płytka do docięcia (widać to na obrazku wizualizującym ścianę).

Sprawdzone w Google Chrome i Firefox i działa, w IE nie sprawdzałem i może nie działać.

Powiązane wpisy:

  1. Wskaźniki od highcharts.
  2. Shadow – cień w CSS
  3. Nikomu niepotrzebny skrypt
  4. Slider – zadawanie przez przesuwanie
  5. Strzałki w css

Shadow – cień w CSS

Tym razem też krótka podpowiedź z zakresu CSS, będzie mowa o cieniu. Cień podąża za obiektem w słoneczny dzień i nie ma szans na jego pozbycie się. W przypadku CSS standardowo cienia nie ma. Zwykły napis bez cienia wygląda tak:
Czytaj dalej Shadow – cień w CSS

Powiązane wpisy:

  1. Strzałki w css
  2. Slider w innej postaci – tym razem jQuery
  3. Mniej znaczy więcej czyli kilka słów o {LESS}
  4. Slider – zadawanie przez przesuwanie
  5. Wskaźniki od highcharts.

Strzałki w css

Serdecznie zapraszam na stronę fotoRAF – moje fotografie z ofertą dotyczącą fotografii.

Nieraz potrzebujemy na swojej stronie dodać strzałkę typu „up” lub „down”. Można wstawić obrazek ale niekoniecznie musi być to jedyne rozwiązanie. W tym celu możemy wykorzystać CSS.

Przykładowy kod do wstawienia na stronie dla strzałki do góry:

<div id="top"></div>


Czytaj dalej Strzałki w css

Powiązane wpisy:

  1. Shadow – cień w CSS
  2. Slider w innej postaci – tym razem jQuery
  3. Glify i inne
  4. Slider – zadawanie przez przesuwanie
  5. Wskaźniki od highcharts.

Slider w innej postaci – tym razem jQuery

Poprzednio męczyłem suwak oferowany przez HTML5 a teraz będzie suwak ale z wykorzystaniem jQuery oferowany przez jQueryUI.

Na początek do sekcji head naszej strony musimy dodać linki do potrzebnych zasobów (mogą być one pobrane np. z google -> https://developers.google.com/speed/libraries/#libraries)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css"><!-- plik stylów dla jQuery -->
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>

Czytaj dalej Slider w innej postaci – tym razem jQuery

Powiązane wpisy:

  1. Slider – zadawanie przez przesuwanie
  2. Strzałki w css
  3. Shadow – cień w CSS
  4. Wskaźniki od highcharts.
  5. Mniej znaczy więcej czyli kilka słów o {LESS}