download.bg
 Вход Списание  Новини  Програми  Статии  Форум  Чат   Абонамент  Топ95   Архив 

Форум » Програмиране и web-дизайн » HTML цветен дизайнер - моля за тест

HTML цветен дизайнер - моля за тест

Автор
Съобщение
phrozencrew
Чет, 20.10.11, 22:22
Здравейте хора,

Написах изключително прост дизайнер на цветове, за да си помогна с избора на цветове, когато правя някой проект. Не съм мислил да го публикувам, но пък се получи прилично и бих искал да го споделя с вас. Но за сега знам как се държи само в браузерите Firefox 3.6/7, IE8 под Winblowz. Ако имате възможност го пробвайте и под други ОС с други браузери.
Как се работи с т'ва чудо? Задавате цветове в 5-те текстови полета и натискате бутона. След това можете да си влачите цветните квадратчета по дизайна. Отделните елементи на дизайна се осветяват, когато минавате върху тях с влаченото цветно квадратче. Иска малко тренировки, но бързо се свиква .
Ето програмчето:
Web_Color_Designer_by_PhrozenCrew.rar
Разархивирате и стартирате index.html.
Благодаря на Едиз, дето ме светна за цветното вълшебство Kuler! За да е по-ясно нащраках няколко скрииншота с цветни теми от Kuler. Не разбрах как да дам линк за ID-то на темите. Още ми е леко неясен сайта.

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

Предварително ви благодаря за тестовете с браузери, които са ви под ръка, като IE9 например.

Отговор  За печат  
svilen73
Пет, 21.10.11, 02:20
Много добре се държи и на ИЕ 9 и на Опера.

Отново ти благодаря !
Това е чудесно !!!

редактиран от svilen73 на 21.10.11 02:21
Отговор  За печат  
dreamskill
Пет, 21.10.11, 02:35
Нямаш никакви проблеми с chrome и лиско под седем. Виж линковете които метнах в бързите бележки.
Отговор  За печат  
insecteater
Пет, 21.10.11, 09:08

RE: HTML цветен дизайнер - моля за тест

Цитат на phrozencrew от Четвъртък, 20.10.2011 22:22
” .. Мисля да го прехвърля в PHP, като екстрактвам цветовете автоматично при зададен линк с ID на тема от Kuler. Само да разбера как да взимам тия пусти линкове.
... „

Ако линка към дадена цветова схема ти е във вида
http://kuler.adobe.com/#themeID/1530142

(Появява се, като дадеш на "more info")

Изпращаш заявка към следния адрес
http://kuler.adobe.com/kuler/services/search/get.cfm?startIndex=0&searchQuery=themeID%3A1530142&version=web%5F3%5F0&itemsPerPage=10

Само отбележи къде заместваш ID-то на темата - в случая 1530142

Резултата е един много готин xml-ски файл от сорта на
<?xml version="1.0" encoding="UTF-8" ?> 
- <root>
- <themeList>
  <success>true</success> 
  <recordCount>1</recordCount> 
  <startIndex>0</startIndex> 
  <itemsPerPage>10</itemsPerPage> 
- <searchQuery>
- <![CDATA[ themeID:1530142
  ]]> 
  </searchQuery>
- <searchString>
- <![CDATA[ (CF_CUSTOM3 <MATCHES> 1530142) and  (CF_CUSTOM1 <CONTAINS> 1 or CF_CUSTOM1 <CONTAINS> TRUE)
  ]]> 
  </searchString>
- <theme>
  <id>1530142</id> 
  <label>ocean blue</label> 
- <author>
  <id>617504</id> 
  <label>ladybug082393</label> 
  </author>
  <rating>0</rating> 
  <ratingFractional>0.00</ratingFractional> 
  <userRating /> 
  <isFavorite>0</isFavorite> 
  <isPublic>1</isPublic> 
  <createdAt>1317250158</createdAt> 
  <editedAt>1317250158</editedAt> 
- <swatches mode="rgb">
  <swatch c1="0.003184" c2="0.501543" c3="0.91" c4="0.0" hexValue="0180E8" id="7587004" /> 
  <swatch c1="0.003499" c2="0.288909" c3="1.0" c4="0.0" hexValue="014AFF" id="7587005" /> 
  <swatch c1="0.046501" c2="0.821436" c3="1.0" c4="0.0" hexValue="0CD1FF" id="7587006" /> 
  <swatch c1="0.003184" c2="0.91" c3="0.835992" c4="0.0" hexValue="01E8D5" id="7587007" /> 
  <swatch c1="0.003499" c2="1.0" c3="0.636644" c4="0.0" hexValue="01FFA2" id="7587008" /> 
  </swatches>
  </theme>
  </themeList>
  </root>

Предполагам, че би ти свършил работа

редактиран от insecteater на 21.10.11 09:09
Отговор  За печат  
phrozencrew
Пет, 21.10.11, 23:21
Благодаря на всички, мисля, че се получи полезен инструмент!
Ганчо, видях го най-накрая !

 Идеята ти за XML-файл с всичкото инфо ми мина през акъла. И днес пуснах един LiveHttpHeaders и видях, че при зареждане на темата се зарежда и XML-файл с това, което ми трябва. Примерна тема: http://kuler.adobe.com/kuler/services/theme/get.cfm?themeID=1567760 . В случа ID-то на темата е 1567760.
За да мога да извлеча само цветовете от темата използвах следния код:
$xml = simplexml_load_file("http://kuler.adobe.com/kuler/services/theme/get.cfm?themeID=1567760");
$result = $xml->xpath("//hexColor");

Супер просто и чак леко тъпо ! Но аз съм си леко прост и обичам да пиша такива кодове .

Промених малко и JavaScript-a, че рамкираше безумно всички полета, върху които може да се дропне влачения елемент. Някакъв краен вариант може да се види тук:
http://html-color-designer.nediko.info/

Остава да направя възможност за запазване на предпочитани цветни дизайни... Което ме навежда на мисълта, дали да не го направя на система с регистрации и т.н.

Отговор  За печат  

Коментар

за нас | за разработчици | за реклама | станете автори | in english  © 1998-2024   Experta Ltd.