| var div = $('<div/>'); | |
| function encodeEntities(str) { | |
| return div.text(str).html(); | |
| } | |
| function decodeEntities(str) { | |
| return div.html(str).text(); | |
| } |
| // ---------------------------------------------------------- | |
| // A short snippet for detecting versions of IE in JavaScript | |
| // without resorting to user-agent sniffing | |
| // ---------------------------------------------------------- | |
| // If you're not in IE (or IE version is less than 5) then: | |
| // ie === undefined | |
| // If you're in IE (>=5) then you can determine which version: | |
| // ie === 7; // IE7 | |
| // Thus, to detect IE: | |
| // if (ie) {} |
JQuery + CSS code to make a simple rating widget based on Fontawesome. Nothing fancy but I don't want to figure out how to do it again.
Based on the example found here: http://css-tricks.com/star-ratings/ which unfortunately provides only CSS and no actual functionality.
See it on Plunker: https://plnkr.co/vptHYAnWHMbX2LfR6a02
| # The basics, who you commit as: | |
| [user] | |
| name = John Doe | |
| email = john@doe.org | |
| # Your Github username | |
| [github] | |
| user = githubusername | |
| # Some aliases to save 1000s keystrokes each year: | |
| [alias] | |
| log = log --color |
HTML form with responsive web design. Furthermore it's done with CSS Flexbox, so no floats are used at all. This form layout was inspired by another pen made by Chris Coyier: http://codepen.io/chriscoyier/pen/DmnlJ
A Pen by Torben Colding on CodePen.
| <!doctype html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8" /> | |
| <meta http-equiv="X-UA-Compatible" content="IE=edge" /> | |
| <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" /> | |
| <link rel="stylesheet" href="main.css" /> | |
| <title>ITCSS Grid Example</title> | |
| </head> | |
| <body> |
| // -------------------------------------------------------------------------------------- | |
| // A More Modern Scale for Web Typography | |
| // Based on this article: http://typecast.com/blog/a-more-modern-scale-for-web-typography | |
| // -------------------------------------------------------------------------------------- | |
| $body-font-size: 1em !default; | |
| // Adjusts body typography to be default | |
| // for each browser. | |
| @mixin reset-body-font-size($font-size: 100%, $size-adjustment: 0.5) { |
Also there is a JavaScript method to pull any image you want with any dimensions:
Make a call to json.mvc with the following parameters:
Session_Type=runtime Function=Runtime_ProductImageList_Load_Product_Var iant Product_Code= Variant_ID=
| export function debounce(fn, wait) { | |
| let timeout; | |
| return function () { | |
| clearTimeout(timeout); | |
| timeout = setTimeout(() => fn.apply(this, arguments), (wait || 1)); | |
| } | |
| } |
