Kā "griezt" ātrāk nekā "zīmē"

Lekcija krievu valodā "Как верстать сайты быстрее, чем их рисуют" no Frontend Dev Conf 2014, kur ar pieredzi dalās front-end developer Юрий Артюх. Runā par rīkiem, kas automātizētu un paatrinātu "griežšanas" procesu: Sublime, CSS Hat, PNG Hat, Skech, u.c..

Transformicons

Animated icons, symbols and buttons using SVG and CSSAnimated icons, symbols and buttons using SVG and CSS

http://www.transformicons.com/

Responsive Nav

Responsive Nav is a tiny JavaScript plugin which weighs only ~1KB minified and Gzip’ed, and helps you to create a toggled navigation for small screens. It uses touch events and CSS3 transitions for the best possible performance. It also contains a “clever” workaround that makes it possible to transition from height: 0 to height: auto, which isn’t normally possible with CSS3 transitions.

http://responsive-nav.com/

Vairākslāņu CSS

Roberta Haritonova (vadošais Одноклассники.ру "griezējs") prezentācija par vairākslāņu CSS (krievu valodā) video un prezentācijas formātā.

Retina Ready Images and Responsive Web Design

DesignModo blogā uzgāju lielisku rakstu par aktuālu tēmu - "Retina Ready Images and Responsive Web Design". Iesaku!

FripFrap video podkasts

 

Video podkasts FripFrap (angļu valodā par html/css/js/...), kuru veido divas daiļās būtnes. 

CSS refresh

CSSrefresh ir mazs javascript, kas uzrauga CSS failu. Veicot izmaiņas, javascript automātiski pārlādē lapu. Plašāka informācija cssrefresh.frebsite.nl.

You are the CSS to my HTML

HTML & CSS T-krekls

Iespējams iegādāties pie Uzvelckreklu.lv.

Saīsinam "padding" un "margin"

Apskatīšu iespēju, kā ir iespējams saīsināt atribūta "padding" un "margin" vērtības. Piemēram, nodefinēsim klasei "koks" atribūtam "padding" vērtības.

Neoptimizēts variants:

.koks
{
padding-bottom:5px;
padding-left:10px;
padding-right:15px;
padding-top:1px;
}

Optimizēts variants:

.koks {
padding: 1px 15px 5px 10px;
}

Rezultāts acīm redzams, tiek ietaupītas teju 3 rindiņas vai 45 simboli. Atliek vien atcerēties "padding: top right bottom left;" un "margin: top right bottom left;".

UI programmēšana

Web-Tehnoloģiju skolā atvērta reģistrācija, manuprāt, jaunai un ļoti perspektīvai mācību programmai - UI programmēšana.

Programmas mērķis – visu nepieciešamo līdzekļu apguve lietotāja saskarnes izveidei, ar kuras palīdzību lietotājs savstarpēji iedarbojas ar web-lapu vai web-aplikāciju caur pārlūkprogrammu. Programmā tiek studēta klasiskā un populārākā saskarnes izstrādes metode ar HTML, CSS un JavaScript valodu palīdzību, šo valodu specifikācija un tiek izskatītas problēmu risināšanas metodes web-aplikāciju izstrādes laikā, kā arī to uzturēšana dažādās pārlūkprogrammās.

Avots: webskola.lv

Sastrukturizēt CSS failu

Online serviss styleneat.com palīdz sastrukturizēt CSS failu.

Piemēram, no šī:

#id1 { property: value; }
#id1 .class1 { property: value; }
#id1 .class1 a { property: value; property2: value2; property3: value3; }
#id1 .class1 a span { property: value; property2: value2; }
#id2 { property: value; }
#id2 .class { property: value; }

uz šo:

#id1 { property: value; }
 
 #id1 .class1 { property: value; }
 
  #id1 .class1 a {
   property: value;
   property2: value2;
   property3: value3; }
 
   #id1 .class1 a span {
    property: value;
    property2: value2; }
 
#id2 { property: value; }
 
 #id2 .class { property: value; }

htmlbook.ru

Noderīga vietne html un css apgūšanai vai zināšanu papildināšanai krievu valodā. Iesācējiem noteikti noderīga būtu sadaļa "Шаг за шагом" (soli pa solim).

Prezentācija par Line Height (angliski)

Modular CSS

Prezentācija angļu valodā, kā pareizi organizēt darbu lapas griezšanas procesā.

25 grāmatas par CSS

Patīk lasīt grāmatas? Tad saraksts ar 25 grāmatām par CSS angļu valodā ir domāts tieši Tev! Dažas grāmatas ir pārtulkotas krievu valodā, meklējies 636 veikalā.

WWW lapu veidošanas rokasgrāmata

Ievadkurs tīmekļa lapu veidošanā latviešu valodā no liis.lv.
Rokasgrāmata tīmekļa lapu veidošanai - "WWW lapu veidošanas rokasgrāmata".

"HTML un CSS soli pa solim" - vietne latviešu valodā

Pagājušajā gadā rakstīju par vietni, kasis.lv, kurā pieejams lielisks materiāls HTML un CSS apgūšanai. Tā nebūt nav vienīgā vietne latviešu valodā, kas noderētu HTML un CSS apguvei.

Vēl viena lieliska vietne latviešu valodā par HTML un CSS, HTML un CSS soli pa solim, autors Valters Celmiņš.

htmldog.com - vietne HTML un CSS apgūšanai

Arī šī vietne angļu valodā, htmldog.com, lieliski noderēs HTML un CSS zināšanu apgūšanai un papildināšanai. Vietnē pieejamas pamacības gan iesācējiem, gan arī jau pieredzējušākiem HTML un CSS zinātājiem. Vēl vietnē atrodami gatavi piemēri un raksti par HTML un CSS.

htmlplayground.com - HTML tagu, tagu atribūtu un CSS atribūtu apgūšana

Lieliska vietne angļu valodā, htmlplayground.com, HTML tagu, tagu atribūtu un CSS atribūtu apgūšanai.

Iesaku vietni katram interesentam, kurš interesējas par HTML un CSS, jo, piemēram, šajā vietnē ļoti uzskatāmi attēlo, gan izvēlētā taga aprakstu (varētu teikt definīciju), gan atrašanās vietu kodā, ka arī gala izskatu interneta pārlūkā.