itpastorn / webbutveckling-1-flex-studentfiles Goto Github PK

Finns på kapitel 5 sektion 4: CSS för länkarna.
I CSS koden är "a" med serifer/utan serifer blandade.

Är orange i första listan, rad 2.

Är silver i det kompletta exemplet.

Byt så att båda blir silver

Hitta ett bättre ordval i den hör meningen:
"Lägg märke till att label-elementen fortfarande i sig är osynliga"

På sidan 71 i Arbetsbok 2:a upplagan, uppgift 9a - Testa SVG, under extrauppgift: Ändra cirkelns fill, fill-width och stroke med CSS.

Kan ej hitta någon fill-width property, är det stroke-width som menas?

Lägg till det som tips i avsnittet om Vagrant

Hat tip Sara Hällgren, Skellefteå

Bokens webbplats-avsnittets rubrik. Sidan 35.

Sista punkten på sidan 66 säger att det i koden på sidan 65 ska finnas en CSS-kommentar. Det gör det inte.

Hat tip: Anna H via mejl

Hat tip: Jan Zetterqvist

I en errata-fil har jag sett att du i avsnitt 4.2 korrigerat klassnamnen
till ”learn” och ”easy”, men i den efterföljande diskussionen dyker
(fortfarande?) klassnamnen ”foo” och ”bar” upp. Stycket är teoretiskt
svårt, vilket förklarar att du noggrant vill gå igenom detta. Olyckligt
därför med ”foo” och ”bar” just här. (Och när du skriver ”Testa att byta
plats…” så undrar man om du syftar på css-koden eller html-koden.)

Fel namn i 1.9.8

Codecademy är både namn och webbadress

JZ:

Index i Upplaga 2 tycks inte vara uppdaterad alls (begreppet flex
finns t ex inte med!). Det ser faktiskt ut som om det helt enkelt är
upplaga 1-index som i hastigheten bara förts över till upplaga 2 (gissar
att den i normalfallet uppdateras ”automatiskt”, förutsatt att man
placerat alla indexankare osv på rätta ställen i den löpande texten).

Ta bort alla ställen där nämns.

På sidan 194 av 2:a upplagen säger det att menyer kommer att diskuteras i 12.2 Menyer. Men det finns inget 12.2 Menyer.

Hej!

Hittade lite (2 st) syftningsfel på sidan http://webbteknik.nu/joblist/wu1/10/

Ersätt ordet Avsnitt med Uppgift på två ställen
Det står lite förvirrande... "Avsnitt 10.1 i Arbetsboken" och "Avsnitt 10.2 i Arbetsboken" uppradat i tabellen.

Med vänlig hälsning
Niklas Engvall

Lägg till tipset

brew install git

Hej!
En fråga angående dokumentet "Några stycken + CSS", sidan 67 i Läroboken :
In boken står det:

	<p class="learn easy" id="a">
		Lorem ipsum dolor sit amet.
	</p>
	<p class="learn" id="b">
		Lorem ipsum dolor sit amet.
	</p>
	<p id="c">
		Lorem ipsum dolor sit amet.
	</p>

Skulle inte selektorn på andra stycke vara "easy"?

Tack på förhand!

Förslag: Atom, Brackets, gEdit, Notepad++, Notepad2, Sublime, TextMate och UltraEdit.

I avsnitt 2.3.8 nämns Trello och RealtimeBoard (år det rättstavat). Lägg till Basecamp.

Hat tip: jan Zetterqvist

De fyra små läxhjälp-symbolerna (&#x3020 osv) finns på
/bilderna/ redan i kap 5 MEN får sin förklaring först i /kap 11.3.4
”HTML i menyn”/ (det är här nav-koden presenteras). Man blir lite
konfunderad i kapitel 5 …

De verkar ha försvunnit...

När man följt kapitel 11 för uppgift 11C så ser inte sidan komplett ut. Ignorera outlines.
Det nämns angående att header och footer ska vara 100% bredd, men ingen instruktion som visar processen för när man bör göra det. Samt att den första delen för .subpage saknas helt.

Det kan man fixa genom att lägga till följande i css filen:

.subpage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.subpage header, .subpage footer {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}

Eclipse
Sublime
Etc.

Du som läser boken får gärna komma med förslag!

14.3

• ECMAScript kan användas för program att köra i terminalen, _som_ jag rekommenderar att du gör med Gulp, som också bygger på Node.js.
• ECMAScript kan användas för program att köra i terminalen, _vilket_ jag rekommenderar att du gör med Gulp, som också bygger på Node.js.

I Läroboken, andra upplagan, avsnitt 10.1: Första gröna tipsrutan säger ...så använd deklarationen: visibility: invisible. Det bör stå: ...så använd deklarationen: visibility: hidden.
Med vänlig hälsning
Niklas Engvall

Gamla upplagans numrering.

Sidan 48 i nya arbetsboken.

Också fel i texten: kap-4-f .css (Ta bort mellanslag)

Titel: Code Academy --> Codecademy
Kurs: Make A Website --> How to Make a Website with NameCheap

När Codecademy släpptes 2011 var det mesta gratis. Nu är de flesta resurserna bakom en betalvägg med ständiga uppmaningar att betala ca 200 kr/mån för att få tillgång till mer material. Förslag: Ta bort tips eftersom det är svårt att jobba systematiskt med materialet i en undervisningsgrupp.

JZ:

Rakt igenom hela boken är alla sidhuvuden
identiska och alla sidfötter identiska (förutom sidnumret givetvis).
Personligen skulle jag gärna se ”heading 2-nummer” följt av ”heading
2-text” /överst på alla sidor/, för att göra det hela lite mer
”lättbläddrat”. Du har faktiskt genomgående väldigt många hänvisningar
både framåt och bakåt i texten (se t ex sid 190, men en hänvisning
framåt till avsnitt 12.3 och strax därefter en hänvisning bakåt till
avsnitt 4.5.10). Gissar att detta är ofrånkomligt med tanke på hur
”invävda” kursens olika moment är i varandra, men just därför är det
viktigt att snabbt kunna hitta önskad sida i boken.

Eftersom den är nedbantad rekommenderar jag att du att installerar en fullversion

(Installation på Mac OS X)

Tillsammans med Flexbox Froggy

http://www.flexboxdefense.com/

Hat tip: JZ.

Du har (minst) tre länktips angående flex. Jag tycker de borde
presenteras i följande ordning:

· Först: Flexboxin5.com – ”interactive tour of flexbox in five
minutes”; förträfflig genomgång (tar dock lite mer än fem minuter!).

· Därefter: Flexboxfroggy.com – inte så dum!

· Sist eller inte alls: //the-echoplex.net/flexyboxes – du
presenterar denna länk redan i kapitel 5; man blir då nyfiken, men
faktiskt inte så mycket klokare. Bättre att redan här hänvisa till
Flexboxin5.com, tycker jag.

engelska

Nya upplagan: https://css-tricks.com/no-comma-color-functions-in-css/

Avsnitt 16.3

Attributet allowfullscreen påverkar HTML5-video

Div påpekanden på de första sidorna i provtryckningen

Följ sedvanlig drill med att spara, uppdatera och validera (samt commit och push).

Sidan 12. Ta bort versaler.