За разлика от табличното представяне на HTML елементите, при безтабличното такова, при използването на div тага, се появяват някои усложнения за уеб разработчика, за преодоляването на които се налага да се използват допълнителни техники. В случая ще засегна постигането на еднаква височина на съседни блокови елементи с различно съдържание.

Описание на проблема: въпреки валидния XHTML/CSS код и правилното структуриране/подреждане на блоковете в кода на страницата, разликата във височината на елементите променя цялата визия на HTML документа.

Решението на този проблем е в използването на свойството display за блоковия елемент (div) и указването на стойности, които да го карат да се държи и изобразява от браузърите като таблица, а неговите вложени елементи да се идентифицират като редове/колони. За целта на обхващащия div таг се задава стойност display: table;, на вложения в него див елемент, задаваме стойност display: table-row;, а на вложените в него div елементи, съответно стойности display: table-cell;.

Оригинален пример от сайта 456bereastreet.com, използващ описания похват:
2 divs same height solution

Как изглежда сайтът ми под различните браузъри и различните версии на най-използваните от тях?

Отговор на този въпрос дава www.browsershots.org. Използвайки него, разработчикът получава скрийншотове на въведения от него сайт, които показват как страницата изглежда в над 80 версии, на над 20 различни уеб браузъра, на 4-те основни операционни системи. Също така резултатите може да се филтрират и по разделителна способност на потребителския монитор, цветова палитра, използване на javascript, java и flash. Тестът позволява да се видят и отстранят някои груби пропуски в дизайна за браузъри под операционни системи, които разработчикът не ползва и няма как да тества лично.

Основният недостатък на този онлайн инструмент, е че няма как с негова помощ да се открият бъгове, получаващи се при някои събития върху елементи от страницата, като mouseover върху линк например. Въпреки това www.browsershots.org е полезен сайт за всички, които искат да са сигурни, че уеб сайтовете и приложенията им изглеждат еднакво под максимален брой от постоянно увеличаващото се количество на браузърите.

Наскоро бяхме на първия фламенко концерт в Пловдив. Това беше едно от най-зареждащите преживявания за изминалото лято. Антонио Ередия и неговата група, състояща се от 5 човека бяха толкова магнетични, че двата часа на Античния театър минаха неусетно и ми напомниха на страхотния концерт на Чамбао миналата година.

Видео (качеството не е добро, но си заслужава да се чуе поне):

Снимки:

Още за събитието от Пловдив24.com

www.jquery.com
официален сайт на популярната javascript библиотека. От тук може да се свалят последните версии на jQuery, а също така разполага и с богата документация и уроци.

www.learningjquery.com
обширна информация за използването на jQuery библиотеката

www.nettuts.com/javascript-ajax/build-a-top-panel-with-jquery
изграждане на много ефектна login форма

www.nettuts.com/javascript-ajax/jquery-style-switcher
как да си направим превключвател на стиловете с помоща на jQuery. В примера е демострирано използването на два отделни стила и автоматичното им превключване, в зависимост от часовия период, съответно ден или нощ.

www.planetozh.com/projects/lightbox-clones
над 50 различни вариации на широко използваната фото галерия lightbox, базирана на jQuery

www.no-margin-for-errors.com/projects/prettyPhoto
lightbox галерия за снимки. подобна съм използвал за www.complex-diana.com

www.mind-projects.it/blog/jqzoom_v10
интересен zoom ефект върху снимки. използван е в www.charovnica.net

www.jqueryfordesigners.com/demo/fade-revisited.html
меню с плавен hover ефект

www.nettuts.s3.amazonaws.com/009_jQueryMenu/sm/result/index.html
атрактивно анимирано меню

www.eyecon.ro/spacegallery
една по-различна фото галерия

labs.activespotlight.net/jQuery/menu_demo.html
ajax меню, походящо за продуктов каталог с няколко нива на подкатегориите