Frontend – paulius.kripaitis.lt

Centruojam nežinomo aukščio bloką nežinomo aukščio bloke. Tik CSS

Labai gera technika kai reikia centruoti pvz.: prisijungimo formą. Tada ji būna cenruota dideliuose ekranuose, o mobiliuose įrenginiuose tiesiog atsiranda scrollas.

.block {
    text-align: center;
}

.block:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
}
    
.centered {
    display: inline-block;
    vertical-align: middle;
    width: 300px;
}

Straipsnis apie tai https://css-tricks.com/centering-in-the-unknown/

jQuery-Mobile-Events, kai reikia tik eventų palaikymo

Frontend

https://github.com/benmajor/jQuery-Mobile-Events

Cross browser geyscale img

Frontend

http://www.majas-lapu-izstrade.lv/cross-browser-grayscale-image-example-using-css3-js/

Nevienodo aukščio skaitmenys fonte

Frontend

Fontas turi “Old style Numerics” nustatymą, jį leidžia pasirinkti fon squerl font face generatorius. Taip atrodo skaitmenys kurie yra ne vienodo aukščio.

“Praspaudžiam kiaurai divą”

Frontend

http://stackoverflow.com/questions/3680429/click-through-a-div-to-underlying-elements

Apvalinam tabus į išorę

Frontend

http://lea.verou.me/2011/03/beveled-corners-negative-border-radius-with-css3-gradients/ + http://css-tricks.com/better-tabs-with-round-out-borders/

Apie animacijų greičius:

Frontend

Characteris mobiliu meniu ikonai (deja jis neveikia mobiliuose įrenginiuose)

Frontend

☰

Paprastas būdas custom stylinti input[type=”text”] mygtuką

Frontend

<form>
    <label>Upload Picture
        <input type="file" name="picture" />
    </label>
</form>

label {
    position: relative;
    background: green;
    padding: 15px 30px;
    color:#fff;
    border-radius: 25px;
    display: inline-block;
    cursor: pointer;
}
label input[type=file] {     
    outline: none;           
    position: absolute;
    left: 0;
    height: 0px;
    width: 0px;
    line-height: 0px;
}

Snipetas:
http://jsfiddle.net/3bXGw/1/

Sulietuvinta konfigūracija jQ UI datepicker’iui

Frontend

 $('.datepicker').datepicker({ 
    showOn: "button",
    buttonText: "",
    dateFormat: "yy-mm-dd",
    firstDay: 1,
    dayNamesMin: [ "Se", "Pi", "An", "Tr", "Ke", "Pe", "Še" ],
    monthNames: [ "Sausis", "Vasaris", "Kovas", "Balandis", "Gegužė", "Birželis", "Liepa", "Rugpjūtis", "Rugsėjis", "Spalis", "Lapkritis", "Gruodis" ] 
});