19851985 "title" : {
19861986 "all" : " CSS /4"
19871987 }
1988+ },
1989+ {
1990+ "date" : " 2026-05-05T14:30:00" ,
1991+ "duration" : 2 ,
1992+ "slides" : [
1993+ {
1994+ "name" : " CSS3" ,
1995+ "link" : " https://github.com/WebEngineering-Univaq/WE_Lecture_Slides"
1996+ }
1997+ ],
1998+ "attachments" : [
1999+ {
2000+ "name" : " CSS_Examples" ,
2001+ "link" : " https://github.com/WebEngineering-Univaq/CSS_Examples"
2002+ },
2003+ {
2004+ "name" : " CSS_Examples: layouts" ,
2005+ "link" : " https://github.com/WebEngineering-Univaq/CSS_Examples/tree/main/layout"
2006+ }
2007+ ],
2008+ "arguments" : [
2009+ {
2010+ "en" : " Website design: style and usability guidelines" ,
2011+ "it" : " Progettare un sito web: linee guida di stile e usabilit\u00e0 "
2012+ },
2013+ {
2014+ "en" : " Website layout design: fixed and liquid layouts" ,
2015+ "it" : " Costruire il layout di un sito web: layout fissi e liquidi"
2016+ },
2017+ {
2018+ "en" : " Base layouts: single column" ,
2019+ "it" : " I layout di base: layout a colonna singola" ,
2020+ "type" : " esempio"
2021+ },
2022+ {
2023+ "en" : " Base layouts: two columns" ,
2024+ "it" : " I layout di base: layout due colonne" ,
2025+ "type" : " esempio"
2026+ },
2027+ {
2028+ "en" : " Multicolumn layouts with positioned divs" ,
2029+ "it" : " Uso di elementi posizionati per la realizzazione di layout molticolonna" ,
2030+ "type" : " esempio"
2031+ },
2032+ {
2033+ "en" : " Multicolumn layouts with floats" ,
2034+ "it" : " Uso di floats per la realizzazione di layout molticolonna" ,
2035+ "type" : " esempio"
2036+ },
2037+ {
2038+ "en" : " Multicolumn layouts with flexbox" ,
2039+ "it" : " Uso dei flexbox per la realizzazione di layout molticolonna" ,
2040+ "type" : " esempio"
2041+ },
2042+ {
2043+ "show" : false ,
2044+ "en" : " Base layouts: three columns" ,
2045+ "it" : " I layout di base: layout tre colonne"
2046+ },
2047+ {
2048+ "en" : " Introduction to responsive web design" ,
2049+ "it" : " Introduzione al responsive web design"
2050+ },
2051+ {
2052+ "en" : " CSS media queries" ,
2053+ "it" : " Le CSS media queries"
2054+ },
2055+ {
2056+ "en" : " Using CSS cascading to override default rules with a media query" ,
2057+ "it" : " Usare l'effetto cascata dei CSS per modificare le regole di default tramite una media query"
2058+ },
2059+ {
2060+ "en" : " CSS media queries for responsive design: responsive breakpoints" ,
2061+ "it" : " CSS media queries per il responsive disign: i responsive breakpoints"
2062+ },
2063+ {
2064+ "en" : " How to adapt a layout to different devices using CSS: move, resize, hide, change" ,
2065+ "it" : " Come adattare un layout a device diversi con i CSS: spostare, ridimensionare, nascondere, sostituire"
2066+ },
2067+ {
2068+ "en" : " How to create and alternative, accessible menu using a SELECT control (...and a button)" ,
2069+ "it" : " Realizzare un menu alternativo accessibile con il controllo SELECT (...e un bottone)" ,
2070+ "type" : " esempio"
2071+ },
2072+ {
2073+ "en" : " Grid layouts" ,
2074+ "it" : " I layout a griglia"
2075+ },
2076+ {
2077+ "en" : " The responsive fluid grid layout made with floats" ,
2078+ "it" : " Il layout a griglia fluido responsive realizzato con i float" ,
2079+ "type" : " esempio" ,
2080+ "attachments" : [
2081+ {
2082+ "name" : " Layout_3col_grid_float_liquid" ,
2083+ "link" : " https://github.com/WebEngineering-Univaq/CSS_Examples/blob/main/layout/Layout_3col_grid_float_liquid.html"
2084+ }
2085+ ]
2086+ },
2087+ {
2088+ "en" : " A fluid grid layout made with flexbox" ,
2089+ "it" : " Un layout a griglia fluido realizzato con i flexbox" ,
2090+ "type" : " esempio" ,
2091+ "attachments" : [
2092+ {
2093+ "name" : " Layout_3col_grid_flexbox_liquid" ,
2094+ "link" : " https://github.com/WebEngineering-Univaq/CSS_Examples/blob/main/layout/Layout_3col_grid_flexbox_liquid.html"
2095+ }
2096+ ]
2097+ },
2098+ {
2099+ "en" : " Introduction to CSS Grids" ,
2100+ "it" : " Introduzione ai CSS Grid" ,
2101+ "attachments" : [
2102+ {
2103+ "name" : " css_3_grid" ,
2104+ "link" : " https://github.com/WebEngineering-Univaq/CSS_Examples/blob/main/css_3_grid.html"
2105+ }
2106+ ]
2107+ },
2108+ {
2109+ "en" : " A fluid grid layout made with CSS grids" ,
2110+ "it" : " Un layout a griglia fluido realizzato con i CSS grid" ,
2111+ "type" : " esempio" ,
2112+ "attachments" : [
2113+ {
2114+ "name" : " Layout_3col_grid_grid_liquid" ,
2115+ "link" : " https://github.com/WebEngineering-Univaq/CSS_Examples/blob/main/layout/Layout_3col_grid_grid_liquid.html"
2116+ }
2117+ ]
2118+ },
2119+ {
2120+ "en" : " Introduction to templates" ,
2121+ "it" : " Introduzione ai template"
2122+ }
2123+ ],
2124+ "title" : {
2125+ "all" : " (Responsive) Web design"
2126+ }
2127+ },
2128+ {
2129+ "date" : " 2026-05-07T14:30:00" ,
2130+ "duration" : 2 ,
2131+ "attachments" : [
2132+ {
2133+ "name" : " Java_Example_Templates" ,
2134+ "link" : " https://github.com/WebEngineering-Univaq/Java_Example_Templates"
2135+ }
2136+ ],
2137+ "arguments" : [
2138+ {
2139+ "en" : " The FreeMarker template engine" ,
2140+ "it" : " Il template engine FreeMarker" ,
2141+ "attachments" : [
2142+ {
2143+ "link" : " https://freemarker.apache.org/"
2144+ }
2145+ ]
2146+ },
2147+ {
2148+ "en" : " FreeMarker: template components" ,
2149+ "it" : " FreeMarker: componenti dei template"
2150+ },
2151+ {
2152+ "en" : " FreeMarker: the abstract data model (hashes, sequences and scalars)" ,
2153+ "it" : " FreeMarker: il data model astratto (hash, sequenze e scalari)" ,
2154+ "attachments" : [
2155+ {
2156+ "link" : " https://freemarker.apache.org/docs/dgui_datamodel_types.html"
2157+ }
2158+ ]
2159+ },
2160+ {
2161+ "en" : " FreeMarker: basic configuration" ,
2162+ "it" : " FreeMarker: configurazione di base" ,
2163+ "type" : " esempio"
2164+ },
2165+ {
2166+ "en" : " FreeMarker: output format specification and automatic escaping" ,
2167+ "it" : " FreeMarker: specifica dell'output format e automatic escaping"
2168+ },
2169+ {
2170+ "en" : " FreeMarker: default object wrapper specification" ,
2171+ "it" : " FreeMarker: specifica del default object wrapper"
2172+ },
2173+ {
2174+ "en" : " Template compilation and visualization" ,
2175+ "it" : " Compilazione e visualizzazione di un template" ,
2176+ "type" : " esempio"
2177+ },
2178+ {
2179+ "en" : " FreeMarker: the Java data model" ,
2180+ "it" : " FreeMarker: il data model in Java"
2181+ },
2182+ {
2183+ "en" : " FreeMarker: interpolations" ,
2184+ "it" : " FreeMarker: le interpolations" ,
2185+ "attachments" : [
2186+ {
2187+ "link" : " https://freemarker.apache.org/docs/dgui_template_valueinsertion.html"
2188+ }
2189+ ]
2190+ },
2191+ {
2192+ "en" : " FreeMarker: interpolations default" ,
2193+ "it" : " FreeMarker: default per le interpolations"
2194+ },
2195+ {
2196+ "en" : " FreeMarker: built-ins (?cap_first, ?size, ...)" ,
2197+ "it" : " FreeMarker: i built-in (?cap_first, ?size, ...)" ,
2198+ "attachments" : [
2199+ {
2200+ "link" : " https://freemarker.apache.org/docs/dgui_template_exp.html#dgui_template_exp_builtin"
2201+ }
2202+ ]
2203+ },
2204+ {
2205+ "en" : " Simple templates (with interpolations)" ,
2206+ "it" : " Creazione di template semplici (con sole interpolations)" ,
2207+ "type" : " esempio"
2208+ },
2209+ {
2210+ "en" : " FreeMarker: hashes in the data model: creation and access" ,
2211+ "it" : " FreeMarker: hashes nel data model: creazione e accesso"
2212+ },
2213+ {
2214+ "en" : " FreeMarker: java classes in the data model" ,
2215+ "it" : " FreeMarker: uso di classi java nel data model"
2216+ },
2217+ {
2218+ "en" : " FreeMarker: lists in the data model: creation and access" ,
2219+ "it" : " FreeMarker: liste nel data model: creazione e accesso"
2220+ },
2221+ {
2222+ "en" : " FreeMarker: the list directive" ,
2223+ "it" : " FreeMarker: la direttiva list" ,
2224+ "attachments" : [
2225+ {
2226+ "link" : " https://freemarker.apache.org/docs/ref_directive_list.html"
2227+ }
2228+ ]
2229+ },
2230+ {
2231+ "en" : " FreeMarker: the if directive" ,
2232+ "it" : " FreeMarker: la direttiva if" ,
2233+ "attachments" : [
2234+ {
2235+ "link" : " https://freemarker.apache.org/docs/ref_directive_if.html"
2236+ }
2237+ ]
2238+ },
2239+ {
2240+ "show" : false ,
2241+ "en" : " FreeMarker: variable definition test" ,
2242+ "it" : " FreeMarker: testare la definizione di una variable"
2243+ },
2244+ {
2245+ "en" : " Conditional templates" ,
2246+ "it" : " Creazione di template con parti condizionali" ,
2247+ "type" : " esempio"
2248+ },
2249+ {
2250+ "en" : " FreeMarker: getting the size of a list" ,
2251+ "it" : " FreeMarker: leggere la dimensione di una lista"
2252+ },
2253+ {
2254+ "en" : " FreeMarker: list separators with the sep directive" ,
2255+ "it" : " FreeMarker: separatori di lista con la direttiva sep"
2256+ },
2257+ {
2258+ "en" : " FreeMarker: the else clause in a list directive" ,
2259+ "it" : " FreeMarker: la clausola else in una direttiva list"
2260+ },
2261+ {
2262+ "en" : " Templates with iteration" ,
2263+ "it" : " Creazione di template con iterazione" ,
2264+ "type" : " esempio"
2265+ },
2266+ {
2267+ "en" : " FreeMarker: the include directive" ,
2268+ "it" : " FreeMarker: la direttiva include" ,
2269+ "attachments" : [
2270+ {
2271+ "link" : " https://freemarker.apache.org/docs/ref_directive_include.html"
2272+ }
2273+ ]
2274+ },
2275+ {
2276+ "en" : " Including a (secondary) template into another (primary) one" ,
2277+ "it" : " Inclusione di un template secondario in uno principale" ,
2278+ "type" : " esempio"
2279+ },
2280+ {
2281+ "en" : " FreeMarker: macros" ,
2282+ "it" : " FreeMarker: macro" ,
2283+ "attachments" : [
2284+ {
2285+ "link" : " https://freemarker.apache.org/docs/ref_directive_macro.html"
2286+ }
2287+ ]
2288+ },
2289+ {
2290+ "en" : " FreeMarker: parametric macros" ,
2291+ "it" : " FreeMarker: macro parametriche"
2292+ },
2293+ {
2294+ "show" : false ,
2295+ "en" : " FreeMarker: macros with nested content" ,
2296+ "it" : " FreeMarker: macro con contenuto"
2297+ },
2298+ {
2299+ "en" : " Template modularization" ,
2300+ "it" : " Modularizzazione dei template" ,
2301+ "type" : " esempio"
2302+ },
2303+ {
2304+ "en" : " Template inheritance and how to achieve it in Freemarker" ,
2305+ "it" : " Ereditariet\u00e0 dei template e come realizzarla in Freemarker" ,
2306+ "type" : " esempio"
2307+ }
2308+ ],
2309+ "title" : {
2310+ "all" : " Templates"
2311+ }
19882312 }
19892313]
0 commit comments