Skip to content

Instantly share code, notes, and snippets.

View eclectic-coding's full-sized avatar
🏠
Working from home

Chuck eclectic-coding

🏠
Working from home
224 followers · 64 following
View GitHub Profile
@eclectic-coding
eclectic-coding / showAsPrint.js
Created December 13, 2019 12:59 — forked from jscher2000/showAsPrint.js
Emulate print media in Firefox 62 (userscript work in progress)
// For Firefox's Web Console, creates the functions showAsPrint() and undoShowAsPrint()
// to roughly emulate print media and revert
function showAsPrint(){
var docSS = document.styleSheets, ss, oldMedia, newMedia, rules;
var p2s = function(media){
if (media.indexOf('all') > -1) return media; //no need to change
if (media == 'print') return 'all, wasprint'; //show on screen, too
if (media.indexOf('print') > -1 && media.indexOf('screen') > -1) return media; //no need to change
if (media == 'screen') return 'wasscreen'; //hide these rules
if (media.indexOf('screen') > -1) return media.replace('screen', 'wasscreen'); //hide these rules
@eclectic-coding
eclectic-coding / new_rails_app.md
Created February 6, 2020 18:10 — forked from chair28980/new_rails_app.md
New rails 6 app with postgresql and heroku deployment
@eclectic-coding
eclectic-coding / nuxtjs-pagination-component.vue
Created April 3, 2020 01:10
Nuxt.js Pagination
<template>
<nav id="pagination">
<ul class="page-numbers" v-if="$store.state.totalPageCount">
<li v-for="num in this.pageNumbers" v-if="num != null" v-bind:style="{ width: (100 / pageNumberCount) + '%' }">
<nuxt-link v-if="num != $route.query.page && num != currentPage" :to="{ path: '/', query: { page: num } }">{{ num }}</nuxt-link>
<span v-else>{{ num }}</span>
</li>
</ul>
<ul class="page-guides" v-if="this.$store.state.totalPageCount != 1">
<li>
@eclectic-coding
eclectic-coding / .railsrc
Created April 8, 2020 11:17 — forked from ivanoats/.railsrc
# .railsrc
-B #Skip Bundle
-T #Skip Test-Unit
-d postgresql #Use postgres
@eclectic-coding
eclectic-coding / sticky_footer_using_tailwindcss.html
Last active May 23, 2020 14:55 — forked from milanchheda/sticky_footer_using_tainwindcss.html
@eclectic-coding
eclectic-coding / promiseCatchWithAwait.js
Created July 8, 2020 14:05 — forked from dbayarchyk/promiseCatchWithAwait.js
Async/await without try/catch in JavaScript
async function fetchAndUpdatePosts() {
const posts = await fetchPosts().catch(() => {
console.log('error in fetching posts');
});
if (posts) {
doSomethingWithPosts(posts);
}
}
@eclectic-coding
eclectic-coding / vim-cheats.md
Created August 2, 2020 14:11 — forked from Starefossen/vim-cheats.md
My vim cheat sheet for working with tabs and window splits.

Tabs

New Tab

  • :tabnew - new blank tab
  • :tabedit [file] - open file in tab

Cursor Movement

  • gt (:tabn) - next tab
@eclectic-coding
eclectic-coding / _flash_messages.html.erb
Created September 16, 2020 11:39 — forked from roberto/_flash_messages.html.erb
Rails flash messages using Twitter Bootstrap
<% flash.each do |type, message| %>
<div class="alert <%= bootstrap_class_for(type) %> fade in">
<button class="close" data-dismiss="alert">×</button>
<%= message %>
</div>
<% end %>
@eclectic-coding
eclectic-coding / wp-dropdown-categories-aria-label.php
Created December 18, 2020 17:03 — forked from n7studios/wp-dropdown-categories-aria-label.php
WordPress: Add the aria-label attribute to wp_dropdown_categories(): https://www.n7studios.co.uk/adding-aria-labels-wp_dropdown_categories/
<?php
/**
* If the aria-label argument has been specified in a wp_dropdown_categories() call,
* output the aria-label option in the <select>
*
* @since 1.0.0
*
* @param string $output HTML Output
* @param array $arguments wp_dropdown_category() arguments
* @return string Modified HTML Output
@eclectic-coding
eclectic-coding / stimulus.md
Created January 2, 2021 20:18 — forked from mrmartineau/stimulus.md
Stimulus cheatsheet