Zábava se sklonovými poli, CSS a Reactem – Blog Khan Academy

Před časem jsme potřebovali poslat oznámení všem vítězům LearnStorm s pozvánkou na finálovou akci v Mountain View. Je to velká věc! 200 studentů z celé oblasti zálivu byli na akci pozváni.

Protože většina (ne-li všichni) z nich byla mladší 13 let, nemohli jsme jim poslat e-mail, řekněme to takhle, já jsem ne právník, ale já do Víme, že zákon COPPA zakazuje shromažďovat jakékoli osobní údaje osob mladších 13 let (včetně e-mailových adres, ale je zcela fér požádat o adresu rodičů). Museli jsme proto vytvořit něco, co by je při příští návštěvě webových stránek zaujalo.

A stejně jako u těch nejzábavnějších projektů, i zde bylo velmi málo času na skutečnou práci: od začátku do konce to trvalo zhruba tři dny, takže co se týče designu, muselo to být hezké, ale nemohlo to být 100% úplně nové, lesklé designové dílo: musely by se dělat kompromisy…

krok první: oznámení

Pravděpodobně jste už někdy dostali oznámení o Khan Academy a hned jste ho zavrhli jako purpurový déšť…. 2 „Purple rain“, později název písně, alba a filmu (a turné, které album i film podpořilo) z roku 1984, od umělce Prince. Ačkoli není známo, zda mezi tím skutečně existuje nějaká souvislost, Mikel Toombs ze San Diego Union a Bob Kostanczuk z Post-Tribune napsali, že Prince získal název přímo od „Ventura Highway“. Na otázku, jak vysvětlit frázi „purple rain“ ve „Ventura Highway“, Gerry Beckley odpověděl: „Dostal jsi mě.“ (přes Wikipedii)

A proč ne, vždyť je to jistě… rozlišovací, ale ten fialový obdélník zrovna nikomu na sítnici „radost z oznámení“ nepřináší, takže prvním krokem bylo vymyslet, jak oznámení vylepšit.

krok dva: learnstorm?

Dalším krokem výzkumu bylo rozebrat vizuální styl Learnstorm: motiv pole sklonu je srdcem identity Learnstorm. 3 Připomenutí: pole sklonu (přirozeně) je sklon (a často velikost) diferenciální rovnice vykreslené podél mřížky. Pole sklonu můžete použít k vytvoření intuice o povaze diferenciálních rovnic prvního řádu, jejich tečných bodech atd. Při tvorbě tohoto notifikačního banneru jsem věděl, že chci zopakovat identitu, ale z jiného úhlu nebo perspektivy. Abych to mohl udělat, musel bych pole sklonu trochu lépe rozebrat, protože už v tomto bodě jsem věděl, že ho chci nějakým způsobem začlenit do banneru.

Ale počkejte chvíli… matematika. Nemůžeme ani vycentrovat div, jak bychom mohli něco dělat se sklonovými poli?

Vlastně se vraťme ještě o krok zpět… diferenciální rovnice? Co je to vlastně směrnicové pole?

krok jak: matematická odbočka

Moje myšlenka byla: naše soutěž je založena na diferenciálních rovnicích, pravděpodobně by pomohlo se k nim vrátit. Pole sklonu 4 tvoří lví podíl prvních týdnů kurzu diferenciálních rovnic a jsou zdaleka nejméně zajímavou částí: veškeré aplikované a oborově specifické využití diferenciálních rovnic se nakonec ukáže jako mnohem zajímavější.

A po krátké době zjistíte, že směrnicové pole je v podstatě to, co se vydává za směrnici diferenciální rovnice vypočítané v periodických bodech roviny. A diferenciální rovnice vyjadřují pouze pocit rovnice, ne přesně tak, jak vypadá, protože jim chybí několik konstantních hodnot.

Takže pro obyčejný kruh y^2 + x^2 = 1, dostal bys y‘ = -x/y + c (což byste mohli zjistit implicitní derivací), ale opět to jen říká, že sklon této diferenciální rovnice v bodě jakýkoli bod je x hodnota dělená y hodnota krát mínus jedna plus nějaká libovolná c (což pro nás budeme jen předstírat, že je nula). Pro jakýkoli bod stačí do rovnice zadat x a y a to je ten sklon. V 5. příspěvku na blogu plném odboček bych měl zdůraznit, jak uspokojivé je skončit u raného „řešení“, které vyžaduje ty nejjednodušší výpočty. Paráda!

Ale když se to pokoušíme nakreslit (řekněme na papír nebo digitálně), ve skutečnosti nechceme y ‚, chceme cokoli směr y ‚ odpovídá, takže můžeme trojúhelník namířit tímto směrem. S jednoduchou rovnicí jako y‘ = -x / y , narazíme na tento problém, kde pro nulu ey y hodnoty, které máme nekonečně pozitivní nebo negativní y ‚ a co s tím děláš?

No, matematika na pomoc! Konkrétně standardní metoda atan2, která vrací úhel v radiánech (od počátku) pro bod v (x,y)Je to speciální funkce, která vypočítává arkustangens. ale je dostatečně chytrý na to, aby kompenzoval nulové jmenovatele v podstatě stejným způsobem jako vy. 6 Protože bere jmenovatele jako argument, atan2 se vyhýbá standardnímu filmovému klišé „obelstít“ počítač tím, že ho nutí dělit nulou.

Při pohledu na implementaci atan2 zjistíte, že provádí „intuitivní limitní dělení“, které se po vás často žádá v prvních týdnech kurzu kalkulu. Místo NaN dostanete ±π/2 a místo 0 dostanete 0 nebo π. Je to skvělé! A je to. přesně co potřebujeme. Pro daný (x,y) páru, získáte odpovídající hodnotu v radiánech.

Také si připomeňme, že máme diferenciální rovnici, která je dána vztahem y‘ = -x/yMůžeme použít atan2 k nalezení sklonu každého bodu v rovině. 7 konkrétně se budete ptát na radiány = Math.atan2(y, -x) Dobře, víme, jak to můžeme použít, teď už to jen musíme začít kreslit.

Druhý krok: prototypování

Prvním krokem prototypování byl malý skript v Pythonu, který jsem napsal pro PlotDevice 8. PlotDevice je skvělý! Je to kreslicí aplikace v Pythonu, kterou mám opravdu rád. Podívejte se, možná se vám bude líbit! Pokud se vám líbí myšlenka zpracování, ale v Javě jste tak trochu nezkušení, pak se vám to pravděpodobně bude líbit.

Znovu si uvědomte, že jsem na tomto projektu neměl moc času, potřeboval jsem si být jistý, že dokážu vymyslet nový pohled na identitu LearnStorm, takže kdyby mi začal docházet čas, mohl bych alespoň vykreslit roztomilý statický obrázek jako pozadí pro banner.

No, tohle vypadá slibně! Ale den je teprve brzy: mohl bych to… animovat?

Ustupme si a proveďme malý kritický zásah 9 za kritický zásah (ne to je kritické) je čas na prohlédnutí si designérské práce s kolegy, zhodnocení a diskusi o tom, co se daří a co ne (a pro obojí, proč) a nabídněte návrhy, jak by mohla nejefektivněji sdělit, co potřebuje. zde: částečně to, co dělá identitu Learnstorm skvělou, je, že získáte tuto kulatou atmosféru Přestože všechno je nalepeno na mřížce. Rozbití mřížky by v tomto případě vyžadovalo nejen animaci každé šipky, ale také jejich animaci podél kruhových drah, které by, myslím, vypadaly děsivý ale… ehm… možná si to necháme na LearnStorm 2016, až budeme mít víc času…

Také, pojďme tento okamžik využít viditelně i hlasitě otočný čep10 Myslím tím, že my již Jaký blogový příspěvek od startupu v oblasti Sanfranciského zálivu nadšeně a energicky nemluví a neracionalizuje pivoting jako způsob života? Protože jsem dopoledne strávil snahou přijít na to, jak procedurálně kreslit svažitá pole, již Mám (jakousi) infrastrukturu pro generování sklonových polí, ale problém je, že chci něco, co můžu snadno animovat. Je čas na novou diferenciální rovnici!

Možná bychom si mohli něco vymyslet, něco. opravdu jednoduchého, jako.

a pokud to správně vypočítáte, uvidíte něco takového:

ale řekněme, že uděláš chybu 11, kdo to dělá? i To by neudělal. Kdo by něco takového udělal? A odstraňte ten super „zajímavý“ atan2, o kterém jsme se právě dozvěděli, a dostanete něco… román.

Děje se to, že pokud vyberete řádek nebo sloupec, zjistíte, že hodnoty rotace monotónně rostou, ale v mírně odlišném počátečním bodě, a protože atan2 není poblíž, šipky se prostě stále otáčejí a otáčejí…

Dobře, takže teď máme poměrně zajímavé pole sklonu, které, buďme upřímní, je v tuto chvíli tak trochu polem náhodného sklonu.

Takže zpět k našemu projektu: jak ho animujeme? Zajímavé je, že pokud se pohybujete podél osy y (nebo osy x), každá šipka se otočí o tolik, o kolik jste se pohnuli. Řekněme tedy, že začnete s výše uvedeným statickým obrázkem a pro každý bod zvětšíte y or x v tomto y‘ = x + y o kousek, aniž by skutečně pohnuli bodem, všechno zdá se, že se otáčí jen o trochu více proti směru hodinových ručiček, takto:

Což je skvělé a hypnotické. Ale jak tohle začleníme do oznamovacího banneru?

Můj první instinkt byl animovaný gif: ale gify se nakonec ukázaly jako multimegabajtové monstra a filmy o nic lepší. Dokonce i ten gyfcat, co jsem tam vložil před pár odstavci, má v nejhorším případě 4 miliony a v lepším případě 400 tisíc dolarů jako webp film. A ta kvalita… Vždyť máš oči, prostě… pohled na to. řekněme, že to není zrovna nejlepší. Fuj, tohle není nic moc složitého! Je to jen hromada trojúhelníků, které se točí dokola a.

Počkej chvíli

Místo skutečného vykreslování nějakého obrázku na pozadí a jeho zvětšování, proč neprovést animaci v prohlížeči pomocí techniky, o které jste možná slyšeli, zvané Dynamické HTML. 12 „…elegantnější zbraň pro civilizovanější dobu“ — Alec Guinness

ohromující animace

Takhle bych to zhruba udělal: použil bych singl obrázek šipky, rozložit jich několik na mřížku a pak je otočit pomocí CSS. Nejdřív jsem si myslel

Můžu dynamicky nastavit počáteční a cílovou rotaci každé šipky!

A použil bych CSS pro spuštění animace každé šipky řekněme na nějaké hodnotě v radiánech, nastavil bych animaci klíčového snímku pro rotaci o 2π radiánů v určitém pevném časovém měřítku a pak bych to ukončil. Geniální!

Ale protože je to 13, klidně mě opravte na hn, neexistuje snadný způsob, jak vytvořit parametrizovanou CSS animaci s libovolnými počátečními/koncovými body a protože to chyba Bylo by zbytečné specifikovat novou animaci začínající na nějaké hodnotě v radiánech a jdoucí na plných 2π pro všechny hodnoty v radiánech, místo toho jsem zvolil, řekněme, lo-fi přístup.

Místo toho by každá šipka použila přesně stejná animace rotace 2π, ale abych animace rozložil, nastavil bych každou šipku zpoždění animace abych dosáhl stejného efektu. Pak bych toto pole s rotujícími šipkami umístil na z-index pod skutečné html oznámení.

implementace tohoto

Můj první pokus vypadal komicky: protože jsem již výše uvedenou animaci vygeneroval pomocí plotdevice jako součást testování, měl jsem už řadu časových posunů spolu s pozicemi x/y, takže jsem pro každou šipku vytiskl počáteční rotaci a uložil ji jako pole JSON, které jsem načetl přímo do. velmi malá šablona pro reakci, která dává něco zhruba jako

// masivní pole rotačních offsetů var dartRot = [0, 0.234, 0.469, . o několik megabajtů více, . ]; for (var i=0; i < dartRot.length; i += 1)< style = < animationDelay: dartRot[i], . >; return />; >

Iteroval jsem znovu všechny hodnoty a pak to použil k nastavení zpoždění animace. Proboha! To je směšné! To je v podstatě stejně špatné, jako kdybych všechny ty CSS animace psal jednu po druhé. Ale myslím tím, že ponaučení bylo, že idea nebylo špatné i když moje počáteční implementace byla.

Místo toho jsem projekt na den odložil a trvalo až do druhého rána, než jsem si uvědomil, že můžu něco udělat. hodně méně směšné:

for (var x=0; x < dartCols; x += 1)< for (var y=0; y < dartRows; y += 1)< // co to je. a. *vypočítané* zpoždění?! style = < animationDelay: (x+y), . >; return />; > >

To nebylo ani o moc víc práce, už jsem toho hodně udělal v Pythonu, jen jsem to potřeboval přeložit! Tady je v podstatě demo implementace Reactu. 14 V tomto demu jsou šipky zobrazeny inline-blocky, aby se předešlo rozptylování ručním nastavováním pozice.

Výhodou je, že nejen kód ne plné magických polí, je také mnohem zřejmější, co se děje. Dokonce i nastavení pozic x/y (nezobrazeno) v objektu style je zřejmější a kód, který nakonec získáte, vám umožňuje uvažovat v pojmech jednotkové mřížky, ale prvky vykreslovat otáčením knoflíků různých faktorů měřítka.

Protože animace funguje na principu zpoždění animace, její vznik se pomalu a pomalu rozbíhá. Takže když se objeví banner, všechno zpočátku ukazuje jedním směrem, aby se nakonec v určitém bodě během zpoždění animace seřadilo do jedné řady.

V Khan Academy máme šikovný nástroj, který vám umožní vytvořit prototyp komponenty React v kontextu webu, a to s názvem React Sandbox. Funguje na lokálním vývojářském serveru a umožňuje vám rychlé prostředí jsbin/fiddle, ale se všemi vymoženostmi, které na webu očekáváte. S jeho použitím získáte něco jako toto:

Design není nijak zvlášť ohromující: je to variace na běžnou hlavičku LearnStorm, ale je… naživuA co je důležitější, přenáší závažnost původní hlavičky Learnstorm do oslavy úspěchů našich vítězných regionálních soutěží a vdechuje život identitě, i když přímo neovlivňuje kruhové pole svahů.

ponaučení

Kromě toho, že je zábavné používat matematiku k vytváření skvělých oznámení, je hlavním ponaučením (myslím), že když se zamyslíte nad prototypováním (a parametrizací) už v rané fázi, můžete později přijít se zajímavými způsoby procedurálního generování animací, i když je vaše prostředí (například CSS) omezené.

Část z toho byla rozhodně zabudována do raných výzkumů diferenciálních rovnic. Později bylo toto vylepšeno pomocí Pythonu a nakonec, i když byla animace implementována pomocí Reactu, různé průzkumy mi umožnily uvědomit si, že je to něco, co by se dalo implementovat s čímkoli jiným, jako je d3 nebo dokonce starý dobrý jQuery nebo handleblabs.

Nakonec by někdo, kdo obdržel oznámení návštěvou webu, viděl toto (kromě animace):

Pokud jste viděli oznámení, gratuluji k účasti v learnstorm! Byla to velká zábava pro vás něco vytvořit :)

Získejte odpovědi na nejčastější otázky týkající se stavby srubu na svažitém pozemku a také sedm rychlých tipů pro úspěch.

Napsáno editory Log Home Living

Tato chata v Montaně využívá svažitého pozemku s přízemím v zadní části. Více o tomto domě si můžete prohlédnout zde. Foto: Joseph Hilliard

Otázka: S manželkou vlastníme pozemek s mírným svahem. Slyšel jsem, že vybudování terénu pro základovou desku bude stát jmění. Ušetřil bych více, kdybych postavil dům se suterénem?

Odpověď:

Desky a svahy k sobě často nepasují. Nejde jen o cenu, existují i další problémy. Vyrovnání svahu pro desku obvykle vyžaduje stavbu opěrné zdi na spodním okraji základů a přidání zásypové zeminy pro zajištění rovného podkladu. Buďte však opatrní: Umístění desky na zásyp otevírá dveře trhlinám a sedání. Ujistěte se, že váš stavitel nebo výkopový tým věnuje velkou pozornost zhutnění zásypu.

Dalším problémem je odvodnění. Stavební předpisy vyžadují, aby nezděné stavební materiály byly alespoň 8 cm nad povrchem půdy. Doporučuji tuto výšku zdvojnásobit, aby byly srubové zdi chráněny před škodlivým deštěm a navíjeným sněhem. To znamená přidat ještě více zásypu. Pokud se snažíte vyhnout sklepu, zvažte použití prolézacího prostoru. To bude vyžadovat základovou vrstvu a krátkou zeď. Pokud stavíte v místě, kde mohou být zimy tuhé, musí být běžné základové vrstvy hluboké několik stop.

Také se zeptejte své budovy na mrazuvzdorné mělké základy (FPSF), které sníží množství kopání a betonování. Tato stavební technologie se ve Skandinávii používá již půl století a poskytuje energeticky úspornější základový systém za méně peněz. Jako bonus vám váš podkladový prostor nabídne úložný prostor a umožní vám vést elektrické rozvody a potrubí – což je mnohem snazší cesta než jejich vedení skrz desku.

Fotografie: Stavitelé Elk Ridge

Otázka: Jaké jsou některé výhody a nevýhody stavby na svahu?

Klady

Stavba na svahu nabízí možnost vyhlídky nebo vyhlídky v nižším patře. To znamená denní světlo místo temného a zatuchlého suterénu. Možnost dokončit celou nebo část nižšího patra vám umožní postavit více domů za méně peněz.

Svažité pozemky nabízejí i mnoho estetických výhod. V lese může dům postavený na svahu znamenat, že okna na jedné straně budou poskytovat výhled na lesní koruny a vytvářet pocit bydlení v domě na stromě. V otevřenější krajině může svah poskytnout vašemu domu úchvatný výhled na hory, jezera nebo louky.

Nevýhody

Svahy mají dvě potenciální nevýhody, které mohou vašemu staviteli i peněžence způsobit určité potíže: dostupnost a odvodnění. Strmé svahy jsou obtížně přístupné s těžkou technikou potřebnou k vybudování základů. Doba potřebná k vybudování základů se často prodlužuje a může být nutné k základům pumpovat beton. To může znamenat zvýšené náklady.

Svažité pozemky pro domy také představují problémy s odvodněním. Pokud stavíte na vrcholu svahu, je pravděpodobné, že se s žádnými problémy nesetkáte. Pokud se však váš pozemek nachází na svahu, musíte věnovat zvláštní pozornost množství vody, která může stékat k vašemu domu a jeho základům. Stavební předpisy vyžadují, aby se pozemek bezprostředně kolem základů svažoval od nich. To může znamenat, že stavitel musí vytvořit základy, které jsou částečně odkryté na „svahové“ straně s přidanou zásypovou zeminou pro mírný protisklon k domu. Tento krok má i pozitivní stránku: méně kopání a jako zásyp lze použít tzv. odpadní zeminu z výkopů.

Tito majitelé domů z Ohia viděli svůj svažitý pozemek jako příležitost využít výhledu. Více o tomto domě si můžete prohlédnout zde. Foto: Richard Lee

Otázka: Náš pozemek má sklon 15 procent. Vyžaduje tento typ sklonu speciální typ návrhu domu?

Odpověď:

Patnáctiprocentní sklon znamená, že na každých 15 metrů horizontální vzdálenosti se nadmořská výška změní o 100 metru. To se nemusí zdát mnoho, ale zamysleme se nad tím, jak stavba na takovém svahu ovlivňuje vaše základy.

Představte si, že váš dům má celkové rozměry 28 x 60 stop. Pokud dům orientujete tak, aby rozměr 60 stop směřoval ve stejném směru jako svah, budou spodní rohy o 9 stop níže než horní rohy. Pokud dům orientujete tak, aby rozměr 28 stop směřoval ve svahu, budou spodní rohy asi 4 metru pod horními rohy. Jak vidíte, v druhém případě je potřeba mnohem méně kopání.

Sklon vašeho pozemku snadno určíte pomocí provázku, krejčovského metru a levné „vodováhy“ – malé vodováhy, která se zavěšuje na provázek a je k dostání v železářstvích. Jednoduše zapíchněte jeden konec provázku a odměřte s ním vzdálenost po svahu. Držte provázek napnutý a vodorovně a změřte vzdálenost od provázku k zemi. Přeneste tyto informace na list milimetrového papíru a načrtněte základy, abyste viděli, jak sklon ovlivní vaše základy.

Otázka: Je stavba na svahu dražší? Budou s tím spojené dodatečné náklady na výkopové práce?

Odpověď:

Stavba na svahu obvykle vyžaduje méně výkopových prací než stavba na rovném terénu. Pokud je však svah strmý, může být nutné, aby bagr pro přístup k němu provedl určité úpravy terénu. Strmé svahy mohou také vyžadovat použití specializovanějšího vybavení určeného pro práci v drsnějším terénu. Strmé svahy mohou vyžadovat rozsáhlé finální úpravy, aby se přesměroval tok vody a chránily se základy. To občas vyžaduje, aby stavitel dovezl a rozprostřel více zásypové zeminy, což může výrazně zvýšit náklady na základy.

Foto: James Ray Spahn (Více o tomto domě si můžete prohlédnout zde.)

Otázka: Máme dvouakrový mírně svažitý pozemek v nádherné oblasti, která je občas náchylná k sesuvům půdy. Jaké hlavní faktory bychom měli zvážit před zahájením stavby?

Odpověď:

Pokud se nacházíte v oblasti sesuvů půdy, nechcete se ocitnout na zemi, která by se mohla sesunout, nebo v její dráze. Pečlivě si prostudujte pozemek, abyste zjistili, kudy se v minulosti voda a bahno dostaly. Pokud je to možné, navštivte staveniště během silného lijáku a podívejte se, co se s vodou děje. Mírné svahy obvykle nepředstavují velkou hrozbu, ale stavba domu na okraji strmého svahu zvyšuje pravděpodobnost, že proudící voda může zatékat pod základy a způsobit sesuv vašeho domu. Pokud na vašem staveništi hrozí riziko sesuvu půdy, je nejlepší se poradit se stavebním inženýrem nebo zkušeným bagrem.

Tento srub postavený na svahu se rozkládá na 270 stupních malebné divočiny Severní Karolíny. Více o tomto domě si můžete prohlédnout zde. Foto: Joseph Hilliard

Otázka: Chceme, aby náš svažitý pozemek měl nádhernou zahradní architekturu. Co mohu se svažitým pozemkem dělat?

Odpověď:

Úprava krajiny na svazích vyžaduje určitou pozornost k detailům. Nejprve se ujistěte, že vámi zvolená terénní úprava zvládne svah. Pokud některé z vybraných druhů rostlin mají potíže s uchycením kořenů ve svažitých oblastech, můžete vytvořit řadu opěrných zdí. Stavba opěrných zdí je umění i věda. Vyžaduje nejen cit pro estetiku krajiny, ale musíte také rozumět silám, které na zeď působí, a konstrukci potřebné k jejich zvládnutí.

Krátké opěrné zdi (2 cm nebo méně) jsou poměrně jednoduché, ale jakmile zdi přesahují výšku 2 cm, je zatížení zadní strany konstrukce zdi náročnější. Je důležité postavit zdi tak, aby odolaly silám zeminy, kterou drží. To může znamenat dodatečné vyztužení a použití „mrtvých mužů“, což jsou kotvy pro zeď.

Svažité pozemky obvykle nabízejí nepřeberné množství možností designu a výstavby. Pokud správně naplánujete a budete spolupracovat se stavebníkem na řádném vytyčení a provedení výkopů pro váš dům, získáte to nejlepší z obou světů: efektivní plán domu a úžasné výhledy.

Sedm rychlých tipů pro úspěšnou stavbu na svahu

1. Vytvořte suterén s denním světlem ve vykopané klínové oblasti pod domy na svahu. Vytvoříte si skvělý výhled s další místností namísto nevyužitého prostoru pod podlahou a bez zvětšení zastavěné plochy vašeho domu.
2. Obraťte rozvržení. Svažité pozemky umožňují skromnější vzhled zepředu a honosnější zezadu, zejména s dramatickými okny, jako jsou přídě. Při stavbě na svahu je často nejlepší umístit „vchodové“ dveře za dům.
3. Mějte přístup k domu shora, ne zespodu. Vyhnete se nutnosti vyřezávat příjezdovou cestu do svahu kopce a stavět opěrné zdi, které by zabránily pádu nečistot a kamení na garáž. Umístění garáže v přední části nejvyššího patra otevře výhled na všech úrovních v zadní části domu.
4. Postavte vysokou. Vyšší domy s menšími rozměry vyžadují méně výkopových prací a terénních prací, což jsou velké stavební náklady. A úzký, nad sebou jdoucí dům s otevřeným půdorysem může přinést výhledy ze všech nebo většiny místností.
5. Vyhněte se stavbě na samém vrcholu kopce nebo hory. Panoramatický výhled je skvělý, ale také zvýší vaše náklady na vytápění, protože v zimě vystaví dům studenému větru. Využijte svah k zakrytí domu a zúžení výhledu.
6. Správně umístěte svůj dům. Umístěte svůj dům tak, abyste se co nejvíce vyhnuli zimnímu stínu a letnímu slunci.
7. Udělejte z domu součást výhledu. Stavět tak, aby odpovídalo terénu a spíše splývalo s topografií, než aby s ní kolidovalo.

Zjistěte více o stavbě na svahu:

• Svažité pozemky vs. rovinaté: Který je pro vás ten pravý?
• Je jednopatrový srub levnější než dvoupatrový?
• Váš průvodce sklepy s denním světlem

Výběr editorů

Všechny prezentované produkty jsou pečlivě kontrolovány a vybírány našimi redaktory. Jako partner Amazonu získáváme provizi z kvalifikovaných nákupů.