Кто знает то, с чем программируется Picasa?

Я сделал несколько строк кода для вашего требования

// find elements
$(document).keypress(function(event){
    var keycode = (event.keyCode ? event.keyCode : event.which);
    if(keycode == '13'){
        var selectedPage=$("#nav-form input:checked").val();
       if(selectedPage === 'facebook'){
       
        location.href = "https://www.facebook.com";
       }else if(selectedPage === 'twitter'){
       
        location.href = "https://www.twitter.com";
       }else{
        location.href = "https://www.instagram.com";
       }
    }
});
body {
  background: #20262E;
  padding: 20px;
  font-family: Helvetica;
}

#banner {
  background: #fff;
  border-radius: 4px;
  padding: 20px;
  font-size: 16px;
  text-align: center;
  transition: all 0.2s;
  margin: 0 auto;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="banner">
<form id="nav-form">
    <label class="radio-inline">
      <input type="radio" name="optradio" checked value="facebook">Facebbok
    </label>
    <label class="radio-inline">
      <input type="radio" name="optradio" value="twitter">Twitter
    </label>
    <label class="radio-inline">
      <input type="radio" name="optradio" value="instagram">Instagram
    </label>
  </form>
</div>

7
задан user74083 23 March 2009 в 08:20
поделиться

1 ответ

Я нашел это, Красивый UI Picasa Сделан из Динамических Файлов PSD:

Я шпионил вокруг в папке Picasa "во время выполнения" и нашел набор Photoshop.PSD файлами. Конечно же, значительные части UI создаются в Photoshop. Слои используются для организации кнопок, заместителей и курсоров. Трансформации достигаются с заменой изображения, подобной JavaScript/DHTML. Например, представление временной шкалы просто 640x480 изображение с теговым слоем для содержания миниатюры выбранной группы и пользовательских курсоров, определенных в их собственном наборе слоя.

Базовый графический механизм Picasa наиболее вероятен упрощенное "время выполнения Photoshop" с DOM, чтобы помочь предназначаться для отмеченных элементов, импортированных из.PSD файлов. Это - умная архитектура, потому что она обеспечивает быструю разработку прототипа UI и последовательный стиль через различные платформы. Разработчики могут внести изменения в Photoshop, затем повторно запускают Picasa для наблюдения результатов. Еще лучше конечные пользователи могут очистить приложение, не имея необходимость изучать любые новые инструменты.

Папка "во время выполнения" также содержит некоторые простые сценарии, которые связывают элементы UI с их.PSD дубликатами и определяют размещение расположения и видимость.

13
ответ дан 6 December 2019 в 19:42
поделиться