Уеб дизайн линкове

04 март 2006, 16:14 ч • Уеб дизайн и програмиране • коментари: 3

За начинаещи и напреднали.

Уроци (tutorials): http://www.tizag.com/ - HTML, CSS, Javascript, PHP, MySQL; http://www.w3schools.com/ - HTML, CSS, Javascript, VBScript, DHTML, XML, PHP, ASP, MySQL, .NET, Flash; http://www.htmldog.com/ - HTML, CSS; http://www.blooberry.com/indexdot/html/ - HTML: всеки елемент е разгледан поотделно и подробно: What is it, Common Attributes, Example, Parent Model, Content Model, Tips & Tricks, Browser Peculiarities; http://www.htmlhelp.com/ - и тук всеки HTML елемент и CSS атрибут е разгледан поотделно и подробно; http://www.loc.gov/iug/html40/40tags.html - HTML Tag List; http://www.quirksmode.org/index.html?/js/intro.html - Javascript; http://todos.zonebg.com/javascript/?r=jsall - Javascript; http://forums.flashbg.org/viewtopic.php?t=219 - Photoshop; http://flashbg.org/tutorials/bringonthetables/ - пълно ръководство за използване на семантично коректни и достъпни HTML таблици
CSS: http://www.corecss.com/properties/full-chart.php - пълен списък с CSS атрибутите и кой доколко се поддържа от различните браузъри и версии; http://www.quirksmode.org/css/contents.html - CSS Browser Compatibility - същото като предишното; http://www.alistapart.com/ - Статии за CSS с примери; http://glish.com/css/ - няколко примера за CSS позициониране; http://www.westciv.com/style_master/academy/css_tutorial/ - Complete CSS Guide; http://css.maxdesign.com.au/selectutorial/ - CSS; http://www.positioniseverything.net/ - статии; http://dbaron.org/css/test/ - CSS тестове; http://w3development.de/css/hide_css_from_browsers/ - How to Hide CSS from Buggy Browsers; http://www.yourhtmlsource.com/stylesheets/csslayout.html - CSS Layout; Box model hack - какво е, защо се ползва и как точно; http://css-discuss.incutio.com/?page=BoxModelHack - сравнение между няколко вида box model hack; http://www.stunicholls.myby.co.uk/ - The CSS Playground - Experiments with CSS; http://www.student.oulu.fi/~laurirai/www/css/middle/ - Няколко начина за вертикално центриране с CSS; http://www.positioniseverything.net/easyclearing.html - Как се чистят float-ове само с CSS, без HTML код; http://www.dithered.com/css_filters/ - CSS Hacks - Списък на всички CSS хакове (включително и такива, които ползват XHTML markup и javascript), кой за кой браузър е, възможност за онлайн тестване; http://centricle.com/ref/css/filters/ - CSS Hacks - Още един списък, тоя път само на "CSS only" хаковете, кой за кой браузър е, с възможност за онлайн тестване
Quirks mode, Standards mode: http://www.quirksmode.org/ - разликите между quirks mode и standards mode; http://hsivonen.iki.fi/doctype/ - Как се изменя режима на работа на различните браузъри, в зависимост от вида и синтаксиса на DOCTYPE-а
Валидатори и анализатори: http://validator.w3.org/ - HTML; http://jigsaw.w3.org/css-validator/ - CSS; http://www.htmlhelp.com/tools/validator/ - HTML; http://www.htmlhelp.com/tools/csscheck/ - CSS; http://flumpcakes.co.uk/css/html-tidy/ - HTML Tidy - изчиства и оптимизира HTML кода, сменя енкодинг, подобрява читаемостта; http://cdburnerxp.se/cssparse/css_optimiser.php - CSS Optimizer - подрежда селектори и атрибути, компресира цветове, в зависимост от зададените предпочитания за размер/читаемост, намалява размера на CSS файла; http://flumpcakes.co.uk/css/optimiser/ - още един CSS Optimizer; http://www.htmlhelp.com/tools/valet/ - Link Validator; http://www.elsop.com/quick/ - Broken Links Checker; http://www.searchengineworld.com/cgi-bin/robotcheck.cgi - robots.txt file validator; http://www.websiteoptimization.com/services/analyze/ - анализатор на бързината на зареждане на уеб страница от гледна точка на това от колко обекта се състои тя, колко картинки има, колко е голям CSS файлът и т.н.; http://internetsupervision.com/scripts/urlcheck/check.aspx - анализатор на бързината на уеб хостинг от 7 различни точки по света; http://www.contentquality.com/ - WCAG (валидатор и анализатор на достъпността); http://www.prchecker.info/check_page_rank.php - Google PageRank Checker. Под Internet Explorer трябва да се кликне бутончето Check PR (а не просто да се натисне Enter), иначе показва ранк 0.
Как се вижда даден сайт под други браузъри?: http://www.browsercam.com/default.aspx - емулира изглед под всякакви операционни системи и браузъри. Платена услуга, но има 24-часов free trial.; http://danvine.com/icapture/ - емулатор за Safari под Mac OS. Безплатно, след регистрация.; http://www.quirksmode.org/browsers/multipleie.html - как да си сложим различни версии на IE на един компютър, под един Windows. Изпробвал съм го, работи.
Статистика за ползваемостта на браузърите: http://www.upsdell.com/BrowserNews/stat.htm - от 5 различни източника едновременно; http://www.w3schools.com/browsers/browsers_stats.asp; http://www.thecounter.com/stats/; http://www.webreference.com/stats/browser.html; http://www.cen.uiuc.edu/bstats/latest.html; http://www.artlebedev.com/tools/browsers/ - за Русия
Уеб стандарти: http://www.456bereastreet.com/lab/developing_with_web_standards/bg/ - да работим по уеб стандартите; http://www.7nights.com/asterisk/archive/2004/06/web-standards-roi - WEB standards Return on Investment (ROI); http://www.winwriters.com/using_web_standards.htm - Using Web Standards to Create HTML Files; http://flashbg.org/tutorials/stupidtables/ - Защо използването на таблици за оформяне на страницата е глупаво; http://www.maccaws.org/kit/way-forward/ - Пътят напред с уеб стандартите - стандарти, ползи, митове; http://www.decloak.com/Dev/CSSTables/CSS_Tables_01.aspx - Защо няма смисъл да се работи по уеб стандартите - мнението на скептиците; http://www.sitepoint.com/article/standards-compliant-world - как да отваряме нови прозорци под стандарт XHTML Strict
SEO - Search engine Optimisation: http://www.seochat.com/ - много добър сайт - много статии и инструменти; http://www.seoconsultants.com/; http://searchenginewatch.com/; http://www.submitexpress.com/analyzer/ - META tag analyzer - проверява дължината на мета таговете и релевантността им спрямо текста на страницата; http://www.submitexpress.com/linkpop/ - Link Popularity Checking Tool - показва колко страници съдържат линк към даден сайт; http://www.bruceclay.com/searchenginerelationshipchart.htm - Search Engine Relationship Chart - показва взаимовръзките между основните търсачки от гледна точка на това коя от коя взима резултати; http://www.bruceclay.com/web_rank.htm - указания, различни инструменти за анализ, информация за това как работят най-големите търсачки (всяка разгледана поотделно); http://www.widexl.com/remote/search-engines/saturation.html - Search Engine Saturation - показва колко страници от даден сайт са индексирани в основните търсачки; http://thebestseo.blogspot.com/ - български блог за SEO
P3P Privacy Policy: http://fs.pics.enc.or.jp/p3pwiz/p3p_en.html - безплатен онлайн P3P Policy генератор. Генерира и compact privacy policy за поставяне в HTTP header, което е необходимо за всеки сайт, който ползва PHP сесии.; http://www.alphaworks.ibm.com/tech/p3peditor - безплатен P3P policy editor за сваляне. Повече информация за него на http://www.w3.org/P3P/imp/IBM/
Други полезни връзки: http://chrispederick.com/work/firefox/webdeveloper/ - Web Developer Toolbar за Firefox - страшна работа!; http://www.accessify.com/ - сайт, посветен на достъпността. Съдържа статии, tutorials, инструменти и генератори на валиден код; http://www.groovemanifesto.net/articles/ - статии на тема уеб дизайн на български; http://phnk.com/design/survey/ - статистика за методите на работа на световните гурута в уеб дизайна; http://www.viewhtml.com/ - View HTML source and response headers; http://whois.webhosting.info/ - Колко домейна се хостват на дадено IP; http://www.htmlcenter.com/tutorials/tutorials.cfm/151/DHTML/ - DOM-based javascript image rollovers; http://www.smackthemouse.com/20030831 - За и против отварянето на нови прозорци; http://www.tizag.com/htmlT/entreftable.php - Таблица с кодовете на специалните символи в HTML

Коментари

Можеш да следиш коментарите към този сайт и чрез RSS.

abozhilov • 05 април 2007, 10:18 ч

За CSS има един сайт който според мен всеки един CSS кодер трябва да го има в bookmarks.
http://www.cssplay.co.uk/
Иначе за хората които искат на роден език:
http://www.css-bg.net/
http://www.w3.org/2006/02/cssbg.html
Иначе добри сайтове си пуснал, повечето ги имам в bookmarks но има някой които не ги бях срещал, поздравления :)