Toggle navigation
Document
Download
Easy Code Prettify
$( article ).easyCodePrettify();
DEMO
RUN
コード表示
Markdown
css .logo{ text-align : center; font-size : 20px; opacity:.3; font-family:impact; color:#5588cc; } html
Design
script $('div.logo').animate( {opacity:1, 'font-size':60,'margin-top':30}, 1500, function(){ var t = $(this); var method = t.is(':hidden') ? 'fadeIn' : 'fadeOut'; t[method](1500,arguments.callee); } );
Markup
コード表示(見出しをセット)
Markdown
##### css .logo{ text-align : center; font-size : 20px; opacity:.3; font-family:impact; color:#5588cc; } ##### html
Design
##### script $('div.logo').animate( {opacity:1, 'font-size':60,'margin-top':30}, 1500, function(){ var t = $(this); var method = t.is(':hidden') ? 'fadeIn' : 'fadeOut'; t[method](1500,arguments.callee); } );
Markup
コード表示(グルーピング)
Markdown
#### code ##### css .logo{ text-align : center; font-size : 20px; opacity:.3; font-family:impact; color:#5588cc; } ##### html
Design
##### script $('div.logo').animate( {opacity:1, 'font-size':60,'margin-top':30}, 1500, function(){ var t = $(this); var method = t.is(':hidden') ? 'fadeIn' : 'fadeOut'; t[method](1500,arguments.callee); } );
Markup
デモ実行(コード非表示)
Markdown
#### demo ##### css .logo{ text-align : center; font-size : 20px; opacity:.3; font-family:impact; color:#5588cc; } ##### html
Design
##### script $('div.logo').animate( {opacity:1, 'font-size':60,'margin-top':30}, 1500, function(){ var t = $(this); var method = t.is(':hidden') ? 'fadeIn' : 'fadeOut'; t[method](1500,arguments.callee); } );
Markup
コード表示 + デモ実行
Markdown
#### code + demo ##### css .logo{ text-align : center; font-size : 20px; opacity:.3; font-family:impact; color:#5588cc; } ##### html
Design
##### script $('div.logo').animate( {opacity:1, 'font-size':60,'margin-top':30}, 1500, function(){ var t = $(this); var method = t.is(':hidden') ? 'fadeIn' : 'fadeOut'; t[method](1500,arguments.callee); } );
Markup
コード表示 + デモ実行 + コード編集
Markdown
#### code + demo + edit ##### css .logo{ text-align : center; font-size : 20px; opacity:.3; font-family:impact; color:#5588cc; } ##### html
Design
##### script $('div.logo').animate( {opacity:1, 'font-size':60,'margin-top':30}, 1500, function(){ var t = $(this); var method = t.is(':hidden') ? 'fadeIn' : 'fadeOut'; t[method](1500,arguments.callee); } );
Markup
コード表示 + デモ実行(手動) + コード編集
Markdown
#### code + demo + edit + noAuto ##### css .logo{ text-align : center; font-size : 20px; opacity:.3; font-family:impact; color:#5588cc; } ##### html
Design
##### script $('div.logo').animate( {opacity:1, 'font-size':60,'margin-top':30}, 1500, function(){ var t = $(this); var method = t.is(':hidden') ? 'fadeIn' : 'fadeOut'; t[method](1500,arguments.callee); } );
Markup
コード表示 + デモ実行(手動) + コード編集
Markdown
#### code + demo + edit ##### cssFile http://cyokodog.github.io/jquery.ex-code-prettify/jquery.ex-inplace-editor/jquery.ex-inplace-editor.css ##### jsFile http://cyokodog.github.io/jquery.ex-code-prettify/jquery.ex-inplace-editor/jquery.ex-inplace-editor.js ##### css form{ padding: 16px; } input.inplace-editor, a.ex-ipe-label{ padding: 4px; } ##### html
##### script $('input.inplace-editor').exInplaceEditor({ nullText : '編集する' });
Markup