Apie WEB technologijas

2016 m. birželio 10 d., penktadienis

https://en.wikipedia.org/wiki/Multitier_architecture

http://www.asp.net/web-forms/overview/getting-started/getting-started-with-aspnet-45-web-forms/create_the_data_access_layer - čia galima atsisiųsti tutorialą

2016 m. birželio 9 d., ketvirtadienis

Garbage collection links

https://msdn.microsoft.com/en-us/library/system.idisposable(v=vs.110).aspx

https://msdn.microsoft.com/en-us/library/0xy59wtx(v=vs.110).aspx

2016 m. gegužės 21 d., šeštadienis

Periodic Table of DevOps Tools

https://xebialabs.com/periodic-table-of-devops-tools/#.V0CswULWJjo.twitter

2016 m. kovo 15 d., antradienis

CSS istorija

1980 - CSS (Cascading Style Sheets) pagrindinius principus paėmęs iš SGML (137 psl.).
1996 - W3C išleido CSS 1 lygio rekomendacijas. Čia žodis rekomendacija reiškia formalus paleidimas.
1998 gegužę - išleistos rekomendacijos CSS 2 lygio ir pradėta dirbti prie CSS3. CSS3 išskirstė į modulius.
2005 - išleido CSS Level 2 Revision 1 (CSS2.1), CSS3 Selectoriai, CSS3 Text - galutinė versija, t.y. ne juodraštinė, pasirodė tik 2011.

Kadangi CSS3 sudarytas iš modulių, tai kiekvieno modulio statusas ir stabilumas - skirtingi. Modulių yra apie 50. Rekomendacinius statusus turi:

media types
namespace
selectors level 3
color

CSS2.1 įeina į CSS3, nes jie buvo kartu baigti.

Style - taisyklė, kuri apibrėžia HTML elemento dalį.

Style sheet - taisyklių rinkinys.

Bene pats galingiausias CSS įrankis - cascading.

Media queries

Pvz.,

@media screen and (max-width: 1024px){
    img.bg {
        left: 50%;
        margin-left: -512px; }
}

HTML4 ir CSS2 palaiko media, todėl žinome, kad galime vieną formatą vaizduoti ekrane, o kitą - spaudsdinimui. Buvo apibrėžti media tipai: print, screen.

Media queries leidžia daryti užklausas su width, color, height. Taigi, dizainas gali būti pritaikytas prie bet kokio įrenginio (išmaniesiems telefonams, tabletams), nekeičiant programinio kodo turinio.

Media tipas gali būti apibrėžtas ir taip:

media="screen, 3d-glasses, print and resolution > 90dpi"
nurodo į:



     "screen"
"3d-glasses"
"print and resolution > 90dpi"

Media užklausa susidaro iš media tipo ir nulio arba kelių sąlygų.


Pavyzdys, parašytas su HTML:






Šis pavydzys išreiškia, kad tam tikras style sheet (example.css) naudojamas tam tikro media tipo įrenginyje ("screen") su tam tikra savybe (screen turi būti spalvotas).







Pavyzdys CSS su @import-rule:




@import url(color.css) screen and (color);

   

Media užklausa - tai loginė išraiška, turinti rezultatą true arba false.





All nurodo, kad tinka visų tipų įrenginiams.



@media all and (min-width:500px) { … }
@media (min-width:500px) { … }


Jeigu media neapibrėžta, tai reiškia true. Pvz., tas pats jei užrašyta:


@media all { … }
@media { … }


Išraiškose naudojami "min-" ir "max-", t.y. "ne mažesnis nei", "ne didesnis nei" - naudojami norint išvengti "daugiau", "mažiau" ženklo su "snapeliu."


Skirtimas tarp properties ir features:


Properties - deklaruoja, suteikia informaciją, kam bus naudojamas dokumentas. Jos gali turėti sudėtingesnių apskaičiavimų.
Features - apibrėžia reikalavimus output įrenginiui. Dažniausiai tai yra raktažodis ir skaičius.


Su media dar galime apibrėžti:

device-height ()
orientation (@media all and (orientation:portrait) { … }
@media all and (orientation:landscape) { … })
device aspect ratio - santykis tarp device-with ir device-height


    For example, if a screen device with square pixels has 1280 horizontal
    pixels and 720 vertical pixels (commonly referred to as "16:9"), the
    following Media Queries will all match the device:




@media screen and (device-aspect-ratio: 16/9) { … }
@media screen and (device-aspect-ratio: 32/18) { … }
@media screen and (device-aspect-ratio: 1280/720) { … }
@media screen and (device-aspect-ratio: 2560/1440) { … }



  


color - apibrėžia, kiek spalvų turi palaikyti išorinis įrenginys.


monochrome


resolution


grid - naudojamas, kai išorinis atvauzdavimo įranginys yra grid arba bitmap.

http://www.w3.org/TR/css3-mediaqueries/

70-480: įvairūs

Absolute panaikina float veikimą. Float galima naudoti ne visiems, o tik block-level elementams.

z-index - kaip steke išdėlioja elementus. Su didesne reikšme elementas dedamas aukščiau. Jis veikia tik su pozicionuotais elemetais: position: absolute, position:relavive arba position:fixed.

Position:
- static (default). Elementai išdėstomi ta tvarka, kuria yra dokumente.
- absolute. Elementas pozicionuojamas relative pagal pirmą ne statinį protėvį.
- relative. Elementas pozicionuojamas relative pagal savo relavite poziciją: "left:20". Prideda 20 pikselių į elemento left poziciją.
- fixed. Elementas poziciuojamas relative pagal naršyklės langą
- inherit. Pozicionavimo savybė paveldima iš tėvinio elemento.

parseInt(string, radix) - iš eilutės grąžina skaičių.
radix - parodo, kokią skaičiavimo sistemą naudoti: šešioliktainę (16) ar dešimtainę (10).
Tik pirmas eilutės skaičius yra grąžinamas.

Jeigu radix nėra nurodytas, JavaScrip apdoroja taip:

jei eilutė baigiasi 0x, tai bus šešioliktainė sistema;
jei eilutė baigiasi 0, tai bus 8-ainė sistema. Nebenaudojama.
jei bet kokia kita reikšmė - bus 10-ainė sistema.

http://www.w3schools.com/jsref/jsref_parseint.asp

parseFloat - grąžina float tipo skaičių.

CSS3 stilių svarbumas

70-480: Creating flexible layouts with CSS3 (16 video)

- flexbox - elementas, į kurį sudėta nav, content ir sidebar. Visiems jiems galima nustatyti, kiek procentų kuriam skirti, pvz., 10 proc, 80 proc ir 10 proc.

http://ie.microsoft.com/testdrive/Graphics/hands-on-css3/hands-on_flex.htm (atsidarinėti su IE naršykle)

- grid alignment - vietoje lentelių galime naudoti gridą, kuris taip pat turi eilutes, stulpelius. Taip daug paprasčiau nurodyti stilius.

auto

The width of a column is computed based on the widest child element in that column. This keyword is equivalent to minmax(min-content, max-content).

width

The width of each column specified as one of the following values:

A length consisting of an integer number, followed by an absolute units designator ("cm", "mm", "in", "pt", or "pc") or a relative units designator ("em", "ex", or "px").
A percentage of the object width.
A proportion of the remaining horizontal space (that is, the object width, less the combined widths of other tracks), consisting of an integer number followed by a fractional designator ("fr"). For example, if "200px 1fr 2fr" is specified, the first column is allocated 200 pixels, and the second and third columns are allocated 1/3 and 2/3 of the remaining width, respectively.

min-content

The minimum width of any child elements is used as the width of the column.

max-content

The maximum width of any child elements is used as the width of the column.

minmax(min, max)

The width of the row is between min and max, as available space allows. The min and max parameters can be any other value of the -ms-grid-columns property, except for auto.

none

Initial value. The object has no specified columns. Implicit, auto-sized columns will still be created based on the grid position(s) of the child element(s).

http://msdn.microsoft.com/en-us/library/windows/apps/hh466340.aspx