Sebagai blogger pendatang setia blog Koben, pasti sobat sudah pada tahu satu kebiasaan gue yang suka membuat postingan dengan tema
selection good resources
Jika kalian kunjungi links yg ada, maka dapat menciptakan ide untuk bahan artikel post ;)) Simpan link blog/web yg notabene memang selalu update konten! Ex
www.codepen.io salah satu tempat front end designer playground para kreator code. Generated
md5 passwords javascript sebuah tool generator password. Uniknya ketika kita membuat satu kata kunci untuk
Site Name &
Email used on site secara otomatis hasil generate pass tidak akan berubah. Biasanya kalau lupa itu pass, dengan adanya tool ini asalkan kita ingat
Site Name &
Email used on site maka passnya akan muncul! Pokoknya begitu :P
Berikut beberapa seleksi post awal tahun yg saya dapatkan jauh-jauh sebelum hari...
Keikai MediaRSS Viewer
jsdo.it/murakame/zNy0 - Hue · saturation · brightness (Lightness/Luminance)
jsdo.it/inu7771/mr28 - Google Maps API
jsdo.it/buibui80/k1FP - Cat picture book
jsdo.it/teetteet/dmIT - Get count of SNS of URL
jsdo.it/teetteet/6o8v - Test of API
jsdo.it/tkrkt/jsdoit-menu - base64 of noise transparent PNG image
jsdo.it/teetteet/gkVm - Execute Source Image
jsdo.it/teetteet/4KU5 - Test of do's tool is happening DOM is
jsdo.it/elk/cHPO - Sentence inclusive of share futon want five + α
jsdo.it/teetteet/7Lwj - GeoLocator STANDALONE
jsdo.it/teetteet/aMkO - Simple scroll
jsdo.it/teetteet/wlXn - Hyper cat type canon Mk.2 Ex with intercooler
jsdo.it/sasaplus1/egax - Gradient Generator
jsdo.it/teetteet/cQq5 - Fullscreen colorpicker
jsdo.it/teetteet/hhCI - Link source code viewer
jsdo.it/teetteet/58hW - CSS3 Tree
jsdo.it/teetteet/tNwD - Tag Cloud
jsdo.it/qiu.lin/wfhN - HSV Color Picker
jsdo.it/teetteet/6bq1 - Two-color conversion of the image
jsdo.it/teetteet/myu2 - Simple Whiteboard with fabric.js
jsdo.it/yamineko/kOuy - ACE editor 3 for PC
jsdo.it/teetteet/ixZj - Illustrator mock
jsdo.it/han.kuro/vsz1y - Current position acquisition and display application
jsdo.it/teetteet/9X5q - Good feel of form layout
jsdo.it/teetteet/jYv6 - gct256.PerlinNoise
jsdo.it/teetteet/pSUo - Text animation
jsdo.it/teetteet/3BqQ - SVG animation background generation
jsdo.it/reosablo/zU9F - Implement convolution (the convolution processing)
jsdo.it/edo_m18/ta0R - CSS Tooltip On Click
cssdeck.com/labs/csstooltiponclick - Checkbox styling in CSS
cssdeck.com/labs/n8gvfch6 - Animated Responsive Skills Bar
cssdeck.com/labs/animated-responsive-skills-barRebound Newsletter cssdeck.com/labs/c9ik4c94 - JQuery Auto Complete cssdeck.com/labs/bxaleaxw - Icon in CSS cssdeck.com/labs/css3-icons - Treestyle list cssdeck.com/labs/treestylelist - Animated gradient cssdeck.com/labs/ojxtjupf - Calendar 2015 cssdeck.com/labs/calendar-2015 - Buttons and inputs flat style ui cssdeck.com/labs/m01fcolh - Styled Select Option cssdeck.com/labs/styledselectoption - Rotating? Menu codepen.io/tmrDevelops/pen/wEBmk - CSS Animated Search Box Concepts codepen.io/brandonkennedy/pen/yGjsi - The super fast Coolors schemes generator! codepen.io/fbrz/pen/aynlk - Pure CSS slice cube slideshow codepen.io/pixelass/pen/mGtfF - Drop & Down codepen.io/mgh/pen/dsqIF - Peeled Text Transforms codepen.io/Michiel/pen/OPPKMr - 3D Experiment Formcodepen.io/Ruddy/pen/MYwqrK - Pure CSS iOS 7 Bokeh Background codepen.io/marvinengelmann/pen/bNdawZ - Flat Breadcrumb buttons codepen.io/ShawnSauce/pen/raNXmw - Pure CSS folded-corner effect codepen.io/ravinthranath/pen/XJJWbr - Animated Image Changes with background-blend-mode codepen.io/dudleystorey/pen/emmzvO - Online notepad codepen.io/kimblim/pen/NPPZVo - Pure CSS browser mockups codepen.io/adrienjarthon/pen/ogjjoj
Resizing, Moving, Snapping Windows with JS & CSS
codepen.io/zz85/blog/resizing-moving-snapping-windows-with-js-css - Homepage with bourbon and CSS only Nav
codepen.io/jongagarin/pen/pvjGKe - Text Preferences
codepen.io/mattdawson/pen/wBMgpd - Set transparent background on image with canvas
codepen.io/Mamboleoo/pen/MYKeEX - A Pen by Juan Patten
codepen.io/runningskull/pen/vELRyY - CSS cylinder
codepen.io/madebyjam/pen/bNERqq - Super Mega
codepen.io/tmrDevelops/pen/myVwKE - Simple Accordian
codepen.io/zeinab92/pen/PwZXgd - Responsive Text With Only CSS
codepen.io/wossname/pen/raVezv - A Pen by Theodor Vararu
codepen.io/tvararu/pen/zxqeQd - Glitched Text
codepen.io/alexpivtorak/pen/GgZYbL - Animated rounded border on hover
codepen.io/ccrch/pen/bNpOZx - Animated "Fold Out" Menu Labels
codepen.io/mikegbabb/pen/myPbyK - Progressive blur with CSS & SVG
codepen.io/iamvdo/pen/xECmI - Pure CSS, annotated linear carousel
codepen.io/paulnoble/pen/ZYOzLG - CSS like buttons
codepen.io/GriffinImer/pen/NPrrdx - Simple Player UI
codepen.io/itsnoureddine/pen/ZYOebj - Loader transforming to nav animation concept
codepen.io/petethedude/pen/zxBmEq - Futuristic HUD Control Monitor Interface
codepen.io/declandewet/pen/GgqwXK - Placeholder Services
codepen.io/jakob-e/pen/emzxqd - Magic ball (animated)
codepen.io/tanghoong/pen/ByLKPG - Flexbox Shenanigans!
codepen.io/starzonmyarmz/pen/WbGrgM - Material inspired grid
codepen.io/tamashi/pen/PwGZNN - Offcanvas sidebar menu with a twist
codepen.io/malydok/pen/LERvpM - Text mask with mix blend mode
codepen.io/jreece/pen/NPRzeo - One-way CSS slider
codepen.io/nicolasjengler/pen/QwKmqj - Rotating border
codepen.io/imprakash/pen/VYaaKQ - Generated MD5 Passwords Javascript
codepen.io/fabean/pen/NPbGeq - Account Slider
developer.mozilla.org/en-US/demos/detail/account-slider - CSS Specificity Graph Generator
jonassebastianohlsson.com/specificity-graph - BPG Image Comparison
xooyoozoo.github.io/yolo-octo-bugfixes/60 Cool CSS Effects On Codepen www.uibrush.com/60-cool-css-effects-codepen
Happy new year <:-P
Tool untuk melihat kode lawan warna. Ada juga yg menyebutnya color complementary!
Tool untuk melihat jumlah karakter kata di dalam teks dan mengurutkan berdasarkan frekuensi banyak.
Menampilkan jumlah karakter kata dengan menghilangkan terlebih dahulu kata yang sama.
* 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);