[css] CSS3時代の上下中央に配置するパターン
最近多用するので…。 要素の全画面化について 先に親になる要素を画面いっぱいに広げる方法について補足しておく。 大きく分けると絶対配置とサイズ指定の2つある。 絶対配置は、position:absoluteを指定した上で […]
View ArticleUnderscoresでカスタムテーマを作る:ソーシャルボタン対応編
Underscores で魔改造したメモその5。 シェアボタンとかつぶやくボタンとかを自力でやっつける。 Compass導入編 ナビゲーションメニュー改造編 Bootstrap(Sass)導入編 ウィジェット作成編 ソー […]
View Article[CSS] rem でフォントサイズを相対指定する
以前 「YUI Fonts CSS でフォントサイズを相対指定する」 という記事を2008年に書いたんだけど、 6年後(!!)の現在はremで指定しているのでそれについてメモっておく。 rem(root + em = r […]
View ArticleUnderscoresでカスタムテーマを作る:細かすぎて伝わらないあれこれ編
Underscores で魔改造したメモその6。 細かすぎて伝わらないあれこれ。 Compass導入編 ナビゲーションメニュー改造編 Bootstrap(Sass)導入編 ウィジェット作成編 ソーシャルボタン対応編 細か […]
View ArticleBackbone.js + jQueryMobile(1.4.5) でアプリ作ったメモ
表題の通り簡単なアプリ作ったのでメモっておく。 https://github.com/Tenderfeel/MobMap Q: なぜ今頃BackboneにjQueryMobileなのか?ナウいのはReactだべ? A: […]
View ArticleRiot.js 触ってみたメモとサンプル
jQueryではもうアカンと思った時に挙った乗り換え候補はRiot.jsとMithril.js。 どっちもナウいんで一応両方試してみたんだけども、Riot.jsに落ち着いた感じであります。 なんでRiot.jsになったか […]
View Articleスマートフォンサイトを1080x1920pxのデザインサイズで作る
なんでもネイティブアプリのUIデザインが1080x1920pxだからと。 えーまじで、と。iPhone6+なら1242x2208pxでないの?と。 Webでそんな数字聞いた事ないんだけど今ってどうなの?と思ってググってみ […]
View ArticleYouTubeの動画を背景に利用する(YouTube IFrame API)
某イカゲームの公式サイトなどでやってる手法です。 同じ件に遭遇するだろう同士の為にサンプル含めてメモっておきます。 YouTube IFrame API 利用するAPIは YouTube IFrame API です。 こ […]
View ArticleTypeScript + Webpackのハマったところメモ
不親切なメモです。 Typingsのinstallでエラー このテンプレコマンドを使うと typings install jquery --save --ambient こんなエラーが出る: The "ambient" […]
View Article[CSS] counter-increment を利用した list-style の変更
利用規約みたいな番号付きリストがやたら入れ子になる文書のマークアップしたときに、 入れ子になっているリストのリスト番号には括弧を付けたいっていうケースがあるじゃないですか… そういえばcounterがあったな〜って思い出 […]
View ArticleIKEAの葉っぱをオフィスの席に設置したメモ
席を引っ越ししたらエアコン真下で冷風直撃になったので、 寒さに堪え兼ねて前々から目をつけていたIKEAのベッドキャノピー LÖVA(通称:IKEAの葉っぱ)を設置したんだ。 IKEAで直接買えば¥999、Amazonだと […]
View ArticleWindowsでnpm installできるようにしたメモ
やったこと。 Microsoft .NET Framework 4.6以下を全てアンインストール Microsoft SQL Sever 2014以前のバージョンを全てアンインストール Microsoft System […]
View ArticleTwitterの画像プレビューでいい感じに収めるサイズのルール
Twitterで投稿した画像のプレビューサイズはPC版公式サイトだと16:9なのに、 2:1の比率で表示されるところがあるよ。 スマートフォン版 TweetDeck Summary with Large Imageカード […]
View ArticleWebフロントエンドエンジニアはこれが無いと死ぬ〜2016年版〜
弊社で動いてるサービスのpackage.jsonをざっくり眺めて羅列した。 赤色=ナウい 青色=レガシー 灰色=マイナー HTML ect jade vue jsx(react) ejs とにかくreactが流行ってるか […]
View ArticleBフレッツからギガマンション・スマートタイプに乗り換えた話
最大100MbpsのBフレッツでDownload 90Mbpsくらい出てるから優秀だと思っていたけど、 慣れてしまえば欲が出るもので、ギガ回線への乗り換え欲求がふつふつと沸いてました…。 とはいえ集合住宅だとそう簡単に回 […]
View ArticleUncaught SyntaxError: JSON syntax error main.js:58 の正体
Google Apps Scriptで遊んでるときにコンソール開いてログ見てたら、 なんかすごい勢いでJSON syntax errorが出てたんだ… 何か書き間違えたかな?と思ったけどそもそもApps ScriptでJ […]
View ArticleTwitter Cards 完全ガイド
カードの種類、基本的なカードの導入から設定の方法、広告機能を利用したカードの作り方まで、TwitterCardsを使いこなすための覚え書き。
View ArticleTwitterのタイムラインをグリッドレイアウトさせる
グリッドレイアウトで著名なプラグインMasonryを使うだけの話。 See the Pen Twitter Widgets API + Masonry by Tenderfeel (@Tenderfeel) on Cod […]
View Article