キーボードを閉じる動作の実装 - Qiita
- (IBAction)onReturn:(UITextField *)sender { [sender resignFirstResponder]; } resignFirstResponderを呼び出すことで、現在イベントを最初に受け取る状態になっている(=ファーストレスポンダになっている)のを解除することができる。 UITextFieldであれば、ファーストレスポンダ=キーボードが表示されている状態、と考えてよいのだろうか。(まだ正確な理解には至らず) 一方、キーボード以外の場所をタップした場合の挙動は、TapGestureRecognizerを使って実装する。 XCodeの右下のパレットからTap Gesture Recognizerを選択し、該当するビュー(キーボードを表示する際に下にあるビュー)にドラッグ&ドロップする。 その後、Tap Gesture Recognizerをメ
StoryboardのUnwind Segueの使い方 | DevelopersIO
Exitという名前の謎の緑アイコン Xcode 4.5から、Storyboardに「Exit」という名前の緑のアイコンがシーンに追加されました。当初調べた際には、セグエで繋いでいる画面を戻るための機能（Unwind）であることは分かったのですが、具体的な利用方法が分からずもやもやしていました。最近になってようやく役割と利用方法が分かったのでまとめたいと思います。 Unwind Segue iOS 6になってUnwind Segueという新しいセグエが追加されました。UIViewControllerには、これをサポートするためのcanPerformUnwindSegueAction:fromViewController:withSender:などといったメソッドが追加されています。 Unwind Segueは前の画面に戻る遷移をStoryboard上で表現するためのセグエです。それとともに、
[CSS] Object Oriented CSSを学んで綺麗なコードを書く - YoheiM .NET
こんにちは、@yoheiMuneです。 12月はたくさんのアドイベントカレンダーに寄稿しようと思っていますが、今回第１弾はCSS Architecture Advent Calendar 2014です。まだ空きがあるみたいなので、書きたいという方はぜひ！ 今日はOOCSSというCSS設計についてブログを書きたいと思います。 Special Thanks to https://flic.kr/p/cAM8iL 目次 OOCSSとは何か OOCSSは、Nicole Sullivanによって2009年に発表されたCSS設計手法の1つで、Object Oriented CSSの略称です。 CSSの世界にオブジェクト指向という考え方を導入することで、CSS設計の1つの道筋を示しています。 なぜ設計を学ぶべきのか ところでなぜ設計思想を学ぶ必要があるのでしょうか。 設計やフレームワークやアーキテクチャ
![[CSS] Object Oriented CSSを学んで綺麗なコードを書く - YoheiM .NET](https://cdn-ak-scissors.b.st-hatena.com/image/square/f240faba3b3a8d30aff7d4ba1a5fa75cf5661fbb/height=288;version=1;width=512/https%3A%2F%2Fwww.yoheim.net%2Fimage%2F346.jpg)
BEM失敗談 その2 - canblr
BEM失敗談 その2 この記事はCSS Architecture Advent Calendar 2014 4日目の記事です。 1年ぐらい関わっていたプロジェクトで設計したCSSをざっくり振り返りつつ、そこで経験した失敗談を残しておこうと思います。 昨日の続きになりますが、ようやくタイトル通りBEMの話です。 BEM失敗談 その1 命名規則編 今回のプロジェクトで採用したのはいわゆるMindBEMdingで、あまり厳格にしすぎずゆるくやっていく方針でした。 冗長すぎる BEMを導入した際、ひとつのBlockに対してElementやModifierをどのようにつけていくのか、というのは特に決めていませんでした。 Moduleの中では1Blockに紐づくElementは大体1階層か2階層で、 3階層目ぐらいまで繋げる必要が出てきたら別のModuleにして…という目安で命名しています。 最初
今年のネーミングルール #CSS設計
CSS Architecture Advent Calendar 2014 1日目の記事です。 CSSの設計をしていく上で大事なネーミングルール。 今年僕が関わったプロジェクトでのネーミングルールをゆるく紹介したいと思います。 こうやって名前をつけてました。基本となる設計思想はBEMです。 BEMについては、 CodeGrid を御覧ください。 ネーミングルールを決めるとき、区切り文字をハイフンかアンダースコアか、それとも混在か悩みましたが、とりあえず以下の様なルールでやっていくことにしました。 /*css*/ [Prefix] - [Block] - [Element] -- [[Modifier-Key] - [Modifiler-Value]] { /* Rule Set */ } 一つ一つ解説していきます。 Prefixまずは接頭辞です。 接頭辞としてプロジェクト名や世代などを付与
YACP: よりオブジェクト指向なCSS設計のためのプリプロセッサー - morishitter blog
この投稿はCSS Architecture Advent Calendar 2014の2日目の記事です。 よりオブジェクト指向なCSSの記述を助ける、YACPというCSSプリプロセッサーを作っています。具体的な、セレクタの命名規則やディレクトリ構成の話ではないです。 Object Oriented CSS 数あるCSSの設計手法のベースとなる、OOCSS (Object Oriented CSS、オブジェクト指向CSS)というものがある。OOCSSはその名の通り、CSSのクラス設計（ルールセットの定義）にオブジェクト指向プログラミングの考え方を少し取り入れたようなものだ。 OOCSSの原則として、「構造と見た目の分離」、「コンテナとコンテンツの分離」というものがある。OOCSSが提唱していることは要するに、HTMLの構造に依存しないセレクタを書き、レイアウトと見た目に関するルールセットは別
CSSのマルチクラス設計の問題点 - morishitter blog
CSSのルールセットを細かく（classセレクタで）定義し、HTMLに複数のclass属性値を書いてスタイルをあてるような設計をマルチクラス設計と言ったりする。 マルチクラスにすることで冗長な記述が減り、ファイル容量が減り、ルールセットの再利用性が高くなり、保守性が向上する。 OOCSSをはじめとしたCSSの設計概念はマルチクラスを前提としており、Twitter Bootstrap等の多くのCSSフレームワークはマルチクラスでスタイルをあてるようになっている。 <!-- Twitter Bootstrapのボタンの例 --> <button class="btn btn-primary btn-lg">Save</button> 良いことしかないように見えるマルチクラス設計だが、いくつか問題点もある。 まず、HTMLに複数のclass属性値を書くと共通するプロパティが上書きされるということ
Atomへの誘い - Qiita
はじめに いよいよ始まりました、Atom Advent Calendar 2014でございます。 思ったより登録数が少なくてちょっと悲しいのですが、それはみんなまだAtomの魅力が分かってないからだ！ と気を取り直し、初日はAtomの魅力を紹介したいと思います。 魅力その1: デフォルトで機能的でカッコイイ 機能性と見た目、エディタを選ぶ上で重要なファクターですね。 Atomは後発ということもあり、既存エディタの良い所を標準機能として搭載しています。 注: スクショはPackage（Atomの拡張の呼称）無しの状態で撮っています。 ショートカットはMacのものです。 クールな見た目 初期状態でこんな感じです。 Packageを入れたりすればこんな感じもなります（後述）。 Command Palette Cmd+Shift+p VimのUniteとかEmacsのAnythingのようなコマン
家族写真の可聴化について - Qiita
このエントリーは家庭を支える技術 Advent Calendar 2014の2日目として書かれました。 家族写真は、就業時に家族のことを想起し奮闘する上で重要なツールです。しかしながら、一般的なオフィスにおいては自席以外でくつろいだ姿勢で設計やコーディングを行うことがよくあります。 そういった状況において、家族写真のような家族を可視化するツールを持ち歩くことはあまり現実的ではありませんが、作業に使うコンピューターに家族の声を利用して一定の情報を可聴化するようなツールを導入しておくことで、その機能を代替することができます。 本稿では家族写真を可聴化によって代替するために、私がここ1、2年の間にとっている手法を紹介します。 寝た方がいいということを教えてもらう もう寝ろよ というGoogle Chrome Extensionを実装しています。この拡張をインストールした上で、午前0時以降にブラウ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSS Architecture Advent Calendar 2014 - Adventar