Форум

DjDiablo · #11 (**permalink**) 26.06.2013, 06:27

Цитата:

не понятно о чем вопрос:

Вопрос скорее об идеи заменить стандартные теги своими собственными, при этом ваши теги будут обладают логикой как сейчас jQuery плагины.

список технологий растёт шустро

от гугла angular, native/polimer, dart webcomponents
от мозиллы x-tag,

Цитата:

Это нативно будет или чо?

MDV в polimer пока реализован. Но в будущем гугл надеется реализовать его нативно.

В принципе при поддержки Polimer веб компоненты по стандарту W3C уже могут работать на
Chrome Android, Chrome, Canary, Firefox, IE 10+, Safari 6+, Mobile Safari
с учётом миграции оперы на webkit думаю и там всё будет ок.

DjDiablo · #12 (**permalink**) 26.06.2013, 10:18

Мой пост не об ангуляре конкретно, а о том что происходит с веб разработкой вообще.

Сообщение от nasqad

мертворожденное чудо

Обоснуй.

iKillMaxmaxmaximus · #13 (**permalink**) 26.06.2013, 11:46

Сообщение от DjDiablo

Вопрос скорее об идеи заменить стандартные теги своими собственными, при этом ваши теги будут обладают логикой как сейчас jQuery плагины.

Ну так это есть уже в ui например, а раз есть значит нынешние технологии ПОЗВОЛЯЮТ это сделать, в чем проблема то?

Сообщение от DjDiablo

Обоснуй.

все просто

nerv_ · #14 (**permalink**) 18.08.2013, 14:24

Сообщение от DjDiablo

Вопрос скорее об идеи заменить стандартные теги своими собственными

Сообщение от DjDiablo

Мой пост не об ангуляре конкретно, а о том что происходит с веб разработкой вообще.

Люди начинают понимать, что html для динамических приложений есть ничто. XML

nerv_ · #15 (**permalink**) 21.09.2013, 11:31

Сообщение от iKillMaxmaxmaximus

а вообще у меня вопрос, что такое шадоу дом я не понял, эт он типа не рендерится или чо?

Сообщение от kobezzza

На него можно свою стилевую таблицу повесить и на него не накладываются общие стили документа. Т.е. теперь не нужно костылить с кастомными тегами или ифреймами.

давно пора

Сообщение от DjDiablo

Вопрос скорее об идеи заменить стандартные теги своими собственными, при этом ваши теги будут обладают логикой как сейчас jQuery плагины

ну так сейчас (с приходом html5) уже можно. Не хватает инкапсуляции в dom / html\css

<элемент пошли_все_нафиг_я_самостоятельный="1">
</элемент>

nerv_ · #16 (**permalink**) 21.09.2013, 12:46

выглядит многообещающе

<element name="my-megabutton" extends="button" constructor="MegaButton">
  <template>
    <button><content></content></button>
  </template>
  <script>
    MegaButton.prototype = {
      megaClick: function(e) {
        play('moo.mp3');
      }
    };
  </script>
</element>

http://html5-demos.appspot.com/stati.../index.html#63
http://html5-demos.appspot.com/stati.../index.html#66

DjDiablo · #17 (**permalink**) 21.09.2013, 21:20

Угу мне тож нравится, я через pollyfill баловался, фурычит на всех современных браузерах.

Кстатии еще давным давно на IE 5 Можно было сделать вот такую штуку
Почти что тоже компонент

<html xmlns:b="http://xyz.ru/">
<style type="text/css">
b\:spacer{
    display: inline-block;
    width: expression(this.width+'px');
    height: expression(this.height+'px');
}
</style>

Привет <b:spacer width="200" height="1"></b:spacer>Всем
</html>

monolithed · #18 (**permalink**) 21.09.2013, 22:04

Сообщение от DjDiablo

Кстатии еще давным давно на IE 5 Можно было сделать вот такую штук

Разве сейчас нельзя?

DjDiablo · #19 (**permalink**) 21.09.2013, 22:10

Сообщение от monolithed

Разве сейчас нельзя?

А я разве говорил что сейчас нельзя

Лишний раз пропиарю своеобразные веб компоненты на jQuery, которые работают уже сейчас.
Выглядеть будут так

<demotivator id="t1" title="Узбагойтесь" subtitle="Сделаем вовремя">
      <img src="http://im2-tub-ru.yandex.net/i?id=137949638-61-72&n=21"/>
</demotivator>

А работать так

<!DOCTYPE HTML>
<html>
  <head> 
      <script src="https://code.jquery.com/jquery-2.0.3.min.js"> </script>
  </head>
  <body>    
    <style>
      
      demotivator{
        background-color:black;    
        display:block;   
        color:white;
        width:250px;
        padding:10px;
      }
      
      demotivator img{
        width:100%;        
      }
      
      demotivator h1{
        text-align:center;
        margin:0px;
      }

      demotivator h2{
        text-align:center;
        margin:0px;
      }
      
      .red{
        background-color:red;                      
      }
            
    </style>
    

    
    <script>

      $(function(){   
        //функция шаблонизатор
        function template(data){
          return  "<h1>"+data.title+"</h1>"+                
                  "<h2>"+data.subtitle+"</h2>"
        }

        //конструктор плагина
        var Plugin=function(el){                       
             el.append( 
                template({
                  title:$(el).attr('title')||"",                   
                  subtitle:$(el).attr('subtitle')||""                   
                })
             );                                                 
             this.el=el;
         }

         // прототип плагина
         Plugin.prototype={
           //демонстрационный метод
           red:function(){
             this.el.addClass('red');
           }      
         }
      
         //автоматическое создание
         $('demotivator').each(function(){
              $(this).data('widget', new Plugin( $(this) ) );
         })         
      })
      
      

      //Тест управления виджетом из вне. 
      $(function(){
        $('#btn1').click(function(){            
            $('#t1').data('widget').red();
        })                
      })
      
      
    </script>

    
    
    <demotivator id="t1" title="Узбагойтесь" subtitle="Сделаем вовремя">
      <img src="http://im2-tub-ru.yandex.net/i?id=137949638-61-72&n=21"/>
    </demotivator>
    
    <button id="btn1"> Волшебная кнопка </button>
    
    <demotivator id="t2" class="red" title="Уcпакойтесь" subtitle="Сделаем вовремя">
      <img src="http://im2-tub-ru.yandex.net/i?id=137949638-61-72&n=21"/>
    </demotivator>
    
  </body>
</html>

iLikeMaxmaxmaximus · #20 (**permalink**) 22.09.2013, 01:28

Сообщение от DjDiablo

Вопрос скорее об идеи заменить стандартные теги своими собственными, при этом ваши теги будут обладают логикой как сейчас jQuery плагины.

ВОТ ЭТО ПОВОРОТ

Форум

Справочник

Discord чат

Курсы javascript