Записи с ΠΌΠ΅Ρ‚ΠΊΠΎΠΉ Β«Π΄ΠΈΠ·Π°ΠΉΠ½Β»

ΠšΠΎΠ½Ρ‚Π΅Π½Ρ‚-ΠΌΠ΅Π½Π΅Π΄ΠΆΠΌΠ΅Π½Ρ‚ ΠΈ Π²Π΅Π±-ΠΏΡƒΠ±Π»ΠΈΠΊΠ°Ρ†ΠΈΠΈ

На Programmableweb ΠΎΠΏΡƒΠ±Π»ΠΈΠΊΠΎΠ²Π°Π½ рассказ Дэниэля ДТСкобсона, Π΄ΠΈΡ€Π΅ΠΊΡ‚ΠΎΡ€Π° Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ NPR. Он описываСт ΠΊΡ€Π°ΠΉΠ½Π΅ Π»ΠΎΠ³ΠΈΡ‡Π½Ρ‹ΠΉ ΠΈ Ρ€Π°Ρ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹ΠΉ ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²Π½ΡƒΡ‚Ρ€ΠΈ NPR ΠΏΠΎΠ»ΡƒΡ‡ΠΈΠ» Π½Π°Π·Π²Π°Π½ΠΈΠ΅ COPE: Create Once, Publish Everywhere. Дэниэл Π³ΠΎΠ²ΠΎΡ€ΠΈΡ‚ ΠΎ ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏΠΈΠ°Π»ΡŒΠ½ΠΎΠΉ Ρ€Π°Π·Π½ΠΈΡ†Π΅ ΠΌΠ΅ΠΆΠ΄Ρƒ инструмСнтами ΠΏΡƒΠ±Π»ΠΈΠΊΠ°Ρ†ΠΈΠΈ Π² Π²Π΅Π± (web publishing tools) ΠΈ систСмами управлСния содСрТимым (CMS). Если ΠΏΠ΅Ρ€Π²Ρ‹Π΅ ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½Ρ‹ для прСдставлСния ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π° ΠΈΡΠΊΠ»ΡŽΡ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Π² Π²Π΅Π±-Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π°Ρ… (HTML, ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ + ΠΈΠ½ΠΎΠ³Π΄Π° CSS, Π½Π΅Ρ€Π΅Π΄ΠΊΠΎ Π²Π½Π΅Π΄Ρ€Ρ‘Π½Π½Ρ‹ΠΉ Π² Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΡƒ), Ρ‚ΠΎ Π²Ρ‚ΠΎΡ€Ρ‹Π΅ хранят ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ Π² максимально чистом Π²ΠΈΠ΄Π΅, Π±Π΅Π· ΠΈΠ»ΠΈ с ΠΌΠΈΠ½ΠΈΠΌΡƒΠΌΠΎΠΌ спСцифичной для Π²Π΅Π±Π° Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠΈ, позволяя Ρ‚Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ быстро ΠΈ Π±Π΅Π·Π±ΠΎΠ»Π΅Π·Π½Π΅Π½Π½ΠΎ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ для содСрТимого Π½ΠΎΠ²Ρ‹Π΅ прСдставлСния β€” Π±ΡƒΠ΄ΡŒ Ρ‚ΠΎ вСрсия для ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… устройств, RSS ΠΈΠ»ΠΈ ΠΏΠΎΠ»Π½ΠΎΡ†Π΅Π½Π½Ρ‹ΠΉ Π±ΡƒΠΊΠ»Π΅Ρ‚ Π² PDF для ΠΏΠ΅Ρ‡Π°Ρ‚ΠΈ.

Π•Ρ‰Ρ‘ ΠΎ COPE, Ρ…Ρ€Π°Π½Π΅Π½ΠΈΠΈ Π΄Π°Π½Π½Ρ‹Ρ… ΠΈ ΠΈΠ΄Π΅Π°Π»ΡŒΠ½Ρ‹Ρ… CMS →

О Ρ€ΠΎΠ»ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°

30 ноября 2009

ΠœΠ΅Ρ‚ΠΊΠΈ:

ΠΠ°ΡˆΡ‘Π» Π½Π° TED выступлСниС Π―Ρ†Π΅ΠΊΠ° Π£Ρ‚ΠΊΠΎ, польского Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°, Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‰Π΅Π³ΠΎΡΡ Ρ€Π΅Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ Π³Π°Π·Π΅Ρ‚ Π² Восточной Π•Π²Ρ€ΠΎΠΏΠ΅. Π―Ρ†Π΅ΠΊ своим ΠΏΡ€ΠΈΠΌΠ΅Ρ€ΠΎΠΌ дСмонстрируСт, Ρ‡Ρ‚ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ Π½Π΅ обязан Π΄ΠΎΠ²ΠΎΠ»ΡŒΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒΡΡ Ρ€ΠΎΠ»ΡŒΡŽ простого оформитСля. Π‘Π°ΠΌΠΎ слово Β«Π΄ΠΈΠ·Π°ΠΉΠ½Β» Π² русском языкС потСряло свой ΠΏΠ΅Ρ€Π²ΠΎΠ½Π°Ρ‡Π°Π»ΡŒΠ½Ρ‹ΠΉ смысл. Π’ английском языкС Π΄ΠΈΠ·Π°ΠΉΠ½ β€” это «замысСл, ΠΏΠ»Π°Π½, ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Β», ΠΈ ΡƒΠΆ ΠΏΠΎΡ‚ΠΎΠΌ «рисунок, композиция». (Π‘ΠΌ. ΡΠ»ΠΎΠ²Π°Ρ€Π½ΡƒΡŽ ΡΡ‚Π°Ρ‚ΡŒΡŽ Π² ΠœΡƒΠ»ΡŒΡ‚ΠΈΡ‚Ρ€Π°Π½Π΅.)

Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρƒ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ²ΠΎ? →

Π’ΠΈΠΏΠΎΠ³Ρ€Π°Ρ„ΠΈΠΊΠ° Π² Π²Π΅Π±Β β€”Β Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ пространства Π±ΠΎΡ€ΡŒΠ±Ρ‹

Π‘ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠΎΠΉ Ρ‚ΠΈΠΏΠΎΠ³Ρ€Π°Ρ„ΠΈΠΊΠΈ Π² Π²Π΅Π±Π΅ ΡΡ‚Π°Π»ΠΊΠΈΠ²Π°ΡŽΡ‚ΡΡ Π°Π±ΡΠΎΠ»ΡŽΡ‚Π½ΠΎ всС Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ β€” ΠΈ ΠΏΠΎΡ‡Ρ‚ΠΈ всС ΠΌΠ΅Ρ‡Ρ‚Π°ΡŽΡ‚ Π²Ρ‹ΠΉΡ‚ΠΈ Π·Π° ограничСния стандартных Π­Ρ€ΠΈΠ°Π»Π°, Π’Π°Ρ…ΠΎΠΌΡ‹ ΠΈ Π”ΠΆΠΎΡ€Π΄ΠΆΠΈΠΈ, которая, ΠΊ слову, с ΠΌΠΎΠΌΠ΅Π½Ρ‚Π° появлСния Π²ΠΎΡΠΏΡ€ΠΈΠ½ΠΈΠΌΠ°Π»Π°ΡΡŒ ΠΊΠ°ΠΊ ΠΌΠ°Π½Π½Π° нСбСсная Π½Π° Ρ„ΠΎΠ½Π΅ Π·Π°ΠΌΡ‹Π»Π΅Π½Π½ΠΎΠ³ΠΎ Ваймс Нью Π ΠΎΠΌΠ°Π½. БущСствуСт ряд Ρ‚Π΅Ρ…Π½ΠΈΠΊ, ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‰ΠΈΡ… с ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Π½Π½Ρ‹ΠΌ успСхом ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒ нСстандартныС ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹ Π½Π° Π²Π΅Π±-страницах: банальноС использования ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ ΠΈ вставка ΠΈΡ… посрСдством Ρ‚Π΅Π³Π° <img>, использованиС image replacement Ρ‚Π΅Ρ…Π½ΠΈΠΊ (Π·Π°ΠΌΠ΅Π½Π° тСкста Ρ‡Π΅Ρ€Π΅Π· Javascript ΠΈΠ»ΠΈ Π½Π°Π»ΠΎΠΆΠ΅Π½ΠΈΠ΅ слоСв с Ρ„ΠΎΠ½Π°ΠΌΠΈ Ρ‡Π΅Ρ€Π΅Π· CSS) Π΄ΠΎ примСнСния canvas (cufon) ΠΈ Adobe Flash (sIFR).

Однако сущСствуСт ΠΈ совмСстимый со стандартами способ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ² β€” Ρ‡Π΅Ρ€Π΅Π· CSS-ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ @font-face. Π₯Π°Π±Ρ€Π°Ρ…Π°Π±Ρ€: ΠŸΡ€Π΅ΠΊΡ€Π°ΡΠ½Ρ‹Π΅ ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹ посрСдством @font-face. НидСрландская словолитня Typotheque ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ Ρ‚Π°ΠΊΠΎΠΉ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒΡŽ ΠΈ ΡƒΡ‚Π²Π΅Ρ€ΠΆΠ΄Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ это Π±ΡƒΠ΄Π΅Ρ‚ Π² 95% соврСмСнных Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠ², Π²ΠΊΠ»ΡŽΡ‡Π°Ρ Internet Explorer (Π² расчСтах ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ²ΠΈΠΊΠΈ ΡΡΡ‹Π»Π°ΡŽΡ‚ΡΡ Π½Π° ΡΡ‚Π°Ρ‚ΡŒΡŽ со статистикой ΠΈΠ· Π’ΠΈΠΊΠΈΠΏΠ΅Π΄ΠΈΠΈ.

Π§Ρ‚ΠΎ ΠΆΠ΅ Π½ΠΎΠ²ΠΎΠ³ΠΎ Π² ΠΆΠΈΠ·Π½ΠΈ ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ² Π½Π° Π²Π΅Π±? →

Вёрстка: фикс ΠΏΡ€ΠΎΡ‚ΠΈΠ² Β«Ρ€Π΅Π·ΠΈΠ½Ρ‹Β»

На Smashing Magazine ΠΎΠ³Ρ€ΠΎΠΌΠ½Ρ‹ΠΉ ΠΎΠ±Π·ΠΎΡ€ российского Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π° Π·Π° авторством АрсСния ВСснина (Designcollector). Один ΠΈΠ· аспСктов, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π½Π΅ΠΈΠ·Π±Π΅ΠΆΠ½ΠΎ упоминаСтся Π² связи с отСчСствСнным Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ – это рСзиновая вСрстка.

In Soviet Russia

Π”Π΅ΠΉΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ, Π² России стандартом считаСтся вСрстка, ΠΏΡ€ΠΈ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ Π·Π°Π½ΠΈΠΌΠ°Π΅Ρ‚ 100% экрана, нСзависимо ΠΎΡ‚ Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ, Π² Ρ‚ΠΎ врСмя ΠΊΠ°ΠΊ Π·Π°ΠΏΠ°Π΄Π½Ρ‹Π΅ сайты Ρ‡Π°Ρ‰Π΅ всСго сдСланы ΠΏΠΎ ТСсткой сСткС ΠΈ зафиксированы ΠΏΠΎ ΡˆΠΈΡ€ΠΈΠ½Π΅. АртСмий АндрССвич Π›Π΅Π±Π΅Π΄Π΅Π², ΠΎΡ‚Π΅Ρ† совСтского Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π° вСроятный, ΠΈΠ·ΠΎΠ±Ρ€Π΅Ρ‚Π°Ρ‚Π΅Π»ΡŒ ΠΈ ярый ΠΏΠΎΠ±ΠΎΡ€Π½ΠΈΠΊ Ρ€Π΅Π·ΠΈΠ½ΠΎΠ²ΠΎΠΉ вСрстки, ΠΏΡ€Π΅Π·Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Π½Π°Π·Ρ‹Π²Π°Π΅Ρ‚ фиксированныС сайты Β«ΡΠΊΡ€ΠΈΠ½ΡˆΠΎΡ‚Π°ΠΌΠΈΒ». ΠŸΡ€Π°ΠΊΡ‚ΠΈΡ‡Π΅ΡΠΊΠΈ всС сайты Π‘Ρ‚ΡƒΠ΄ΠΈΠΈ ΠΈΠΌΠ΅ΡŽΡ‚ ΠΏΡ€ΠΎΠΏΠΎΡ€Ρ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΡƒΡŽ вСрстку, ΠΈ ΠΈΠΌΠ΅Π½Π½ΠΎ ΠΎΠ½ΠΈ являлись ΠΈ ΡΠ²Π»ΡΡŽΡ‚ΡΡ Π΄ΠΎ сих ΠΏΠΎΡ€ источником ΠΈΠ΄Π΅ΠΉ, вдохновСния ΠΈ тСхничСских Ρ€Π΅ΡˆΠ΅Π½ΠΈΠΉ для тысяч Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ², Π²Π΅Ρ€ΡΡ‚Π°Π»ΡŒΡ‰ΠΈΠΊΠΎΠ² ΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ².

Π₯ΠΎΡ€ΠΎΡˆΠΎ Π»ΠΈ это ΠΈΠ»ΠΈ ΠΏΠ»ΠΎΡ…ΠΎ? →