21 основни ресурсни сайта за уеб дизайнери

Както може би сте забелязали, не на последно място, като въведете нещо в Google и с радост разкрива, че има 26 милиона резултата за вашето търсене, има доста уебсайтове. Освен ако не сте някакъв безсмъртен, няма да имате време да проверите много от тях, дори и в относително ниша като уеб дизайна. Следователно, ние сме натрупали мозъка си, за да изготвим списък с 21 основни сайта, които всеки уеб дизайнер трябва да маркира, освен ако не са някакъв идиот - и това не сте вие, нали?

1. Отделно списък

Онлайн списание, което е толкова закрепено в съзнанието на уеб дизайнерите, че вероятно е незаконно, ако не прочетете всеки нов брой. Със стотици впечатляващи статии от най-добрите в бранша, A List Apart трябва да бъде първото ви пристанище за задълбочен поглед и анализ на кода, съдържанието и дизайна.

звездни войни силата събужда напречни сечения

две. 24 начина

Описвайки себе си като „адвентен календар за уеб отрепки“, 24 начина от 2005 г. насам предоставят две дузини статии за уеб дизайн всеки декември. Темите са различни, но тъй като сътрудниците са първокласни, дори много от най-ранните статии остават полезни и подходящи - знаете ли, че 24 начина не са само за Коледа.



3. Smashing Magazine

Създадено през 2006 г., Smashing Magazine задейства техниките за уеб дизайн и разработка в мозъка ви чрез новини, мнения и практически уроци. Освен това много харесва списъци, което го прави удобен сайт за откриване на допълнителни ресурси.

Четири. siteInspire

5. UX движение

Тъй като UX става все по-голяма загриженост в уеб дизайна, струва си да бъдете информирани. UX Movement е блог, посветен на работата с UX, предоставящ вникване в проблемите с каркаса и използваемостта, свързани с формуляри, компоненти на мишката и други елементи на уеб страници.

6. Земя на търсачката

Изграждането на страхотен уебсайт не е много полезно, ако никой не може да го намери. Search Engine Land предоставя новини за търсачките и търсачките, предлагайки съвети и съвети за подобряване на SEO. За да осигурите позицията си в Google, също вижте Google Webmaster Centra л.

7. W3C

Повечето уеб дизайнери никога няма да имат нужда да знаят всички тънкости, които управляват уеб стандартите, но уебсайтът W3C остава важно място за посещение. Той не само осигурява достъп до спецификации (включително обяснения и примери), но предлага и инструменти като маркиране и CSS валидатори.

8. HTML5 Boilerplate

Повечето проекти започват с едни и същи видове файлове и дизайнерите често губят време, за да ги пресъздадат от нулата. С HTML5 Boilerplate можете да получите предимство със здрав и надежден HTML / CSS / JavaScript шаблон. Нулиране на HTML5 е друг проект по подобен начин.

9. Потопете се в HTML5

Ако трябва да се запознаете с HTML5, книгата на Марк Пилигрим предлага отлични коментари за редица функции от спецификацията. Книгата е онлайн изцяло под лиценза CC-BY-3.0, но купете хартиен носител, ако използвате сайта редовно.

10. CSS3.info

Напоследък браузърите се потопиха в битка за надмощие над подкрепата за усъвършенстван CSS. За тази цел стандартът се развива изключително бързо. CSS3.info ви позволява да следите развитието, да научите повече за свойствата и модулите и да тествате браузър срещу CSS селектори.

единадесет. Adobe Kuler

Дори ако имате естествено око за цвета, цифровото цветно колело е съществена част от вашия набор от инструменти. Но вместо да плащате пари за един, използвайте онлайн инструментите на Adobe Kuler, за да създадете схема или се вдъхновете от някоя от многото хиляди, които вече са на сайта.

12. Adobe BrowserLab

Нищо не може да надвиши тестовите сайтове в куп действителни браузъри, но за онези времена, когато бързо трябва да проверите здравословността на даден сайт в един браузър, BrowserLab произвежда статични грайфери на всяка уеб страница, изобразени в Chrome, Firefox, Safari и Internet Explorer.

13. 978 мрежа мрежа

Използването на здрава мрежа мрежа улеснява много проектирането на оформления на уебсайтове. Една от най-добрите е 978 Grid System, която също предоставя свързани шаблони за други размери на екрана. The 960 мрежа мрежа е популярна алтернатива.

14. Обичам типографията

Въпреки че не се отчита директно за уеб тип, I Love Typography е основно четиво за уеб дизайнерите. Много уеб дизайнери нямат задълбочена основа за качествена типография, но тъй като уеб шрифтовете бързо стават преобладаващи, потапянето в света на типа е умен ход.

петнадесет. Депо за уеб ресурси

Блог, който препоръчва безплатен ресурс всеки ден, включващ скриптове, икони, рамки, изображения и други. Абонаментът също е пълен, така че можете да включите сайта във вашия RSS четец и да вземете само нещата, които ви интересуват.

16. Dev.Opera

Мотото на уебсайта Dev.Opera е „спазвайте стандартите, нарушавайте правилата“, което по това време вероятно звучеше по-вълнуващо от „предлагане на няколко полезни статии за уеб дизайнери“. И все пак това е, което до голяма степен прави сайтът, заедно с предоставянето на Учебната програма по стандартите на Opera Opera, за тези в академичните среди.

17. CSSPlay

CSSPlay на Stu Nicholls е преди всичко площадка за CSS експерименти. Въпреки това, вместо да се концентрира върху блестящи ефекти, Никълс често основава демото си на практическо приложение. Шансовете са, че ако има нещо, което искате да направите в CSS, ще намерите демонстрация, показваща как на този сайт.

18. Новини за браузъра

Страхотен ресурс за тенденции и статистически данни за използването на браузърите и отделните уеб браузъри, Browser News предлага и друга полезна информация, включително списък с рекламни размери на IAB, ръководство за браузър и др.

19. QuirksMode

QuirksBlog предоставя интересен поглед върху уеб дизайна и разработката, но основната таблица за съвместимост на QuirksMode е мястото, където е месото на сайта. Тук можете лесно да видите кои браузъри поддържат кои аспекти на CSS и DOM. Тестовете на HTML5 продължават по време на писането.

iphone 8 плюс оферти за черен петък

двайсет. Кога мога да използвам ...

Подобно на QuirksMode, Кога мога да използвам ... предоставя редица таблици за поддръжка. Редовно актуализиран, сайтът също така описва стандартната поддръжка на популярни мобилни браузъри, включително iOS Safari и Opera Mini.

двадесет и едно. FindmebyIP

И накрая, по-скоро харесваме и таблиците за съвместимост на FindMeByIP за HTML5 и CSS3. Създадени от базираната в Bath дизайнерска агенция DeepBlueSky, те ви позволяват бързо да проверите поддръжката на браузъра за CSS3 свойства, селектори, HTML5 уеб приложения, графики и вградено съдържание, аудио и видео кодеци, както и входове във формуляри и атрибути.