Quantcast
Channel: Agnist.code
Browsing all 44 articles
Browse latest View live

Image may be NSFW.
Clik here to view.

Retinaディスプレイ(iPhone)対応Bootstrapアイコン

みなさんBootstrapは好きですか?僕は大好きです。便利なライブラリや使いやすいスタイルを多数提供してくれますが、唯一の欠点と言えるのはアイコンがiPhoneのRetinaディスプレイに対応しておらず、iPhoneで見た際にボケてしまうことです。仕事で必要になったというのもありますが、Bootstrapと同一のアイコンを利用し倍サイズのアイコンセットを作成しました。ごく一部、倍サイズの画像がフリ...

View Article



スマホのUIにposition:fixedを使うべきでない理由

理由Android2.2(の糞野郎)がfixedのレイヤー上でJSをコールできないから。...

View Article

Web高速化・軽量化メモ

Webサイトを高速化するための個人的なノウハウをドバッと。 今や3秒ルールすら甘いので。現状を把握するまず、現在のサイトがどの程度重いのか、何を解決するべきかを調べる。Google PageSpeed Insights https://developers.google.com/speed/pagespeed/insights 公開中のURLから解決策をダイレクトに出してくれる。...

View Article

iPhoneアプリのリジェクト告知、そして起死回生の公開の巻

案件業務なので詳しくは書きませんが、iPhoneアプリを開発し、10月半ばに申請し、一度のリジェクトを経て公開にこぎつけました。涙のリジェクト申請から約一週間後、ステータスが「Review」に入ったメールが届き「おっ!?おッ!?」という期待に胸踊らせるも、その後すぐに「Rejected」のステータスに。すんごい長いリジェクト原因が iTunes connect...

View Article

アジャイル・サービススタートアップ

「ファストリリース・ファストサイクル」早く出し、早くPDCAを回す。 これがアジャイル開発によるサービススタートアップのコンセプト。自らに再度ブチ叩きこむつもりでメモしたいと思う。本質を徹底的に磨く。そのサービスの提供する一つのゴールを、必要最低限の機能でリリースし、ユーザーへ届ける。 その最低限のクオリティとスピードを追求する。ただし、「ツボ磨き」の自己満足になってはならない。...

View Article


iPhone/iPadのiOSバージョンをJavaScriptで判別する

参考本: iOSのバージョンを判定する 上記を参考に、iPhoneのみ対応していたのをiPadに対応。例として、iOS6以上とiOS5以前でCSSを分ける場合。 ※正味な話、<input type=”file” /> 周りが主な対応。 var ua = navigator.userAgent; if(/iPhone/.test(ua)) { ua.match(/iPhone OS...

View Article

Sass を Win + Dreamweaver 環境で使えるようにする

Win+Dreamweaver(以下DW)環境でSassを使えるようにし、初歩をかじって理解まで出来る、自分の中では最も簡単なクイックガイドです。30分後には貴方もSassを扱えるようになってます。Scoutのインストールhttp://mhs.github.com/scout-app/...

View Article

Image may be NSFW.
Clik here to view.

AndroidCSSバグ:「position:absolute」なレイヤーの画面外の背景色が抜ける

absoluteしているレイヤーが画面外にまで伸びている際、スクロールするとその背景色が抜けることがある。 モバイル版facebookのようなUIを作っている最中にカチ当たった。※「抜けることがある」としたのは、機種や環境によってまちまちなため。対策absoluteレイヤー直下のblockレイヤーに背景色を付ける。 下記のようなHTML構造で「absolute >...

View Article


WordPressの特定カテゴリでBasic認証を使う方法

できること知ってた上でスタッフに作業をお願いしたら調べもせずに「できません」と即答されたので、ついカッとなってメモを残す。Basic認証かけたいカテゴリと同名(スラッグ名)のフォルダを作る作ったフォルダへWPのindex.phpをコピーする作ったフォルダへWPのhtaccessをコピーするコピーしたindex.phpの中で「wp-blog-header.php」の参照パスを修正するコピーしたhtac...

View Article


CSSだけで作るスマホ向けラジオボタン

スマホだとラジオボタンみたいな細かい要素は押しにくいのでサクッと作ったものを共有します。表示サンプルクリックで選択状態の方が黒く塗りつぶされます。.radios { display:inline-block !important; margin:0 !important; padding:0 !important; clear:both !important; } .radios li {...

View Article

Image may be NSFW.
Clik here to view.

「Data URI」で画像のHTTPリクエストを削減

「Data URI」って何ぞやと思う人も多いと思いますが、説明するより見てもらった方が早いです。 下記の画像をご覧ください。なんということないゴミ箱アイコンですが、クリックしたあとのURIをご覧ください。...

View Article

Image may be NSFW.
Clik here to view.

Sass,Less環境をすぐ構築できる「Koala」と、その問題

以前書いたSassの記事の通り、自分は Sass は使える環境にあったのですが、海外製の CSS フレームワークでは Less を使っているものも多く、 Less 環境も用意するかと探したところ見つけたのが、下記サイトで紹介されている「Koala」です。こちらで紹介されている通りすぐインストールできて、 Less だけでなく Sass も使え、Sass のコンパイルに使っていた Scout...

View Article

フラットデザインが流行る理由

Webデザイン界でもっぱら話題のフラットデザイン。 あるサイトで「なぜ多くのサイトで使われ始めてるのか →...

View Article


Image may be NSFW.
Clik here to view.

グッバイGunosy

先週末あたりのアップデートで、アプリ版Gunosyが醜いデザイン&仕組みになったので削除した。最初のうちはコンセプトの明確な非常にシンプルでクールなキュレーションサービスでしたが、アプリの方はアップデートのたびに「ん?」と思う蛇足が加えられていき、トドメのUI超絶劣化&ソーシャル機能プラスといったFuckdateが行われて諦めました。「朝刊夕刊」が同じタブって意味ワカメ。同じタブに違う色同居させるっ...

View Article

Image may be NSFW.
Clik here to view.

WebStormを使う:インストール編

友人と今期最初のモツ鍋を食べながらHTML/JavaScriptのIDE(統合開発環境)の「WebStorm」を強くプッシュされたので、試してみることにした。日本語化なんぞ当然されていないので、ファーストガイド的なものも需要があるかなと思って、まずインストールからエディタとしては使えるようになる、ごくごく初歩の設定まで簡単にまとめます。インストールDLしてきたパッケージを起動。上記画面は「旧verの...

View Article


Image may be NSFW.
Clik here to view.

WebStormを使う:Sassの利用編

さて前回の記事でWebStormのインストールを終えましたが、やはりSassコンパイルもWebStormでまとめてしまいたいなーと思ったので、Sassを扱えるようにしました。PreprosなどPCにRuby、Sassを意識的にインストールする必要のないコンパイラも存在しますが、Sassはインストールされている前提でWebStormの設定のみを記します。File...

View Article

Image may be NSFW.
Clik here to view.

Sassコンパイラ「Prepross」とCSSフレームワーク「Gumby」で高速プロトタイピング

昨今注目度も高まっているSassを、最も簡単に使えるコンパイラ「Prepros」と、個人的に最近お気に入りのCSSフレームワーク「Gumby」を広めたくて書きます。SassやCSSフレームワークとか、ちょっと二の足踏んじゃうな…みたいなノンプログラマーなフロントデザイナーの方ほどオススメです。PreprosのインストールPreprosをダウンロードしてインストールしたら、準備はそれで完了です。ここは...

View Article


【FUCKIE】IE11はが効かない

タイトル通り、<wbr>タグが効かないってだけで根本的な解決策はありませんが、これを書いてる時点でこの情報がWeb上に見られなかったため残しておきます。Webサービスを作る人なら分かると思いますが、メールアドレスやURLなど連続した半角英数をサービス上で表示させるためには結構欠かせないタグです。もし有効な解決策をご存知の方がいましたら、コメントなど頂けると嬉しいです。対策案解決ではなく、...

View Article

Image may be NSFW.
Clik here to view.

AndroidCSSバグ:「position:absolute」なレイヤーの画面外の背景色が抜ける

absoluteしているレイヤーが画面外にまで伸びている際、スクロールするとその背景色が抜けることがある。 モバイル版facebookのようなUIを作っている最中にカチ当たった。※「抜けることがある」としたのは、機種や環境によってまちまちなため。対策absoluteレイヤー直下のblockレイヤーに背景色を付ける。 下記のようなHTML構造で「absolute >...

View Article

SNSアカウントでのWordPressユーザ登録プラグイン比較

twit connect をとあるサイトで使おうと思ったら、正しく設定してもどうにも連携部分で死んでいた。 というか、正常動作していた公開中の自分のサイトでも死んでいた。プラグインは2013年4月の更新が最後で、どうやら鬼門の同年6月のtwitterアップデートの影響で死んでいるものと思われた。なので他にSNS連携登録プラグインはないものかと探したところ、Gianism と Social Login...

View Article
Browsing all 44 articles
Browse latest View live




Latest Images