Kategoria: programowanie / css


3 styczeń 2020 (piątek), 13:32:32

Moja ściąga do ciekawych CSS-ów

Takie coś się nauczyłem - ale kto dziś pamięta Georga-3 :-)

li::before {
content: "&<- ";
}

A tu może to zadziałać albo i nie bo deklarację style umieszczam wprost w html-u.

<style><!--
li::before {
content: "&<- ";
}
li {
list-style-type: none;
}
--></style>

Lista punktowania:

  • koty
  • listy
  • psy bure i psy pluszowe
  • misie
  • żubry i jesiotry

Zadziałało!


Kategorie: _blog, programowanie / css


Słowa kluczowe: css, content


Komentarze: (1)

Jasiu z 420Muszyński, February 4, 2020 22:39 Skomentuj komentarz


Dzień dobry

Czy masz może kopie zeszytów z wykładami doc Walichiewicza?

Moja córka studiuje w Warszawie i mówi, że matematyka jest trudna. Chciałbym ją pocieszyć, że może być ciężej

Skomentuj notkę
22 styczeń 2018 (poniedziałek), 18:28:28

W SVG narysowane orbity okołoziemskie

Na Wikipedii jest narysowany taki obrazek. Czyste SVG, bo nawet animacje są robione poprzez CSS a nie JS. Rewelacja. Muszę to kiedyś przeanalizować ale pewnie nie przeanalizuję bo czasu mało i są ważniejsze rzeczy niż podziwianie zdolności ludzkich przy kreacji języków do porozumiewania się (wydawania rozkazów) maszynom.

Ciekawostki jakie tu znajduję:
- Obrazek jest wstawiony inline w HTML - dopiero od niedawna wiem, że tak można z wszelkimi plikami, nawet z dźwiękami. Fajnie. - ten zegarek też jest w CSS, ale on nie wskazuje żadnego godziny, tylko się animuje :-)

Nie edytować TinyMCE


Comparison of several satellite navigation system orbits Comparison of geostationary, GPS, GLONASS, Galileo and COMPASS (medium earth orbit satellites), International Space Station, Hubble Space Telescope and Iridium Constellation orbits with the Van Allen radiation belts and the nominal size of the earth, drawn by CMG Lee. Earth bitmap is http://commons.wikimedia.org/wiki/File:North_pole_february_ice-pack_1978-2002.png by Geo Swan. The Moon's orbit is around 9 times larger (in radius and length) than geostationary orbit. The animation runs at 1 hour per second. In the SVG file, hover over an orbit or its label to highlight it, and click to load its Wikipedia article. InnerVan Allenbelt Outer VanAllen belt GeostationaryEarth orbit Galileo COMPASSMEO satellites GPS GLONASS Iridium ISS Hubble Radiusof orbit 10000 km 20000 30000 40000 10000 miles 20000 Height abovesea level 10000 20000 30000 km 10000 20000 miles Orbital period 5 hours 10 hours 15 hours 20 hours Orbital speed 25000 km/h 20000 km/h 15000 km/h 11000 km/h 15000 mph 10000 mph 7000 mph

Kategorie: programowanie / css, _blog


Słowa kluczowe: svg, css, html5, orbity, satelity


Komentarze: (0)

Skomentuj notkę
16 wrzesień 2012 (niedziela), 23:28:28

Notka o iPhone 5 zapisana inaczej

nie wiedziałem, że pewne rzeczy można zapisać tak!

Przeczytałem o iPhonie 5, napaliłem się i mi się zachciało kupić go zaraz. Już zacząłem pisać list w tej sprawie, aby mi załatwili jak tylko się da. Już, zaraz, szybko, za chwilę premiera. Wszak podgrzewanie atmosfery od pół roku musiało zrobić swoje. Musiało mi odbić.

Już zacząłem pisać list a tu nagle przyszła refleksja. Po co mi to? Mam swojego 3GS, wszystko czego od niego oczekuję (a oczekuję wiele) w nim mam, działa sprawnie, lubię go, kilka rysek nie przeszkadza. Po co mam wydawać kupę kasy aby tak niewiele zmienić. Wygląd? No tak - nie będę mógł szpanować. Rozdzielczość aparatu? I tak zdjęcia są za duże na moje potrzeby. LTE? Przecież pasmo z 3G wystarcza mi do wszystkiego - łącznie z YouTubowaniem w lesie i szerowaniem netu na laptopa.

Po co mam nakręcać koniunkturę Amerykanom i Chińczykom. Po co mam wydawać tak cenne w kraju dewizy (wiem - to demagogia), spowalniać procesy inwestycyjne w firmie przez złe użycie kapitału, zwiększać emisję CO2, zaśmiecać planetę, przyspieszać niepotrzebny rozwój, sprawiać, że więcej ludzi będzie kontrolowanych przez swoje smartfony (bo mój 3GS pewnie tanio do kogoś trafi). Po co mam iść z z postępem, z prądem i co więcej ten prąd wzmacniać? Hołdować swojej próżności, wzbudzać u innych zazdrość i chciwość? Po co?

Mam 3GS-a i niech to będzie sygnał, że iPhona mam dłużej niż 2 lata! Mam i go lubię.


Kategorie: informatyka, programowanie, _blog, programowanie / css


Słowa kluczowe: html, css, css3, html5, iphone, iphone5


Komentarze: (0)

Skomentuj notkę
18 grudzień 2005 (niedziela), 01:17:17

3 kolumny bez table

 Oto metoda zrobienia 3 kolumn w treści bez użycia tabelek.

Tak to wygląda w źródle:

Nagłówek na górze na górze na górze na górze
<div style="float: left; width: 66%; background-color: #ddd;">
<div style="float: left; width: 50%; padding: 0.4em; background-color: #Fdd">
Kolumna jeden kolumna jeden kolumna jeden kolumna jeden kolumna jeden
kolumna jeden kolumna jeden
</div>
<div style="margin-left: 50%; padding: 0.4em; background-color: #dFd;">
Druga druga druga druga druga druga druga druga druga druga druga druga
druga druga
</div>
</div>
<div style="margin-left: 66%; padding: 0.4em; background-color: #ddF;">
Trzecia 3 trzecia 3 trzecia 3 trzecia 3 trzecia 3 trzecia 3 trzecia 3
trzecia 3 trzecia 3 trzecia 3 trzecia 3 trzecia 3 trzecia 3 trzecia 3
</div>
<br style="clear: both" />
Stopka stopka stopka stopka stopka stopka
</div>

A taki jest efekt:

Nagłówek na górze na górze na górze na górze
Kolumna jeden kolumna jeden kolumna jeden kolumna jeden kolumna jeden kolumna jeden kolumna jeden
Druga druga druga druga druga druga druga druga druga druga druga druga druga druga
Trzecia 3 trzecia 3 trzecia 3 trzecia 3 trzecia 3 trzecia 3 trzecia 3 trzecia 3 trzecia 3 trzecia 3 trzecia 3 trzecia 3 trzecia 3 trzecia 3

Stopka stopka stopka stopka stopka stopka

Wersja #2

Nagłówek nagłówek nagłówek nagłówek nagłówek

trójka 3 trójka 3 trójka 3 trójka 3 trójka 3 trójka 3 trójka 3 trójka 3 trójka 3 trójka 3 trójka 3 trójka 3

Kolumna pierwsza Kolumna pierwsza Kolumna pierwsza Kolumna pierwsza Kolumna pierwsza Kolumna pierwsza

Druga Druga Druga Druga Druga Druga Druga Druga Druga Druga Druga Druga Druga Druga Druga Druga Druga


stopka stopka stopka stopka stopka stopka stopka stopka stopka stopka

Kategorie: Informatyka, _blog, programowanie/html, programowanie/css, programowanie


Słowa kluczowe: html, div, css


Komentarze: (0)

Skomentuj notkę

Disclaimers :-) bo w stopce coś wyglądającego mądrze można napisać. Wszystkie powyższe notatki są moim © wymysłem i jako takie związane są ze mną. Ale są też materiały obce, które tu przechowuję lub cytuje ze względu na ich dobrą jakość, na inspiracje, bądź ilustracje prezentowanego lub omawianego tematu. Jeżeli coś narusza czyjeś prawa - proszę o sygnał abym mógł czym prędzej naprawić błąd i naruszeń zaniechać.