Untuk mempelajari bagaimana font agar
responsiveyou can read it madebymike.com.au/writing/precise-control-responsive-typography Sebagai bonus informasi dari dunia seputar huruf (fonts) gue beri graphicdesignjunction.com/2015/03/new-text-effects-tutorials-2015 & www.designzzz.com/50-hd-quotes-and-typography-wallpapers
Apakah dari kalian ingin membuat tampilan design dengan gaya full stylish? Tidak lain kalian harus memiliki material design yg mumpuni. Paman kita google sudah membuatkan itu semua www.google.com/design/spec/material-design/introduction.html Kalau susah sobat bisa langsung sikat karya basic material-design google by Daemonite on github github.com/daemonite/material.
codepen.io/iign/pen/GgdbXx - codepen.io/team/webflow/pen/pvydKd - codepen.io/jcoulterdesign/pen/GgGrQO - codepen.io/davidicus/pen/ZYjoVO - codepen.io/ashmind/pen/ogMPQp - codepen.io/JTParrett/pen/fnCKE - codepen.io/fbrz/pen/Guysm - codepen.io/mfritsch/pen/dPqjdy - codepen.io/Himateja/pen/wBYJdm - codepen.io/lakotuts/pen/gbdjzL - codepen.io/TimRuby/pen/ykKEf - codepen.io/jbeason/pen/Wbaedb - codepen.io/alanizdesign/pen/gbBORP - codepen.io/vavik96/pen/gbBbpR - codepen.io/claarman/pen/gbBXyL - codepen.io/kenny-hibino/pen/MYPVqV - codepen.io/mostlymatthew/pen/bNmgbE - codepen.io/sturobson/pen/Wbazbw - codepen.io/MichaelArestad/pen/ohLIa - codepen.io/enxaneta/pen/zxJwap - codepen.io/iPawan/pen/zxmapZ - codepen.io/xaddict/pen/OPBEdK - codepen.io/kyleledbetter/pen/gbQOaV - codepen.io/XavaSoft/pen/OPayeb - codepen.io/balapa/pen/gbQbXR
codepen.io/chriswrightdesign/pen/GwfEq - codepen.io/lbebber/pen/XJRdrV - codepen.io/TimGThomas/pen/VYENyK - codepen.io/ge1doot/pen/EaOxvR - codepen.io/jaysalvat/pen/OPBZrZ - codepen.io/vasim/pen/VYERpN - codepen.io/toolmantim/pen/xbQRaL - codepen.io/ronniechong/pen/LEXWVw - codepen.io/waynedunkley/pen/bNQoXb - codepen.io/mattiabericchia/pen/xbQjew - codepen.io/donovanh/pen/QwzWrK - codepen.io/SachaG/pen/HKnkG - codepen.io/torbencolding/pen/VYqpEe - codepen.io/jonnymclaughlin/pen/qEyYwp - codepen.io/vineethtr/pen/EaGbxW - codepen.io/chrisdothtml/pen/azPYqq - codepen.io/that-beanbag/pen/xbmXQg - codepen.io/claarman/pen/bNOLNv - codepen.io/zapplebee/pen/bNORWG - codepen.io/pixelass/pen/zxaeVy - codepen.io/webcre8/pen/LEqOQQ - cssdeck.com/labs/direction-aware-hover-effect - cssdeck.com/labs/stack-of-cards - cssdeck.com/labs/esbtmdeg - cssdeck.com/labs/tgfbfe6x - cssdeck.com/labs/2jcy8mhl
* View Source
* Generates copy/pastable markup from actual rendered markup.
*
* Copyright (c) 2012 Filament Group, Inc.
* Licensed under the MIT, GPL licenses.
*/
!function(e){var t="xrayhtml",n={text:{open:"View Source",close:"View Demo"},classes:{button:"btn btn-small",open:"view-source",sourcepanel:"source-panel"},initSelector:"[data-"+t+"]",defaultReveal:"inline"},a={_create:function(){return e(this).each(function(){var n=e(this).data("init."+t);return n?!1:void e(this).data("init."+t,!0)[t]("_init").trigger("create."+t)})},_init:function(){var a=e(this).data(t)||n.defaultReveal;"flip"===a&&e(this)[t]("_createButton"),e(this).addClass(t+" method-"+a)[t]("_createSource")},_createButton:function(){var t=document.createElement("a"),a=document.createTextNode(n.text.open),i=e(this);t.setAttribute("class",n.classes.button),t.href="#",t.appendChild(a),e(t).bind("click",function(e){var a=i.attr("class").indexOf(n.classes.open)>-1;i[a?"removeClass":"addClass"](n.classes.open),t.innerHTML=a?n.text.open:n.text.close,e.preventDefault()}).insertBefore(i)},_createSource:function(){var t=this,a=document.createElement("pre"),i=document.createElement("code"),c=document.createElement("div"),r=document.createElement("div"),s=t.innerHTML,o=document.createTextNode(s);c.setAttribute("class","snippet"),e(t).wrapInner(c),i.appendChild(o),a.appendChild(i),r.setAttribute("class",n.classes.sourcepanel),r.appendChild(a),this.appendChild(r)}};e.fn[t]=function(n,a,i,c){return this.each(function(){return n&&"string"==typeof n?e.fn[t].prototype[n].call(this,a,i,c):e(this).data(t+"data")?e(this):(e(this).data(t+"active",!0),void e.fn[t].prototype._create.call(this))})},e.extend(e.fn[t].prototype,a),e(function(){e(n.initSelector)[t]()})}(jQuery);