{"id":746759,"date":"2023-10-15T08:03:59","date_gmt":"2023-10-15T14:03:59","guid":{"rendered":"https:\/\/blogging-techies.com\/sw\/gratis-css-visuell-referens-till-studiekoder-med-exempel\/"},"modified":"2023-10-15T08:03:59","modified_gmt":"2023-10-15T14:03:59","slug":"gratis-css-visuell-referens-till-studiekoder-med-exempel","status":"publish","type":"post","link":"https:\/\/blogging-techies.com\/sw\/gratis-css-visuell-referens-till-studiekoder-med-exempel\/","title":{"rendered":"Gratis CSS visuell referens till studiekoder med exempel"},"content":{"rendered":"<p>Det b\u00e4sta med att l\u00e4ra sig koda \u00e4r allt gratismaterial online som hj\u00e4lper dig.  Det finns massor av gratis videor och tutorials om alla t\u00e4nkbara \u00e4mnen.<\/p>\n<p>Personligen tror jag att det b\u00e4sta s\u00e4ttet att l\u00e4ra sig \u00e4r att g\u00f6ra det sj\u00e4lv och l\u00e4ra sig allt eftersom.  Det \u00e4r d\u00e4rf\u00f6r referenser kan vara s\u00e5 anv\u00e4ndbara: sl\u00e5 bara upp \u00e4mnet som f\u00f6rvirrar dig och studera hur det ska fungera i den verkliga v\u00e4rlden.<\/p>\n<p>N\u00e4r det kommer till att l\u00e4ra sig CSS tror jag <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/cssreference.io\/\">CSS-referens<\/a> Det \u00e4r min favoritplats.<\/p>\n<figure class=\"is-mega border-solid-1\" data-lazy=\"\"><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/cssreference.io\/\"><\/a><\/figure>\n<p>Denna onlineresurs katalogiserar varje CSS-egendom fr\u00e5n den ursprungliga specifikationen upp till CSS 3.x.<\/p>\n<p>Observera att den h\u00e4r guiden till stor del \u00e4r en handledning i sig sj\u00e4lv.  Inneh\u00e5llet l\u00e4ser som en del ordbok och en del hj\u00e4lpguide.<\/p>\n<p>Ta till exempel en titt p\u00e5 <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/cssreference.io\/property\/animation-delay\/\">animationsf\u00f6rdr\u00f6jningssida<\/a>.  Detta definierar fastigheten och vad den g\u00f6r tillsammans med de v\u00e4rden den accepterar.<\/p>\n<p>Men du kommer att m\u00e4rka att det ocks\u00e5 finns en hel del livedemos p\u00e5 den h\u00e4r sidan.  Du kan faktiskt <strong>testa CSS3-animationer<\/strong> direkt p\u00e5 sidan f\u00f6r att se hur koden fungerar live.  Galen!<\/p>\n<figure class=\"is-mega border-solid-1\" data-lazy=\"\"><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/cssreference.io\/property\/animation-delay\/\"><\/a><\/figure>\n<p>Det har aldrig funnits en CSS-referens s\u00e5 detaljerad eller s\u00e5 anv\u00e4ndbar.  Eller jag har i alla fall aldrig hittat n\u00e5gon.<\/p>\n<p>Du kan bl\u00e4ddra i egenskaper baserat p\u00e5 teman (till exempel animation, typografi, flexbox) eller bl\u00e4ddra i hela fastighetsbiblioteket p\u00e5 en g\u00e5ng.  Hur som helst, detta \u00e4r en enorm referensguide och \u00e4r i princip den inofficiella resursen f\u00f6r allt som r\u00f6r CSS.<\/p>\n<p>En sak jag kommer att s\u00e4ga \u00e4r att definitionerna av dessa egenskaper <strong>\u00e4r knappa<\/strong>.  Det \u00e4r anv\u00e4ndbart om du redan har erfarenhet av CSS-kodning, eller \u00e5tminstone en viss bekantskap med syntaxen.<\/p>\n<p>Men \u00e4ven en nyb\u00f6rjare kan bokm\u00e4rka den h\u00e4r webbplatsen och komma tillbaka till den f\u00f6r referens.  Den \u00f6verl\u00e4gset mest praktiska CSS-guiden jag har hittat.<\/p>\n<p>F\u00f6r att inte tala om, allt \u00e4r \u00f6ppen k\u00e4llkod och nedladdningsbart. <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/jgthms\/css-reference\">fr\u00e5n GitHub<\/a>.<\/p>\n   ","protected":false},"excerpt":{"rendered":"<p>Det b\u00e4sta med att l\u00e4ra sig koda \u00e4r allt gratismaterial online som hj\u00e4lper dig. Det finns massor av gratis videor och tutorials om alla t\u00e4nkbara \u00e4mnen. Personligen tror jag att det b\u00e4sta s\u00e4ttet att l\u00e4ra sig \u00e4r att g\u00f6ra det sj\u00e4lv och l\u00e4ra sig allt eftersom. Det \u00e4r d\u00e4rf\u00f6r referenser kan vara s\u00e5 anv\u00e4ndbara: sl\u00e5 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":746760,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"fifu_image_url":"https:\/\/blogging-techies.com\/wp-content\/uploads\/2023\/06\/5.jpg","fifu_image_alt":"","footnotes":""},"categories":[5],"tags":[],"class_list":["post-746759","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-bloggar"],"_links":{"self":[{"href":"https:\/\/blogging-techies.com\/sw\/wp-json\/wp\/v2\/posts\/746759","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogging-techies.com\/sw\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogging-techies.com\/sw\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/sw\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/sw\/wp-json\/wp\/v2\/comments?post=746759"}],"version-history":[{"count":0,"href":"https:\/\/blogging-techies.com\/sw\/wp-json\/wp\/v2\/posts\/746759\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/sw\/wp-json\/wp\/v2\/media\/746760"}],"wp:attachment":[{"href":"https:\/\/blogging-techies.com\/sw\/wp-json\/wp\/v2\/media?parent=746759"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogging-techies.com\/sw\/wp-json\/wp\/v2\/categories?post=746759"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogging-techies.com\/sw\/wp-json\/wp\/v2\/tags?post=746759"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}