Skip to content

Instantly share code, notes, and snippets.

@maepon
maepon / gist:4146627
Created November 26, 2012 04:32
20 Mobile/Desktop Browser bugs and tricks any Senior Frontend Web Developer should know の項目だけでも訳してみる

20 Mobile/Desktop Browser bugs and tricks any Senior Frontend Web Developer should know フロントエンド開発者であれば知っておくべきモバイル/デスクトップブラウザのバグやトリック20

  1. Link outlines / highlights are misaligned on the Kindle Fire
    リンクのアウトライン/ハイライトがKindleFireでずれる
  2. Semantic clearfix without using "clear: both" in another element
    他の要素に"clear: both"を使わないclearfix
  3. Extremely low performance with the Picturefill polyfill
    Picturefill polyfillは非常にパフォーマンスが悪い
  4. 'Multiple Class' CSS selector bug in Internet Explorer 6
    複数ClassのCSSセレクターはIE6でバグる
@maepon
maepon / gist:4264568
Created December 12, 2012 03:13
Emmet + hayaku プラグインのショートコードをしらみつぶし(2文字まで)
*{
/*a*/
-webkit-animation: ;
-moz-animation: ;
-ms-animation: ;
-o-animation: ;
animation: ;
/*b*/
bottom: 100%;
/*c*/
@maepon
maepon / gist:4266751
Created December 12, 2012 10:34
Macインストールメモ
  • Google chrome
  • Google 日本語
  • Sublime Text 2
  • Xcode
  • Dropbox
  • SkyDrive
  • Pocket
  • Keynote
  • node.js
  • Mac Ports
<h2 id="examples">Examples</h2>
<p>
The list of examples that follows, while long, is not exhaustive. If you've
worked on an app that uses Backbone, please add it to the
<a href="https://github.com/documentcloud/backbone/wiki/Projects-and-Companies-using-Backbone">wiki page of Backbone apps</a>.
</p>
<p id="examples-todos">
<a href="http://jgn.me/">Jérôme Gravel-Niquet</a> has contributed a
@maepon
maepon / gist:4515173
Last active December 11, 2015 00:18
channel amplifizr ネタリスト vol.11

時節の話題

  • 新年ですね

告知

  • amplifizr vol.5
  • amplifizr vol.6
  • amplifizr フォローアップ参加始めました
  • 岡山WEBクリエイターズ
  • 名古屋に黒ベンツ先生
  • オープンセミナー広島
@maepon
maepon / gist:4593327
Last active December 11, 2015 11:28
channel amplifizr ネタリスト vol.11

channel amplifizr ネタリスト vol.11 2013/01/24 22:00すぎ~

時節の話題

  • 新年ですね(今更w)

告知

  • amplifizr vol.4 “Responsive Web Design for The Future“
  • amplifizr vol.5 “Webクリエイターに足りない、本当のSEOスキル“
  • amplifizr フォローアップ参加始めました(PayPal決済)
  • 第18回 岡山WEBクリエイターズ「Webサイトに個性をつけよう!」
@maepon
maepon / jquery_plugin.md
Created February 1, 2013 15:39
jquery_plugin_authoring

Plugins/Authoring

プラグイン/作成

So you've become comfortable with jQuery and would like to learn how to write your own plugins. Great! You're in the right spot. Extending jQuery with plugins and methods is very powerful and can save you and your peers a lot of development time by abstracting your most clever functions into plugins. This post will outline the basics, best practices, and common pitfalls to watch out for as you begin writing your plugin.

jQueryを使うことが快適になってきたら、プラグインの作り方を知りたくなるでしょう。それは正解です!プラグインとメソッドでjQueryを利用することは、非常に協力で、さらに、プラグインの中に最も有効な機能を抽象化することで、開発にかける時間を大幅に節約出来ます。この記事は、プラグインを書き始める際の基本的な概要とベストプラクティス、さらに気をつける必要のある一般的な落とし穴についての記事です。

@maepon
maepon / query_plugin_authoring_ja.md
Created February 11, 2013 12:38
プラグイン作成

プラグイン/作成

jQueryを使うことが快適になってきたら、プラグインの作り方を知りたくなるでしょう。それは正解です!プラグインとメソッドでjQueryを利用することは、非常に協力で、さらに、プラグインの中に最も有効な機能を抽象化することで、開発にかける時間を大幅に節約出来ます。この記事は、プラグインを書き始める際の基本的な概要とベストプラクティス、さらに気をつける必要のある一般的な落とし穴についての記事です。

目次

  1. さあはじめよう
  2. コンテキスト
@maepon
maepon / okacss3.md
Last active December 19, 2015 00:09
岡山でCSS3を学ぼう会「CSSの暗黙知(?)特集」で取り上げようかなというトピックスです。 他にも「これ」というのがあれば @maepon までメンション/DMください。

CSSの暗黙知(?)特集

  • blockとinline
  • 単位
  • ボックスモデル
  • セレクタの優先順位
  • resetとnormalize
  • IEとCSS
  • IEとHTML5
  • IEとセレクタ
@maepon
maepon / gist:6434811
Last active December 22, 2015 06:59
Trust Formでフォームが長くなった時にフィールドの追加がめんどくさくなるのでフィールドのボックスが追従するようにしたJavaScript。検証は適当。
// admin/make-form.phpの最後にscriptタグで追加
(function($){
var $box = $('#standard-form'),
boxBaseOffsetY = $box.offset().top;
$box.css({
position: 'absolute',
left:0,