Ново управление на табовете във Firefox

July 27th, 2010
Posted in Mozilla Firefox
2 Comments »

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

Видео представящо работата с табове (Tab Candy) на Firefox 4:

An Introduction to Firefox’s Tab Candy from Aza Raskin on Vimeo.

Колекции от икони за социални мрежи

June 7th, 2010
Posted in Уеб дизайн
No Comments »

Това е кратък списък с разнообразни по стил колекции от иконки (icon sets) за социалните мрежи:

Socialmonochromicons – 150 икони
Free Social Media Icon Set – включва 42 64×64 px икони във файлови формати PNG и PSD
Social Media And Blogging Icon Set – 65 иконки 32x32px прозрачни PNG и PSD файлови формати
Vector Social Media Icons – включва 80 икони в 3 размера – 16px, 24px, 32px в PNG и EPS (вектор)
Web social icons 39 икони за социални мрежи
mazu-mazu ikonki – 39 иконки
Woven Fabric Social Media Icon Set – 26 икони за социални мрежи
Social Sketches – 16 икони, 6 различни размера (32px, 48px, 64px, 128px, 256px и 512px) в PNG формат.
Glowing Neon Social Networking Icons – 108 икони с висока резолюция
New free social icons vector set 16 популярни икони за социални мрежи във вектор и PNG (64×64 px)
Social Network Icon Set – 10 икони, 6 размера: 12×12, 16×16, 24×24, 128×128, 256×256 и 512×512
Stitch Style Media Icons – 24 социални иконки, 512x512px PNG
27 Circular Social Media Icons в 3 различни размера
High detail social icons
Social Buzz Icon Pack 12 икони за социални мрежи
Extreme Grunge Social Media Garments – 20 икони с размер 256x256px
Grass Textured Social Icon Set – 12 икони в 3 размера – 256px, 128px и 64px.
OLED social icons – 21 икони с размери 256x256px

Страхотна реч на Севърн Сузуки

April 13th, 2010
Posted in Видео
No Comments »

Едно 12-годишно момиче накара света да млъкне за 6 минути. Тя се казва Севърн Сузуки от Ванкувър, Канада. Речта е от 1992г.

Клипът със субтитри на български:

http://www.vbox7.com/play:cb237e95

Клипът без субтитри от youtube:

http://www.youtube.com/watch?v=xPx5r35Aymc

Мозила – клавишни комбинации

March 20th, 2010
Posted in Mozilla Firefox
No Comments »

firefox
Често използвани клавишни комбинации в Мозила:

  1. Ctrl+N – отваря нов прозорец
  2. Ctrl+T – отваря нов таб(подпрозорец)
  3. Ctrl++Т – Отваряне отново на затворен подпрозорец
  4. Ctrl+W – затваряне на текущия таб
  5. Ctrl+Q – затваряне на браузъра
  6. Ctrl+F – отваря в долната част на браузъра поле за търсена в страницата
  7. Ctrl+D – добавяне на страницата в любими (Bookmarks)
  8. Ctrl+L или F6 – прехвърля фокуса върху адрес бара и селектира целия адрес в него
  9. Ctrl+U – показва изходния код на страницата
  10. Ctrl+”+” – Приближаване на страницата (Zoom in)
  11. Ctrl+”-” – Отдалечаване на страницата (Zoom out)
  12. Ctrl+0 (нула) – Връщане към оригиналния размер на страницата (Zoom reset)

Още информация по темата:
http://www.mozilla.org/docs/end-user/moz_shortcuts.html
http://support.mozilla.com/en-US/kb/Keyboard+shortcuts

jQuery – отваряне на външните връзки в нов прозорец

March 2nd, 2010
Posted in JavaScript
1 Comment »

Преди известно време търсих начин за отвряне на линковете към външни сайтове в нов прозорец или таб на браузъра, като основната цел беше изходния код на страницата да е xHTML валиден, което е проблем при използвнето на target=”_blank” . Попаднах на едно решение с помоща на jQuery. Използва се функцията indexOf , с помощта на която се откриват всички хипервръзки, които не съдържат URL на сайта и към тях се добавя атрибута за отваряне в нов прозорец. Кода на функцията е следния:

$(document).ready(function(){
		$('a').each(function(){
			var url = $(this).attr('href');
			if(url.indexOf('http://www.site.com')){
				$(this).attr({target: '_blank'});
			}
		})
	});

Към момента в блога се  ползва тази техника с версия на jQuery – 1.4.2. Трябва да се има предвид, че е от значение дали адресът е зададен с www или без, тъй като ако е без всички връзки към вътрешни за сайта страници, които са въведени с www ще се отварят също в нов прозорец.

А за да се  даде възможност за избор на потребителите  може да се добави опция, за отваряне линковете както в нов, така и в същия прозорец. За целата може да се използва подходяща икона пред самия линк, която да служи за отваряне в нов прозорец, а самия URL да се отваря в настоящия. По подобен начин са реализирани външните връзки в Уикипедия. Самият код на функцията ще изглежда по следния начин:

$(document).ready(function(){
		$('a').each(function(){
			var url = $(this).attr('href');
			if(url.indexOf('http://www.site.com')){
var image_link = '<a href="'+url+'" target="_blank"><img src="external.png" /></a>';
				$(this).after(image_link);
			}
		})
	});

Предполагам, че има подобни варианти за mootools  и за останалите популярни javascript библиотеки, така че няма да е проблем да се намерят и други алтернативи на target=”_blank”.