Интересна лекция/презентация на Nicholas Zakas от екипа на Yahoo!, участващ в разработването на Yahoo! Home Page, на тема "Scalable JavaScript Application Architecture".
С примери върху Yahoo! Home Page и Twitter интерфейсите, Nicholas представя по много достъпен начин идеите за добра архитектура от страна на JavaScript application-а, независима от избора на базова библиотека и разширяема и осигуряваща louse coupling между модулите, изградени върху нея.
Макар и с продължителност около 50 минути, презентацията е интересна и заслужава внимание.
А ето и връзка към самата презентация в SlideShare.com: http://www.slideshare.net/nzakas/scalable-javascript-application-architecture
>> "Scalable JavaScript Application Architecture", Nicholas Zakas, 06.11.2010, @Net.TutsPlus.com
неделя, 7 ноември 2010 г.
Scalable JavaScript Application Architecture
събота, 9 януари 2010 г.
Zen-coding
Set of plugins for HTML and CSS hi-speed coding
div#container>div#header+div#main>ul#nav>li.one+li.two+li.three
<div id="container">
<div id="header"></div>
<div id="main">
<ul id="nav">
<li class="one"></li>
<li class="two"></li>
<li class="three"></li>
</ul>
</div>
</div>
14 Days of jQuery
С наближаването на версия 1.4 на jQuery javascript библиотеката стартира и специален портал-събитие - "14 Days of jQuery" - в който във всеки един от предстоящите до пускането дни ще бъде публикувана по статия, разглеждаща детайлите около особеностите на новата jQuery версия.
An online event marking the release of jQuery 1.4. To celebrate, we're unveiling 14 releases over a period of 14 days.
Първата статия от поредицата разкрива промените, извършени по jQuery API сайта (вече и на нов поддомейн: api.jquery.com).
>> "14 Days of jQuery"
четвъртък, 24 декември 2009 г.
Performance Advent Calendar 2009
Една много интересна инициатива от Стоян Стефанов, българин работещ за Yahoo!, събираща серия от статии, по една за всеки от дните от 1-ви до 24-ти декември 2009 г., на тема уеб оптимизация. Статиите са писани и публикувани от Стоян в блога му, като за няколко от тях има и гост автори. Разглеждат различни аспекти от web page performance optimization, като влизат постепенно в дълбочина, насочват към различни инструменти, помагат с линкове и илюстрации и събират също така интересни коментари от други разработчици, занимаващи се със същото.
Струва си последователното им изчитане и ползването им в последствие като много полезен ресурс на информация по темата.
А ето и самия списък със статии с линкове към тях:
1. The performance roadmap
2. Performance tools
3. Required reading
4. Psychology of performance
5. Reducing the number of page components
6. The pain points of having fewer components
7. Data URIs, MHTML and IE7/Win7/Vista blues
8. Collecting web data with a faster, free server /Christian Heilmann/
9. Duplicates and near-duplicates
10. Caching vs. inlining
11. Reducing the payload: compression, minification, 204s
12. Big list of image optimization tools
13. Give PNG a chance (video)
14. Free-falling waterfalls
15. JavaScript loading strategies /Ara Pehlivanian/
16. How To Measure Web Site Performance /Eric Goldsmith/
17. Rendering: repaint, reflow/relayout, restyle
18. DOM access optimization
19. The new game show: "Will it reflow?"
20. Extreme JavaScript optimization /Ara Pehlivanian/
21. Progressive rendering via multiple flushes
22. iPhone caching
23. CSS performance: UI with fewer images
24. The performance business pitch
понеделник, 12 октомври 2009 г.
Create an In-Place Editing System
Or do it like Flickr does! Семпъл туториъл как да направим in-place editing с помощта на малко jQuery (или как да осигурим ajax-ирано редактиране на текстове без зареждане на пълна форма и презареждане за изпращане).
>> "Create an In-Place Editing System", Siddharth, 22.09.2009, @NetTuts
неделя, 27 септември 2009 г.
MySQL vs PostgreSQL
Заглавието, поставено с въпросително в края, често стои за много разработчици. Развитието на двете популярни бази данни MySQL и PostgreSQL през последните години в голяма степен ги изравни като възможност и бързодействие и прави изборът още по-труден. Затова е и полезно детайлното разглеждане в дълбочина на разликата между двете - чиято е и целта на статията в WikiVS.
петък, 6 март 2009 г.
10 Fixes That Solve IE6 Problems
За проблемите, с които често се сблъскваме заради особеностите (и липсите) по отношение на разбиране на CSS спецификациите от страна на все още прекалено много използвания браузър Internet Explorer 6 - със съвети по отношение на познатите проблеми.
събота, 28 февруари 2009 г.
Advanced Debugging with JavaScript
Полезен tutorial на Chris Mills и Hallvord R. M. Steen (Opera) за използването на JavaScript debugger-и в различните популярни браузъри - с бъгава демо-страница и няколко отбелязани бъга в нея за оправяне - и добре насочени авторски наптствия за откриването и разрешаването на проблемите.
неделя, 8 февруари 2009 г.
10 Useful Web Application Interface Techniques
Статия в Smashing Magazine на Dmitry Fadeyev за полезни техники по отношение на потребителския интерфейс - илюстрована с чудесни примери, част от които се наместиха пред очите ми предните два дни по друг повод. Техниките са с основно дизайнерска насоченост, но са чудесни примери за всеки какво е удобно и полезно.
Ако някой се вдъхнови, блогът на Dmitry "Usability Post" би се сторил също полезно кътче.
>> "10 Useful Web Application Interface Techniques", Dmitry Fadeyev, 12.01.2009, @Smashing Magazine
неделя, 18 януари 2009 г.
jQuery 1.3 and The jQuery Foundation
На 14.01. официално излезна и новата версия на jQuery javascript библиотеката - v1.3. Новата версия е първата имплементираща новия CSS selector engine Sizzle, зад който стои целта да се превърне в ядро за selector engine на най-различни проекти.
>> "jQuery 1.3 and The jQuery Foundation", John Resig, 14.01.2009, @jQuery Blog
>> "jQuery UI 1.6RC5 Compatible with jQuery 1.3", Richard D. Worth, 16.01.2009, @jQuery Blog
>> "jQuery API Browser"
събота, 3 януари 2009 г.
Improve your jQuery - 25 excellent tips
Много полезна по мое мнение статия със съвети и идеи около използването на jQuery javascript библиотеката - споделена от личния опит на Jon Hobbs-Smith. Удачна и за връщане от време на време към нея и след първото четене за припомняне на някои неща.
>> "Improve your jQuery - 25 excellent tips", Jon Hobbs-Smith, 14.12.2008, @TVI Design blog
петък, 2 януари 2009 г.
Visual jQuery
Отбелязвам си като една подобрена jQuery документация - чудесно подредена и организирана и функционираща с помощта на последната jQuery версия - "Visual jQuery" - създадена от Yehuda Katz и подържана от Remy Sharp.
>> "Visual jQuery"
неделя, 28 декември 2008 г.
Build a customizable RSS feed aggregator in PHP
Това ме изчакваше bookmark-нато почти цяла година, но все пак си дочака реда. Статията представлява tutorial за изграждането на RSS Feed Aggregator с PHP, с помощта на cURL и SimpleXML extension-ите. Крайният резултат трудно би имал приложение в този му вид, но може да послужи за основа на доста по-разширен и по-функционален агрегатор на feed-ове. Иначе обяснението е доста подробно и кодът е богато коментиран, така че целият tutorial да си изпълни идеално задачата.
>> "Build a customizable RSS feed aggregator in PHP", Senthil Nathan, 22.01.2008, @IBM DeveloperWorks
събота, 27 декември 2008 г.
Create an Amazon Books Widget with jQuery and XML
Как да създадеш widget с книги от Amazon като този с лекота с помощта на jQuery - в tutorial на Brian Reindel за Nettuts. Tutorial-ът не е директно вързан с API на Amazon.com, а разчита на готов XML с данните, но е удобен да демонстрира как се постигат ефекти като на примерния widget, иначе по същия начин би могло да се направи и с друг тип данни.
Основното е javascript кодът, използващ jQuery библиотеката; останалото е съвсем чисто и опростено.
>> "Create an Amazon Books Widget with jQuery and XML", Brian Reindel, 15.12.2008, @Nettuts
петък, 26 декември 2008 г.
Extending jQuery’s selector capabilities
В статия с много примери James Padolsey демонстрира как могат да се разширят селекторните възможности на jQuery библиотеката, давайки и идеи за такива полезни нови селектори.
>> "Extending jQuery’s selector capabilities", James Padolsey, 11.12.2008, @James Padolsey's blog
Raphaël - JavaScript Library
В последно време все по-често попадам на с ентусиазъм споменавания на JavaScript библиотеката Raphaël, разработвана от Dmitry Barnovskiy.
Основното й умение е лекотата за използване на векторна графика в уеб, на базата на SVG и VML, като напълно се подържа от основните популярни браузъри - Firefox 3.0+, Safari 3.0+, Opera 9.5+ и Internet Explorer 6.0+. Пакетираната версия на библиотеката е 23 KB. Хвалят я и за бързината й.
Характерно е, че ако някоя функционалност не се подържа от някой от големите браузъри, то тя не се имплементира в библиотеката - докато тази дупка не се запълни.
На сайта на библиотеката има налични различни демота, които демонстрират какви ефекти и с каква лекота могат да бъдат постигнати с нея. Налична е и сравнително кратка, но като че добра документация.
>> "Raphaël - JavaScript Library", Dmitry Barnovskiy
Best Practices for Speeding Up Your Web Site
Доста подробна статия на Yahoo! Developer Network, разглеждаща и насочваща към 34 различни добри практики за оптимизиране зареждането на уеб страници.
В добавка върви и специален Firefox add-on - YSlow - който надгражда Firebug, добавяйки във Firebug прозореца нов таб за отчитане на неоптимизираните за зареждане компоненти на страницата, като вади съвети за оптимизиация и насочва към съответните пасажи от горната статия за помощ.
>> "Best Practices for Speeding Up Your Web Site", @Yahoo! Developer Network
>> "YSlow for Firebug", @Yahoo! Developer Network
четвъртък, 25 декември 2008 г.
Save Some Cash: Optimize Your Browser Cache
Бележки по как работи кеширането на уеб страници и компонентите им от страна на браузъра и как може да бъде оптизмирано - от SitePoint.
>> "Save Some Cash: Optimize Your Browser Cache", Wayne Shea, 18.12.2008, @SitePoint
Flexible Fuel: Educating the Client on IA
За информационната архитектура (Information Architecture) на един уеб сайт и разбирането на значението й от страна на клиента и за важността й за изпълнението на проекта - в статия от ALA #273 Keith LaFerriere анализира и представя структурата на отделните елементи в нея в отделните фази от проекта, заинтересованите лица и крайните продукти (deliverables).
IA is about selling ideas effectively, designing with accuracy, and working with complex interactivity to guide different types of customers through website experiences. The more your client knows about IA’s processes and deliverables, the likelier the project is to succeed.
събота, 29 ноември 2008 г.
How to Mimic the iGoogle Interface
Един чудесен tutorial за как да постигнем интерфейс като този на iGoogle - страница с widget-и, които могат да се разместват, да се настройват, да се свиват и премахват - с помощта на jQuery, поднесен от едва 18-годишния James Padolsey. Демо от автора може да се види тук, а самият tutorial е чудесно документиран и със свободен за сваляне целия сорс код.
