HTML un CSS, ...

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

noreply@blogger.com (Anonymous) — Tue, 02 Jun 2015 06:00:00 +0000

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..

Zoommy (Mac OS X)

noreply@blogger.com (Anonymous) — Wed, 27 May 2015 06:00:00 +0000

Ir reizēs, kad "griežot" dizainu rodas nepieciešamība pēc bildēm saturam. Mac OS X lietotājiem talkā nāk vienkārša aplikācija Zoommy, kura apkopo attēlus no lielākajiem bezmaksas bilžu "stokiem".

Aplikācija ļauj caurlūkot bildes no bezmaksas bilžu "stoku" saraksta, iepatikušās bildes atzīmēt, bildi lejuplādēt ar vienu klikšķi, tā būs atrodama mapē "Downloads". Cerams ka nākošajā versijā ieviesīs meklētāju vai bilžu kategorijas.

Zoommy helps you find awesome free stock photos for your creative product or inspiration.

http://zoommyapp.com/

Transformicons

noreply@blogger.com (Anonymous) — Tue, 26 May 2015 04:30:00 +0000

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

http://www.transformicons.com/

Responsive Nav

noreply@blogger.com (Anonymous) — Mon, 25 May 2015 11:21:00 +0000

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

noreply@blogger.com (Anonymous) — Sun, 10 Mar 2013 14:38:00 +0000

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

Responsive design bookmarklet

noreply@blogger.com (Anonymous) — Fri, 01 Feb 2013 17:14:00 +0000

Viewport resizer is a browser-based tool to test any website’s responsiveness. Just save the bookmarklet, go to the page you want to test, click on your created bookmarklet and check all kinds of screen resolutions of the page. More »

Man patīk - ātri un ērti!

Retina Ready Images and Responsive Web Design

noreply@blogger.com (Anonymous) — Tue, 22 Jan 2013 21:06:00 +0000

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

FripFrap video podkasts

noreply@blogger.com (Anonymous) — Sun, 30 Dec 2012 12:57:00 +0000

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

CSS refresh

noreply@blogger.com (Anonymous) — Sun, 30 Sep 2012 20:48:00 +0000

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

noreply@blogger.com (Anonymous) — Mon, 24 Sep 2012 12:25:00 +0000

HTML & CSS T-krekls

noreply@blogger.com (Anonymous) — Tue, 18 Sep 2012 07:00:00 +0000

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

Saīsinam "padding" un "margin"

noreply@blogger.com (Anonymous) — Thu, 30 Aug 2012 17:02:00 +0000

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

noreply@blogger.com (Anonymous) — Sun, 26 Aug 2012 21:30:00 +0000

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

noreply@blogger.com (Anonymous) — Sun, 26 Aug 2012 14:58:00 +0000

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; }

Web Standards Days Riga 2010

noreply@blogger.com (Anonymous) — Sat, 01 May 2010 09:35:00 +0000

22. maijā viesnīcā "Tallink Hotel Riga" notiks konference par web izstrādi "Web Standards Days Riga 2010". Sīkāku informāciju par konferenci, tās programmu varat iepazīties webstandardsdays.ru.

Esmu jau reģistrējies, iesaku arī Tev reģistrēties, ja ir vēlme apmeklēt šo konferenci, jo vietu skaits ierobežots.

Laimīgu 2010. gadu!

noreply@blogger.com (Anonymous) — Sat, 02 Jan 2010 13:03:00 +0000

Novēlu, lai viegli un atbilstoši standartiem 2010. gadā rakstās HTML/CSS rindiņas!

htmlbook.ru

noreply@blogger.com (Anonymous) — Tue, 03 Nov 2009 20:53:00 +0000

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)

noreply@blogger.com (Anonymous) — Sat, 31 Oct 2009 13:20:00 +0000

FireFox spraudnis priekš ekrānšāviņu veidošanas

noreply@blogger.com (Anonymous) — Mon, 30 Mar 2009 11:58:00 +0000

Izmantoju "Screengrab" spraudni, ar kura palīdzību var ērti veidot ekrnāšavīnus mājas lapām iekš FireFox interneta pārlūkā. Ekrānšāviņu var veidot visās lapas garumā, gan arī izveidot ekrānšāviņu tikai pārlūkā redzamai mājas lapas daļai.

Modular CSS

noreply@blogger.com (Anonymous) — Tue, 24 Feb 2009 08:43:00 +0000

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

25 grāmatas par CSS

noreply@blogger.com (Anonymous) — Sun, 25 Jan 2009 10:41:00 +0000

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ā.

Interneta pārlūkprogrammas ātrums

noreply@blogger.com (Anonymous) — Wed, 21 Jan 2009 17:50:00 +0000

Interesants raksts, kurā veikts pētījums, kā dizaina izciršana ietekmē internetpārlūkprogrammas darbības ātrumu ar mājas lapu.

WWW lapu veidošanas rokasgrāmata

noreply@blogger.com (Anonymous) — Mon, 19 Jan 2009 12:13:00 +0000

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ā

noreply@blogger.com (Anonymous) — Sun, 11 Jan 2009 00:16:00 +0000

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

noreply@blogger.com (Anonymous) — Sat, 10 Jan 2009 15:34:00 +0000

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.