Written By

In the world of web design, we tend to become preoccupied with the here and now. In “Resilient Web Design“, Jeremy Keith emphasizes the importance of learning from the past in order to better prepare ourselves for the future. So, perhaps we should stop and think more beyond our present moment? The following is an excerpt from Jeremy’s web book.
I’ve been really liking the idea of wrapped scarf tops recently, but sadly haven’t been able to find one long enough to wrap around enough times. I thought it was time to get a little crafty and make one myself. Crazy simple and you’ll wonder why you haven’t done this before!
The incipit to the Gospel of Matthew in the Book of Kells.
Design works within constraints. The Columban monks who crafted the Book of Kells worked with four inks on vellum, a material made of calfskin. The materials were simple but clearly defined. The cenobitic designers knew the hues of the inks, the weight of the vellum, and crucially, they knew the dimensions of each page.
Prints And The Revolution Link
Materials and processes have changed and evolved over the past millennium or so. Gutenberg’s invention of movable type was a revolution in production. Whereas it would have taken just as long to create a second copy of the Book of Kells as it took to create the first, multiple copies of the Gutenberg bible could be produced with much less labour. Even so, many of the design patterns such as drop caps and columns were carried over from illuminated manuscripts. The fundamental design process remained the same: knowing the width and height of the page, designers created a pleasing arrangement of elements.
- Lorem ipsum dolor sit amet
- Maecenas egestas eros metus, sit amet accumsan dolor pharetra nec.
- Sed ac magna fermentum, convallis tellus nec, aliquet orci
The techniques of the print designer reached their zenith in the 20th century with the rise of the Swiss Style. Its structured layout and clear typography is exemplified in the work of designers like Josef Müller‐Brockmann and Jan Tschichold. They formulated grid systems and typographic scales based on the preceding centuries of design.
If It Ain’t Fixed, Don’t Break It Link
There’s nothing quite as frightening as the unknown. These words of former US Secretary of Defense Donald Rumsfeld should be truly terrifying (although the general consensus at the time was that they sounded like nonsense):
There are known knowns. There are things we know we know. We also know there are known unknowns, that is to say we know there are some things we do not know. But there are also unknown unknowns — the ones we don’t know we don’t know.
The ratio of the browser window is just one example of a known unknown on the web. The simplest way to deal with this situation is to use flexible units for layout: percentages rather than pixels. Instead, designers chose to pretend that the browser dimensions were a known. They created fixed‐width layouts for one specific window size.
The Adjacent Possible Link
Writer Steven Johnson has documented the history of invention and innovation. In his book Where Good Ideas Come From, he explores an idea called “the adjacent possible”:
At every moment in the timeline of an expanding biosphere, there are doors that cannot be unlocked yet. In human culture, we like to think of breakthrough ideas as sudden accelerations on the timeline, where a genius jumps ahead fifty years and invents something that normal minds, trapped in the present moment, couldn’t possibly have come up with. But the truth is that technological (and scientific) advances rarely break out of the adjacent possible; the history of cultural progress is, almost without exception, a story of one door leading to another door, exploring the palace one room at a time.
This is why the microwave oven could not have been invented in medieval France; there are too many preceding steps required — manufacturing, energy, theory — to make that kind of leap. Facebook could not exist without the World Wide Web, which could not exist without the internet, which could not exist without computers, and so on. Each step depends upon the accumulated layers below.
- The option to use percentages instead of pixels has been with us since the days of TABLE layouts.
- Flexible images. Research carried out by Richard Rutter showed that browsers were becoming increasingly adept at resizing images. The intrinsic dimensions of an image need not be a limiting factor.
- Media queries. Thanks to the error‐handling model of CSS, browsers had been adding feature upon feature over time. One of those features was CSS media queries — the ability to define styles according to certain parameters, such as the dimensions of the browser window.
The layers were in place. A desire for change — driven by the relentless rise of mobile — was also in place. What was needed was a slogan under which these could be united. That’s what Ethan gave us with Responsive Web Design.
Related News
Chứng khoán Mỹ hồi phục vào giờ chót sau khi sụt giảm nặng vào ngày thứ Hai
Hình của MarketWatchTheo CNBC Cổ phiếu đã có một sự hồi phục vào thứ Hai. Chứng khoán các công ty đã giảm mạnh sau...
Exxon-Mobil tiếp tục khai thác mỏ Cá Voi Xanh ở Việt Nam (theo Voa)
08/12/2021Theo VOA Tiếng ViệtLogo của ExxonMobil trên bảng điện tử ở sàn giao dịch chứng khoán tại New York, chụp ngày 23/4/2018. ExxonMobil đang...
Tin tức thế giới ngày Thứ ba 21 tháng 9 năm 2021 – Võ Thái Hà tổng hợp
Chứng khoán Mỹ, Úc, dầu thô, Bitcoin cũng đồng loạt ‘gặp hạn’ vì … ‘bom nợ’ EvergrandeS&P 500 sụt 1,7%, đây là phiên giảm...
Mối đe dọa của ISKP (chiến binh Hồi Giáo ở Afghanistan) đã được đánh giá thấp
Khói bốc lên từ vụ nổ bên ngoài sân bay ở Kabul ngày 26 tháng 8 năm 2021 [AP / Wali Sabawoon]Chi nhánh Afghanistan...
Cựu Giám đốc CIA: Afghanistan sụp đổ là hình ảnh ‘Vịnh con heo’ của Biden, ‘Sự tín nhiệm của Hoa Kỳ’ hiện đang là vấn đề’
Tổng thống Joe Biden trả lời câu hỏi trong cuộc họp báo ở Washington vào ngày 10 tháng 8 năm 2021. (Jim Watson /...
Mẫu tin – Đây là mẫu bản tin
In the world of web design, we tend to become preoccupied with the here and now. In “Resilient Web Design“, Jeremy Keith emphasizes the...
qtqgtzw
BMRPz7 cigxhstwebnj, [url=http://hczuzkxmduxh.com/]hczuzkxmduxh[/url], [link=http://dwwuafmjopel.com/]dwwuafmjopel[/link], http://vnpuevrhvxvo.com/
Stromectol
ivermectin price comparison buy ivermectin canada ivermectin for humans
sjomtq
Qb2J2G etzrvebvflmh, [url=http://mmgdppmxixth.com/]mmgdppmxixth[/url], [link=http://lhjjsvzimsip.com/]lhjjsvzimsip[/link], http://vuikfdidblcg.com/
CanadaDrugs
non prescription ed pills buy prescription drugs without doctor buy prescription drugs online legally
canadian pharmacy https://drwithoutdoctorprescription.com/
sildenafil without a doctor’s prescription
EdMeds
the canadian drugstore buy prescription drugs without doctor buy prescription drugs online
buy prescription drugs from india https://drwithoutdoctorprescription.online/
canadian drug
CanadaDrugs
prescription drugs without doctor approval online canadian drugstore prescription without a doctor’s prescription
best online canadian pharmacy https://drwithoutdoctorprescription.online/
prescription meds without the prescriptions
EdMeds
canadian drug legal to buy prescription drugs from canada buy prescription drugs from india
canadian online drugstore https://drwithoutdoctorprescription.online/
prescription meds without the prescriptions
CanadaDrugs
legal to buy prescription drugs without prescription buy prescription drugs from india discount prescription drugs
buy prescription drugs online without https://drwithoutdoctorprescription.com/
canada ed drugs
EdMeds
canadian online pharmacy canadian drugstore online buy prescription drugs from canada
non prescription erection pills https://drwithoutdoctorprescription.site/
best online canadian pharmacy
CanadaDrugs
canadian drugstore online pet antibiotics without vet prescription meds online without doctor prescription
best canadian online pharmacy https://drwithoutdoctorprescription.com/
canadian drug prices
EdMeds
ed prescription drugs the canadian drugstore pet meds without vet prescription canada
non prescription ed drugs https://drwithoutdoctorprescription.site/
pain meds online without doctor prescription
CanadaDrugs
pet meds without vet prescription canada buy prescription drugs online legally prescription drugs canada buy online
canadian drugs https://drwithoutdoctorprescription.com/
canadian online drugstore
EdMeds
prescription drugs without doctor approval dog antibiotics without vet prescription online prescription for ed meds
prescription drugs canada buy online https://drwithoutdoctorprescription.com/
canadian medications
CanadaDrugs
pet meds without vet prescription canada online canadian pharmacy ed drugs online from canada
pain meds online without doctor prescription https://drwithoutdoctorprescription.com/
buy prescription drugs from canada
EdMeds
prescription drugs canada buy online buy prescription drugs anti fungal pills without prescription
prescription drugs canada buy online https://drwithoutdoctorprescription.site/
canadian drug
CanadaDrugs
comfortis without vet prescription cvs prescription prices without insurance ed meds online canada
mexican pharmacy without prescription https://drwithoutdoctorprescription.online/
buy prescription drugs online legally
CanadaDrugs
legal to buy prescription drugs from canada canadian pharmacy buy cheap prescription drugs online
comfortis for dogs without vet prescription https://drwithoutdoctorprescription.com/
ed drugs online from canada
CanadaDrugs
cheap pet meds without vet prescription ed drugs online from canada ed meds online without doctor prescription
online canadian drugstore https://drwithoutdoctorprescription.com/
buy prescription drugs without doctor
CanadaDrugs
buy prescription drugs without doctor prescription drugs online without doctor prescription drugs without doctor approval
buy prescription drugs online legally https://drwithoutdoctorprescription.site/
prescription drugs without doctor approval
Candaadk
online canadian drugstore best canadian pharmacy online – prescription meds without the prescriptions
pain meds without written prescription canada ed drugs dog antibiotics without vet prescription: prescription drugs without doctor approval
discount prescription drugs https://118.24.12.193/home.php?mod=space&uid=282540/#
ed meds online without doctor prescription http://zgtxcc.com/space-uid-442209.html/#
anti fungal pills without prescription http://www.x8ok.com/home.php?mod=space&uid=799755/#
CanadianPills
pet meds without vet prescription canada canadian online drugstore how to get prescription drugs without doctor
buy canadian drugs https://drwithoutdoctorprescription.online/
canadian medications
CanadianPills
meds online without doctor prescription mexican pharmacy without prescription canadian online drugs
how to get prescription drugs without doctor https://drwithoutdoctorprescription.com/
canadian online drugstore
CanadianPills
ed meds online without doctor prescription the canadian drugstore pain meds online without doctor prescription
canada ed drugs https://drwithoutdoctorprescription.com/
buy prescription drugs
CanadianPills
ed meds online canada ed meds online without doctor prescription non prescription ed drugs
prescription drugs without doctor approval https://drwithoutdoctorprescription.com/
prescription drugs without doctor approval
CanadianPills
comfortis for dogs without vet prescription prescription drugs online without doctor sildenafil without a doctor’s prescription
meds online without doctor prescription https://drwithoutdoctorprescription.com/
canadian online drugs
CanadianPills
how can i order prescription drugs without a doctor prescription drugs buy prescription drugs online legally
online prescription for ed meds https://drwithoutdoctorprescription.online/
best canadian pharmacy online
CanadianPills
prescription meds without the prescriptions buy prescription drugs from canada the canadian drugstore
online prescription for ed meds https://drwithoutdoctorprescription.com/
buy prescription drugs
CanadianPills
ed meds online canada prescription drugs ed meds online without doctor prescription
canadian drug prices https://drwithoutdoctorprescription.com/
canadian drugstore online
CanadianPills
non prescription erection pills canadian online pharmacy tadalafil without a doctor’s prescription
canadian online drugs https://drwithoutdoctorprescription.online/
ed meds online without doctor prescription
Candaadk
carprofen without vet prescription legal to buy prescription drugs from canada – canadian drugs online
canadian drugstore online best ed pills non prescription legal to buy prescription drugs without prescription: how to get prescription drugs without doctor
best online canadian pharmacy https://forex-bitcoin.com/members/173761-gsejzntl/#
prescription drugs online without doctor http://www.857moli.com/1moli/bbs/home.php?mod=space&uid=155309/#
cvs prescription prices without insurance http://www.jbt4.com/home.php?mod=space&uid=5037644/#
Sildenafil
viagra online usa viagra price mexican viagra
best place to buy generic viagra online
Sildenafil
mexican viagra viagra from canada viagra from india
Niudjdfl
buy real viagra online best place to buy viagra online – buy viagra online canada
viagra online usa where to buy viagra online viagra discount: viagra 100mg price
generic viagra walmart http://m.bunbun000.com/bbs/home.php?mod=space&uid=7597936/#
viagra online usa https://forex-bitcoin.com/members/176543-frrtymwk/#
viagra over the counter http://www.7dtdch.com/home.php?mod=space&uid=327929/#
Misudj
purchase amoxicillin online without prescription order amoxicillin online uk amoxicillin over the counter in canada
Tadalafil
tadalafil 2.5 mg online india https://buytadalafil.men/
tadalafil 5mg canada