Skip to content

Instantly share code, notes, and snippets.

View neojp's full-sized avatar

Joan P. neojp

View GitHub Profile
@neojp
neojp / styles.app\.css
Last active January 27, 2021 07:36
ButtonGroup #1
/* tailwindcss 2.x */
/* @import url("https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css"); */
/* custom tailwindcss with children variant */
/*! modern-normalize v1.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */*,::after,::before{box-sizing:border-box}:root{-moz-tab-size:4;tab-size:4}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}body{font-family:system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji'}code{font-family:ui-monospace,SFMono-Regular,Consolas,'Liberation Mono',Menlo,monospace;font-size:1em}button{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button{text-transform:none}[type=button],button{-webkit-appearance:button}h1,h2,h3,p{margin:0}button{background-color:transparent;background-image:none}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}html{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sa
@neojp
neojp / controllers.first\.js
Created November 21, 2020 20:43
stackoverflow-64896144
import Controller from '@ember/controller';
import { inject as service } from '@ember/service';
import { action } from '@ember/object';
export default class FirstController extends Controller {
@service settings;
@action changeLanguajeToEN () {
this.settings.lang = 'EN';
}
@neojp
neojp / components.search-form\.hbs
Created July 3, 2020 08:34
debounced-input-demo
<div class="Search">
<form class="Search-form" {{on "submit" this.search}}>
<p>
<label>
<b class="u-visuallyHidden">Search</b>
<Input
type="search"
class="Search-formInput"
autocomplete="off"
placeholder="Enter your search query"
sudo apt-get update
sudo apt-get install mysql-server -y
curl -fsSL https://github.com/rbenv/rbenv-installer/raw/master/bin/rbenv-installer | bash
rbenv install 2.5.1
gem install bundler
gem install rails -v 5.0.7

Keybase proof

I hereby claim:

  • I am neojp on github.
  • I am neojp (https://keybase.io/neojp) on keybase.
  • I have a public key ASA2expEMIVDo5TZDNUvyKHne1vBL5kGVeJDhBM9COrNpwo

To claim this, I am signing this object:

@neojp
neojp / EmberJS2019.md
Created June 18, 2019 06:55
My thoughts on the Ember.js roadmap for 2019 #EmberJS2019

My thoughts on the Ember.js roadmap for 2019 #EmberJS2019

Introduction

Coming from the old jQuery days I used to hear from core members about how interesting the Amber.js framework was. Quickly enough it became Ember.js and I jumped-in head-on.

I've never been "active" in the community, but whenever an SPA project pops up I have always pushed for Ember to be used as the an essential part of the project because it is the easiest to use, and most reliable framework to work with as a team. Conventions over configuration are that good.

Now with this Call for Blog Posts, I present you with a few ideas I would love to see in the plausible future.

Embroider and Ember CLI tools

@neojp
neojp / application.template.hbs
Created February 24, 2016 22:53
link-to nested routes bug
<h1><code>\{{link-to}}</code> nested routes bug</h1>
<p>When using nested routes and the same segment names (eg <code>:slug</code>) in all nested paths, the \{{link-to}} helper doesn't build the right URL.</p>
<h2>Bug Demo:</h2>
<h3>Router:</h3>
<pre>Router.map(function() {
this.route('page', { path: '/page/:slug' }, function() {
this.route('child', { path: '/:slug' });
});
});</pre>
@neojp
neojp / foundation-globals.scss
Created June 23, 2014 04:56
Foundation 5. Reestablish font inheritance using the SCSS $font-size variables
// Convert units
// Eg.
// font-size: convert-unit(16rem, em);
// >> font-size: 16em;
//
// font-size: convert-unit(16em, rem);
// >> font-size: 16rem;
//
// font-size: convert-unit(16em, px);
// >> font-size: 16rpx;
@neojp
neojp / _foundation_variables.scss
Created June 23, 2014 04:05
Import Foundation 5 variables and don't print any CSS classes
// do not print foundation css classes
$include-html-classes: false;
$modules: ("global");
// import foundation variables
@import "foundation/components/global";