Tapio-Huuhaa

Vapaa kuvaus

Harrastuksena www-suunnittelu, ristikoiden ratkonta ja kuntoliikunta. Digipiirtämistäkin pitäisi ehtiä harrastamaan, mutta se on jäänyt.

Aloituksia

267

Kommenttia

7703

  1. Jos+noin+on,+varmaan+syytä+osata+Java.+Koska+Java+on+hidas+suorittaa+eikä+sitä+käytetä+ainakaan+nettisivuilla,+en+tiedä,+mihin+sitä+ylipäätänsä+käytetään.+Itse+kun+koodaan+vain+nettisivuja.
  2. Jos+sivut+laaditaan+PHP:llä+JavaScript+ei+mitenkään+vie+PHP:n+paikkaa+vaan+täydentää+sitä.+Samoin+se+täydentää+jotain+muuta+kieltä,+jolla+palvelin+käsittelee+sivuja.JavaScript+ei+lue+palvelin+vaan+selain.+Selain+ei+lue+PHP:tä+vaan+sen+tuottamaa+lopputulosta,+esim.+JavaScriptiä.+JavaScript+ja+PHP+eivät+ole+keskenään+verrannollisia,+sillä+ne+tekevät+ihan+eri+tehtäviä.+Joskus+JavaScriptin+käyttöä+pitää+kontrolloida+PHP:llä.+Päinvastoin+ei+ole+mahdollista,+sillä+JavaScript+suoritetaan+PHP:n+jälkeen.
  3. Entä+CSS:n+pilkkominen+entistä+pienempiin+paloihin+media-attribuuteilla,+esim.media="screen+and+(max-width:+782px)"
  4. Kun+nyt+muutin+toimintatapaa,+olisi+kiva+saada+vähän+ohjeita.+Siirsin+muuten+JS:ääkin+erillistiedostoihin+niin+paljon+kuin+mahdollista.+Kaiketi+niissäkin+on+hyötyä,+että+tallennetaan+cacheen.Code+Snippetin+kanssa+CSS:ää+oli+helppo+tehdä+versioita.+Mutta+erittäin+huono+kirjoittamiseen.+Mikähän+olisi+paras+ilmainen+CSS-editori.+Olisi+kiva,+jos+se+osaisi+automaattisesti+minimoida+ja+purkaa+minimoinnin.SASS+olisi+järkevä,+jos+tekisi+muille+sivuja,+mutta+yhden+sivuston+kanssa+en+koe+mielekkääksi.
  5. Kiitos+vielä+kerran+nimimerkille+Faktantarkistus.Cachea+ajatellen+valtavat+style-tägit+olivat+huono+ratkaisu.+Tein+koostesnippetin,+jossa+kaikki+linkitykset+samassa+paketissa.+Mukana+myös+välttämättömät+style-tägit.Paleteille+on+oma+koosteensa,+jossa+on+myös+linkitykset+++välttämättömät+style-tägit.+Yritin+laittaa+style-tägeja+vain+ihan+pakon+sanelemana.Mitään+hyvää+ratkaisua+mahdolliselle+vaihtoehtoiselle+väriteemalle+en+siis+löytänyt.+Laitoin+alihakemistoon+värejä+koskevat+CSS-tiedostot.+Helpoimmalla+pääsee+kun+etsii+ja+korvaa+tietyssä+alihakemistossa+olevien+tiedostojen+ominaisuuksia.+Sinne+kopioin+myös+kasaamistiedoston,+jossa+on+PHP+++CSS+-koodausta,+jota+ei+voinut+värejä+koskeviin+CSS-tiedostoihin+laittaa.Ehkä+testisivustolla+otan+uudestaan+käyttöön+style-tägit.+Niiden+kanssa+versiointi+on+vain+monin+verroin+helpompaa+kuin+erillistiedostojen+kanssa.+Versioita+joistakin+tiedostoista+on+tullut+tehtyä+yli+60+kpl.+Tallessa+en+ole+kovin+montaa+vanhempaa+pitänyt.
  6. Laskin,+että+jos+haluaa+dynaamisesti+kootun+style-tägin,+lopullista+CSS-koodia+tulee+tietokoneelle+lähes+60kB.+Palvelin+saa+käsittelyyn+vähän+enemmän.+Ei+oikein+tunnu+järkevältä.+Ehkä+SASS+saisi+dynaamisen+koodin,+mutta+silti+moneen+CSS-tiedostoon+laitetun+CSS:n?++Osa+CSS:stä+on+silti+ongelmallista.
  7. Noi+5+ja+11+Kb+ovat+mobiililaitteilla+joka+sivulla+tarvittavia+tiedostoja.+Kirjautumisen+tuomat+pikku+muutokset,+asetusten+tuomat+pienet+muutokset+++pakosti+PHP+++CSS+koodausta+tarvitsevat+ovat+style-tägeillä.Miten+toteuttaisin+mahdollisen+teeman+värin+muuttamisen+on+erittäin+ongelmallista.+Koska+CSS+on+jaettu+paloihin,+värijutuissa+pitäisi+taas+kasata+osittain+yhteen.++Itse+värien+muuttamisen+kannalta+muuttujat+tai+vakiot+olisi+helpoin+tapa+testata+eri+värejä,+mutta+samalla+kaikki+pitäisi+laittaa+style-tägeillä.+Yhteiskoko+on+arviolta+n.+50+kB.+Se+on+aika+paljon+style-tägillä+laitettuna.
  8. Mikä+on+Faktantarkistus+mielestä+järkevä+raja+sille,+milloin+style-tägin+sijasta+kannattaa+siirtää+link-tägille.Nyt+siirsin+5K+ja+11K+tiedostotkin.+Ehkä+ne+turhaan.+Ison+tiedosto+live-sivustolla+on+muuten+84Kb.+Sen+olen+jakanut+testisivustolla+kahteen+osaan.
  9. Tulipa+taas+sähläiltyä.+Mutta+käytäntönä+jatkossa+kannattaa+se,+että+testisivustolla+käytän+tietokantaa.+Kun+saan+riittävään+kuntoon,+pakkaan+CSS:n+ja+siirrän+live-sivustolle.+Tulipa+vähän+muutettua+käytäntöjäni.
  10. Sori+nyt+vaan+tätä+sähläilyä+oikeiden+tiedostolukuoikeuksien+kanssa.+Siirsin+yhtä+lukuun+ottamatta+isot+CSS-tiedostot+erillistiedostoiksi.Yhtä+en+voinut.+Joskin+syystä+aivan+sama+CSS+toi+linkitettynä+virheellisen+lopputuloksen.+Pitäisi+selvittää,+mistä+ero+johtuu.
  11. Laitoin+kokeeksi+lukuoikeudet+7777.+Tiedosto+toimi.+Pääsen+kyllä+käsiksi+tiedostoihini.Oletusarvo+on+0751.Tuo+7777+on+varmaan+liikaa.++rwsr-sr-t+eli+7755+toimi.+On+varmaan+tosiaan+järkevää+siirtää+isot+tiedostoihin,+mutta+pienehköt+voi+olla+style-tägeillä
  12. kokeilin+style.css+tätä:@import+url("https://www.sanaristikkofoorumi.net/wordpress/wp-content/themes/forum.min.css");laitoin+min,+koska+tiedosto+on+melkein+täysin+pakattu.+Ei+toimi.Enkä+tiedä,+osaako+selain+puskuroida+tällä+tavoin+määriteltyä+CSS-tiedostoa.
  13. <link+...+/wordpress/wp-content/themes/forum_css.css"+/>Toi+absoluuttisen+osoitteen,+johon+vieläkin+Forbidden...Esittämäsi+muoto+taasen+saa+lähdekoodissa+klikattaessa+mm.+....forums/topic/suomen-kuvalehti-40-2019/themes/forum_css.cssEikä+sitä+lueta.testasin+kaikkia+näin:$CSS='<link+rel="stylesheet"+type="text/css"+href="themes/forum_css.css"+/>';$CsSS=$CSS.'<style+id="foorumiosion-css">
  14. Oli+0777+eikä+0751+muuttanut+tilannetta.
  15. Forbidden+tuli+siis+absoluuttisen+osoitteen+kanssa
  16. Tuo+link-tägi+kertoo+aika+paljon+hakemistorakenteesta.+Yritin+relatiivista+osoitetta+ilman+/-merkkiä.link+rel=+...+"wp-content/themes/forum_css.css"Tuo+ei+toimi.+Lähdekoodissa+klikattuani+linkkiä+tuli+"Sivua+ei+löydy".++WordPress+lisäsin+tuon+satunnaisen+sivun+perään.Yritin+muuttaa+hakemiston+lukuoikeuksia.+Ei+auttanut.+Loin+.htacess-tiedoston+kyseiseen+hakemistoon.+Poistin,+kun+ei+ollut+apua.Asennuksen+juuressa+on#+BEGIN+LSCACHE#+END+LSCACHE#+BEGIN+NON_LSCACHE#+END+NON_LSCACHE#+BEGIN+WordPress<IfModule+mod_rewrite.c>RewriteEngine+OnRewriteBase+/wordpress/RewriteRule+^index\.php$+-+[L]RewriteCond+%{REQUEST_FILENAME}+!-fRewriteCond+%{REQUEST_FILENAME}+!-dRewriteRule+.+/wordpress/index.php+[L]</IfModule>#+END+WordPress#+BEGIN+ShortPixelWebp#+END+ShortPixelWebpOnko+tuo+väärin?+On+nyt+perin+outoa,+että+CSS-tiedostoa+ei+lueta,+mutta+muut+tiedostot+luetaan.Kun+lähdekoodia+tarkasteltaessa+klikkaa+linkkiä,+tulee+vain+"Forbidden..."Yleensä+kun+klikkaa+jonkin+sivuston+linkitettyä+CSS-tiedostoa+"Näytä+lähdekoodi"+-tilassa,+CSS-tiedoston+saa+luettavakseen.+Sivustollani+se+ei+onnistu.
  17. Kokeilin+yhdistelmää.+Linkitetty+CSS+ei+jostakin+syystä+toimi.<link+rel="stylesheet"+type="text/css"+href="https://www.sanaristikkofoorumi.net/wordpress/wp-content/themes/forum_css.css"+/>Kokeilin+myös+relatiivista+viittausta/wp-content/themes/forum_css.cssKatsoin+lähdekoodista,+että+tägi+tuli,+mutta+selain+ei+lue+linkitettyä+tiedostoa
  18. Järkevintä+olisi+kai+siirtää+suht.+valmiit+CSS:t+erillistiedostoihin+tuon+cachen+takia.+Keskeneräisiä++on+helpompi+testailla+tietokannasta.
  19. Tuota+cache-seikkaa+en+ole+tullut+ottaneeksi+huomioon.+Hieman+kompensoin+sillä,+että+Autoptimize+pakkaa+HTML:ää+ja+itse+käytän+pääosin+melko+pakattua+CSS:ää.Suurimman+osan+CSS:stä+voisin+toki+laittaa+tiedostoina.+Mutta+eräät+palat+ovat+luonteeltaan+sellaisia,+että+ne+on+pakko+luoda+PHP+++CSS+-yhdistelmällä,+koska+osaa+CSS:ää+ei+voi+hallita+BOBY-elementin+luokkien+avulla.
  20. Jos+värit+laittaa+muuttujina,+koodi+tulee+ymmärrettävämmäksi:.extra-windows+.infoTextArea+ul+li,.extra-windows+.infoTextArea+ul+li+li{color:'.$generic_color.'!important;}/*+sinisen+tekstin+käyttö+linkeissä+*/a:link,a:visited,.extra-windows+*{color:'.$generic_link_color.'}Eikös+sitä+ole+oikeus+hölmöillä+ilman,+että+siitä+suututaan?+Eikö+tarkoitus+ole+auttaa+toisia?
    21. 372 / 386
TietosuojaselosteKäyttöehdotEvästeasetuksetSäännöt