2022/1/13をもって お客様がご利用中のブラウザ (Internet Explorer) のサポートを終了いたしました。 (詳細はこちら) クックパッドが推奨する環境ではないため、正しく表示されないことがあります。 Microsoft Edge や Google Chrome をご利用ください。 (Microsoft Edgeでクックパッドにログインできない場合はこちら)
こんにちは。林です。けっこう前のことになりますが、ライターで集まっているときにストリートビューの撮影に遭遇しました。 「あははは」「似合う~」「うふふ」 あの奇妙なものはもしかして… 常々ストリートビューにうつりたいと思ってたので、ひと工夫して顔がぼかされないようにしました。 手に持ってるのがひと工夫 顔はぼかされてないですが、誰が誰だかは分かりません。 場所はこのへんです。
2013-06-24 2012年4月23日にテキサスの Austin で行われた RailsConf 2012 での Rich Hickey (@richhickey) さんによる基調講演、Simplicity Matters を書き起こして翻訳しました。 Rich Hickey さんは Clojure や Datomic の作者です。 この翻訳は Creative Commons Attribution ShareAlike 3.0 ライセンスに基いて公開します。 Rich Hickey 講演 e.e d3si9n 訳 談: こんにちは。ご招待いただきありがとうございます。 聞く所によると RailsConf はいつもコミュニティーからかなり外れた人を選ぶらしく、今回は僕ということになりました。 僕の電話ボックスは外に駐車してあります。(会場、笑) だけど、今日は言語の壁を越える話題を持
数多くのテレビ番組で絶妙な言葉のキャッチボールを繰り広げる今田耕司さんは、場の雰囲気や会話を人一倍楽しんでいるという。老若男女から愛される、今田流トークの心得を聞いた。 ◎場数を踏めば怖くない 今田さんは、芸人さんはもちろん、お客さんや素人さんとの会話のキャッチボールも上手いと評判です。誰とでも会話を弾ませられる秘訣は何でしょう? 「ありがとうございます。でも、難しいなあ。しゃべりに『コレが正解!』というのはないですからね。僕は考えてしゃべっていないので、何かアドバイスできるとしたら、『空気を読んだほうがええ』ってことでしょうか」 その「空気を読む」ことが、不得意な人がいます。今田さんの空気の読み方とは? 「こればっかりは経験です。場数やと思います。僕は、テクニックも何にもない若い時にラジオやら生番組やらでしゃべらされて、失敗する機会が多かったですから。失敗を繰り返して『ああ、こ
display:table-cell; を活用する リキッドレイアウトのコーディングにすごく便利。 親要素に display:table; 子要素に display:table-cell; 記事リストなど、画像とテキストを横並びにするときに。 均等に横並びにしたいときに。 タップ時のカラー設定 CSSで以下のように設定。アルファ値も設定可能。 -webkit-tap-highlight-color: rgba(255,105,183,0.6); 画像、iframeに max-width を指定 img・iframeは、サイズが大きすぎて画面からはみ出すことがあるので max-width:100%; を指定する。 word-break:break-all; を指定 スマホは幅が狭いため、長いURLなどが1行に入りきりません。 word-break:break-all; を適宜指定する。 フォ
最後はオプションで上から、サイズ変更、inputやbuttonなどのフォーム要素、ラッパー付きのボタン Buttonsの使い方 使い方は非常に簡単です。 Step 1: 外部ファイル Buttons.zipをButtons- GitHubからダウンロードし、外部ファイルとして記述します。 <link rel="stylesheet" href="css/font-awesome.min.css"> <link rel="stylesheet" href="css/button.css"> Step 2: HTML あとは、HTMLにボタンのスタイルを使うだけで実装できます。 デモのHTMLは、こんな感じです。 <a href="#" class="button button-rounded button-flat-primary">press me</a> <a href="#" clas
前回の投稿「レスポンシブ・デザインとアダプティブ・デザインの定義を整理してみた」に対して、「覚え書き@kazuhi.to」で「続・レスポンシブWebデザインとかアダプティブWebデザインとか」として、再度レスポンシブとアダプティブについての木達さんの解釈をまとめています。記事中でおっしゃっている通り、僕とは見解が違うところもありますが、特に図解の部分はウェブ制作に関わる人には必見だと思ったので、こちらでも共有させていただきます。マルチデバイス時代のウェブ制作において考慮すべき技術的な制作手法の分類がすっきり整理されています。 ※上図は「続・レスポンシブWebデザインとかアダプティブWebデザインとか」の2013/6/23の時点のものを内容を変更せずに、そのまま掲載させていただいています。(木達さん、ありがとうございます!) 「レスポンシブ」や「アダプティブ」という言葉の扱いはとりあえずわき
2013年06月24日 実用的なサイトを教えあうスレ Tweet 36コメント |2013年06月24日 00:00|サイトまとめ|Editタグ :役立つ系 1 :192.168.0.774:2007/04/05(木) 02:17:15 ID:sIoSI3GD 面白いサイトはスレ違い 例えばこんなの http://www.goffice.com/goffice6_jp.aspx http://priea.jp/ http://www.remindermailer.com/ http://femo.jp/ http://demae-can.com/ 5 :192.168.0.774:2007/04/05(木) 23:04:31 ID:rSIvmPD0 http://www.tangoriki.com/ 11 :1:2007/04/07(土) 23:27:42 ID:QpJcLORj >>10
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く