Web Development Resources

Open Source Website Designs

katsarov — Wed, 28 Jul 2010 17:46:36 +0000

Open Source Web Design е сайт където можете да намерите безплатни сайт темплейти или да споделите вашите безплатно. Повечето от тях са съвместими с уеб стандартите.

В сайта има повече от 2000 дизайна в различни комбинации като 2-3 колони или плаващи дизайни, огромен css архив и ще.

Сайт: http://www.oswd.org

Заоблени ъгли без изображения с curvyCorners

katsarov — Sun, 29 Nov 2009 23:00:58 +0000

curvyCorners е javascript базирано решение за създаване на заоблени ъгли без изображения за всеки html div елемент.

Съществуват и други javascript решения, които предлагат подобни възможности. Някои от тях имат проблеми с фоновете и/или остротата на ъглите. curvyCorners е сред добрите.

Също има и jQuery plugin създаден за curvyCorners.

Характеристики

- Безплатен
- Лесен за използване JavaScript обект
- Не изисква изображения или тяхната промяна
- Пълна Anti-Aliasing поддръжка
- Anti-Aliasing над графични фонове
- Заобляне на фонови изображения
- Плавна промяна в височина/широчина
- Поддържа солидни рамки, всякакъв цвят/ширина с Anti-Aliasing
- Позволява потребителя да определя радиуса на ъглите

Изисквания: Няма
Поддържка: Всички основни браузъри
Уебсайт: http://www.curvycorners.net
Демо: http://www.curvycorners.net/examples/demos/demo.html

Photoshop Icon Plugin

katsarov — Sun, 29 Nov 2009 11:30:41 +0000

Създаването на иконки (.ico файлове) в Photoshop не се поддържа по подразбиране.

С тази малка и лесна за ползване приставка ще имате възможност да вмъквате и експортирате иконки от и в Photoshop.

В допълнение към Adobe Photoshop, приставката може да работи и с Elements, AfterEffects, Premiere, PhotoDeluxe, Corel PhotoPaint, PaintShop Pro, Painter, and Photo.

Генератор на форма за контакти

katsarov — Sun, 29 Nov 2009 11:22:35 +0000

Website Contact Form Generator ви позволява да създавате форма-към-емайл скриптове за вашите ASP, PHP или Perl уеб приложения без да са ви нужни специални умения в тази област.

Възможно е да въведете всички променливи на контактната форма, включително видът на полетата, javascript валидация, заглавие и до-от адресите, които ще съдържа, които ще съдържа формата след като бъде попълнена.

Изисквания: Няма
Уебсайт: http://www.tele-pro.co.uk/scripts/contact_form/index.htm

Простичък акордеон скрипт

katsarov — Sat, 17 Oct 2009 14:29:24 +0000

Така наречената акордеон навигация е много удобна когато искате да дадете информация, но сте ограничени от пространството в сайта си.

Това е един от най-малките акордеон скриптове който е супер простичък и лесен за интеграция. Не изисква какъвто и да е framework и напълно се поддържа от всички браузъри.

Характеристики:

- Малък акордеон Javascript ( 1,149 байта )

- Лесна интеграция.

- Не изисква допълнителен framework.

- Може да се използва и като таб система ( в демото има пример )

- Поддържа се от всички браузъри

- Включени са сорс файловете.

Изисквания: няма

Уебсайт: http://www.dezinerfolio.com/2007/07/19/simple-javasc…
Демо: http://www.dezinerfolio.com/wp-content/uploads/accor…

Ефекти на изображения в Html с swfIR

katsarov — Sat, 17 Oct 2009 14:16:21 +0000

Няма ли да е хубаво изображенията в html-а да могат да се въртят, ъглите да са заоблени и да имат сянка?

swfIR (swf Image Replacement) е тук да реши тези ограничения от гледна точка на дизайна при стандартните HTML изображения и техните свързани CSS стойности, като в същото време се поддържа стандартен и чист код.

swfIR използва различен подход от своите събратя, които добавят ефекти към изображенията. Вкарва изображенията в флаш (SWF) слой.

1- Изображението преди да се добавят ефектите:

2 – Изображението след добавяне на сянка:

3 – Изображението след заобляне на ъглите:

4 – Малко да завъртим:

5 – Възможност за добавяне на рамка:

Изисквания: Няма
Уебсайт: http://www.swfir.com/

Демо: http://www.swfir.com/examples/multiple/

Тествайте дизайна на вашият уебсайт за няколко минути

katsarov — Fri, 07 Aug 2009 09:11:38 +0000

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

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

Browsershots прави изображение на вашият дизайн под различни браузъри. Това е безплатна онлайн open-source услуга предоставена от Johann C. Rocholl. Когато впишете вашият уеб сайт адрес, той ще бъде добавен към списъкът с задачи. Определен набор от компютри, ще отвори вашият сайт под различни браузъри и операционни системи. След това ще направят изображение на вашият сайт и ще го качат на централизиран сървър, където ще можете да ги свалите и разгледате свободно.

Изисквания: Няма изисквания
Уебсайт: http://browsershots.org/

Ajax Image Gallery (Slide-Like): Slideflow

katsarov — Mon, 30 Mar 2009 10:59:39 +0000

Slideflowе слайд-шоу създадено от Nicholas T.

Можете да премествате слайдшоуто с влачене или с едно кликване на мишката където и да е. Кликнете в рамката за да задействате навигацията на колело и надясно на мишката!

Технически проспект:

Снимките и заглавията се четат от файл на XML, а копията са пред-създадени използвайки photoshop действията (включени в даунлоуда).

Website: http://mediaeventservices.com/blog/2007/11/15/ajax-i…

Javascript Scroll – Smoothly!

katsarov — Mon, 23 Feb 2009 16:09:07 +0000

df Smooth Scroll е миниатюрен javascript който ви помага да прелиствате страницата бавно и гладко.

Скрипта е лесен за разбиране и употреба.

Описание:

- Лесно приложим

- Един от най-малките Javascript 1024 байта

- Включва източника на файла…

Website: http://www.dezinerfolio.com/2007/08/08/df-javascript…

Creating 3D Box Images Online

katsarov — Tue, 17 Feb 2009 15:16:36 +0000

3d пакета е 3d-box графичен генератор. 3d пакета мигновено създава 3d-box изображенията он-лайн, при това безплатно!

Качете изображението за корица и лице, след това изберете от 3d-box-а желания формат (поддържа JPG, GIF, PNG ).

Website: http://3d-pack.com/