Skip to content

Instantly share code, notes, and snippets.

Building cool things!

Dev By Ray devbyray

Building cool things!
View GitHub Profile
devbyray / gist:72ef0342ba6dc4aeb1d2
Created July 31, 2014 13:29
How to hide the plus and minus button of an input type number in Google Chrome? Add this code to your CSS
View gist:72ef0342ba6dc4aeb1d2
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
devbyray / index.html
Created August 22, 2014 13:00
JavaScript file to check the deviceOS to get the right input type for the numeric keyboard
View index.html
<!doctype html>
<html class="no-js">
<meta charset="utf-8">
<title>Testing mobile keyboards with numbers</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="">
<meta name="viewport" content="width=device-width,initial-scale=1">
devbyray / gist:0e42bc4c53cb68409ea9
Created October 20, 2014 08:37
Dummy HTML page with all html tags
View gist:0e42bc4c53cb68409ea9
<h1>Testing display of HTML elements</h1>
<h2>This is 2nd level heading</h2>
<p>This is a test paragraph.</p>
<h3>This is 3rd level heading</h3>
<p>This is a test paragraph.</p>
<h4>This is 4th level heading</h4>
<p>This is a test paragraph.</p>
<h5>This is 5th level heading</h5>
<p>This is a test paragraph.</p>
devbyray / jquery.inputvalidation.js
Created October 31, 2014 12:44
jQuery inputValidation plugin (not finished yet)
View jquery.inputvalidation.js
(function($) {
$.fn.inputValidation = function(method) {
var methods = {
init : function(options) {
this.inputValidation.settings = $.extend({}, this.inputValidation.errorMessage, options);
return this.each(function() {
var $element = $(this), // reference to the jQuery version of the current DOM element
devbyray / gist:f62f100b33e79c276053
Created October 31, 2014 17:09
Try give icons links
View gist:f62f100b33e79c276053
[vc_row row_type="row" use_row_as_full_screen_section="no" type="grid" text_align="center" background_image_as_pattern="without_pattern" background_color="#eeeeee" padding_top="80" padding_bottom="25" transition_delay="10ms" el_class="home_icons_wrapper"]
<a href="#">
[vc_column width="1/3" css=".vc_custom_1414320534959{background-color: #eeeeee !important;}" el_class="first_column"]
[vc_column_text]Accountants en Administratiekantoren[/vc_column_text
][vc_empty_space height="32px"]
[icon_text box_type="normal" icon="fa-suitcase" icon_type="circle" icon_position="top" icon_size="fa-5x" use_custom_icon_size="yes" icon_animation="q_icon_animation" icon_animation_delay="2ms" title_tag="h2" icon_color="#ffffff" icon_background_color="#85bd3c" title_color="#85bd3c" text_color="#85bd3c" icon_border_color="#eeeeee" custom_icon_size="100" custom_icon_size_inner="80" text="Optimale bedrijfsprocessen"]
devbyray / deploy.bat
Last active September 6, 2019 20:25
# How to deploy only your dist folder to gh-pages branch (Github Pages)
View deploy.bat
git subtree push --prefix dist origin gh-pages
devbyray /
Created December 23, 2014 07:58
Simple HTTP server NodeJS

Simple HTTP server NodeJS

run: node start The commandline will show you that the server is running! Visit in your browser.

devbyray / sass-variables.css
Last active August 29, 2015 14:12
Sass variables
View sass-variables.css
.element {
color: #ffffff;
background-color: #000000;
border: 1px solid grey;
devbyray / sass-more-variables.css
Last active August 29, 2015 14:12
Sass more variables
View sass-more-variables.css
.element {
font-family: Helvetica, Arial;
color: #ffffff;
background-color: #000000;
border: 1px dashed grey;