Язык JADE в практических примерах Язык JADE в практических примерах - Архив
Язык JADE в практических примерах
DownLoad_Free

Язык JADE в практических примерах - Архив

Нашли ошибку или
хотите что-то сообщить -
жмите Ctr+Enter Система Orphus



    [Ленточный вид форума] [Поиск] [RSS]



Страница 1 из 11
Архив » История мировых и локальных событий » История развития сайта » Язык JADE в практических примерах
Язык JADE в практических примерах
Дата: Понедельник, 31.08.2015, 06:51 | Сообщение # 1
Группа: Администраторы
Сообщений: 1524
1. Рисуем кучу кнопок

each i in ['draw','draw meet','center','spin','spin circle','spin thick']
button(class=i) #{i}

2. Пишем цифры

- var n = 0

.dots.rotate

while n < 10
.dot.border= n++

3. 28 контейнеров
.grid
- for (i=0; i<28; i++)
.cell

множим контейнеры

- var dots = 360
while dots--
  div
 
Дата: Воскресенье, 11.10.2015, 23:40 | Сообщение # 2
Группа: Администраторы
Сообщений: 1524
4. Создаем форму

form.nice-form
    
    fieldset
        
        legend Placeholders Spectaculaire
        
        - var fields = [
        -     { id: "such", text: "Such Input"},
        -     { id: "many", text: "Many Field"},
        -     { id: "very", text: "Very Form"}
        - ];
        
        p.input-group
            | try putting 15 characters in to a field
            img.emoji(src="https://raw.githubusercontent.com/twitter/twemoji/gh-pages/36x36/1f609.png")
        
        each x in fields
            .input-group(data-group-name=x.id)
                label(for=x.id)= x.text
                input(type="text" name=x.id id=x.id)
        
        .input-group
            label(for="txt")
                | So Textarea
            textarea(name="txt" id="txt")
            
        .input-group
            button() Wow!
 
Дата: Вторник, 20.10.2015, 00:16 | Сообщение # 3
Группа: Администраторы
Сообщений: 1524
Пример публикации с навигацией

.l-wrapper
  nav.nav
    each val in ['home', 'blog', 'gallery','image']
      -var itemClass = 'item-' + val;
      a(href="#", class=itemClass)
        span #{val}
          
  section.section
    h1 My Blog
    article.article
      time.article__datetime 15.06.2014
      h2.article__title Rainy day
      p Nunc eu accumsan lorem, nec eleifend massa. Integer lobortis bibendum neque a pellentesque. Nunc ullamcorper hendrerit mauris, id gravida turpis facilisis in.
      footer.article__footer
        a(href="#") 0 comments

Пример: http://codepen.io/yoksel/pen/AyLEs
 
Дата: Воскресенье, 10.07.2016, 22:56 | Сообщение # 4
Группа: Администраторы
Сообщений: 1524
Быстро программируем таблицу в Jade

- strok = 20
- colon = 10
table(cellspacing="0" cellpadding="0")
each y in Array(strok)
tr
each x in Array(colon)
td

Пример: http://codepen.io/Evan-Goode/pen/jPBobv
 
Архив » История мировых и локальных событий » История развития сайта » Язык JADE в практических примерах
Страница 1 из 11
Поиск:


Copyright kachay.ucoz.org © 2008-2016Хостинг от uCoz
^ Наверх ^
Пригодилось!