「現場のプロが教えるHTML+CSSコーディングの最新常識」を共著で執筆しました 2015年3月25日に株式会社エムディエヌコーポレーションより発売の、「現場のプロが教えるHTML+CSSコーディングの最新常識」を共著で執筆させていただきました。
公開日2013-12-02タグAdvent CalendarBEMCSSHTML今年もあと一月ということでブログをリデザインしました。ということでこの記事はBEM Advent Calendar 2013 1日目のエントリです。日付過ぎてしまいましたね。 BEM って何? BEM とは Block, Element, Modifier の頭文字をとったもので、フロントエンド設計において命名規則やモジュールの管理に前述の3種類の区分を取り入れたものを言います。今回はタイトルにもある通り、CSS の命名規則に BEM を取り入れてみるということで、BEM な CSS について記載します。 BEM るとどういう良いことがあるの? いろんな人がすでに書いているので別エントリを参考になさってください。あるいは、今回の Advent Calendar に参加した方のエントリも参考になるかと思います。
浪費家と倹約家にはさまざまなタイプがありますから、予算の立て方や守り方にも、多くのやり方があるでしょう。 そしてここに、もう1つの方法があります。マズローの欲求階層ピラミッドに沿って家計を管理すると、出費の優先順位付けが簡単になり、生きていく上でもっとも大切なことに合わせた支出が可能になります。 マズローの欲求階層ピラミッドとは 聞きなれない言葉かもしれませんが、マズローの欲求階層ピラミッドとは、人間にとって普遍的な欲求について、優先順位を付けて説明した理論です。もっとも根本的な欲求が一番下にあり、下から順番に4つの層を満たしていけば、潜在能力を十分に発揮できるようになるというものです。 マズローの欲求階層ピラミッドを家計に応用すると 「Consumerism Commentary」のLuke Landes氏は、この心理学の理論を家計に応用しました。最下層にあたる「生理的欲求」は、食料、水
Chromeパッケージアプリとは、ウェブアプリを、まるでPCにインストールしたアプリかのように使えるものです。従来のウェブアプリとは異なり、必要なコードはローカルのハードディスクに保存されるため、オフラインでも起動することができます(とはいえ、ほとんどのパッケージアプリはインターネットにアクセスします)。 Googleがこのシステムを作った目的は、ウェブ開発者が複雑なコードベースを何種類も使わずとも、クロスプラットフォームなアプリの開発が簡単にできるようにするためです。これはエンドユーザーにとっても朗報です。Chromeウェブストアには、すでにいくつかの便利ツールが登場しています。 Googleハングアウト Googleにとって、「ハングアウト」はAppleの「iMessage」への対抗馬。スマホ向けのハングアウトアプリはAndroid版とiOS版が用意されており、モバイルデバイスどうしで
iOSについては環境の進化が速く、書籍の内容が古くなっていることがほとんどなのですが Android開発を始めたばかりの僕が読みたかった本が面白かったので自分も似たようなことを書いておきます。 詳解 Objective-C 2.0 Objective-Cのメモリ管理の仕組みであるリファレンスカウンタについて理解するために購入。現在発売中の第3版ではARCについても記載されているので最新のものを買うのが良いです。 Objective-Cの特徴であるカテゴリやプロトコル、KVOについても詳細に記載されているので何度も読み返すことになると思います。 Amazonへのリンク: 詳解 Objective-C 2.0 第3版 iOS開発におけるパターンによるオートマティズム マイナビでiPhoneアプリ開発の連載を持たれていたHMDTさんの書かれた本です。 UIやメモリ管理、実際のモデル設計など盛りだ
Chapter 02 3 ステップではじめるかんたん jQuery 入門 # Easing Chapter 04 確かな基礎力を養う jQuery の基本テクニック 01 さまざまなホバーエフェクトで学ぶ動きのある表現の基本 02 画像とキャプションの表現 03 丸いボタンのレイアウト 04 見え隠れするサイドバー 05 タイポグラフィの表現 # Chaper 04 完成版 Chapter 05 活用の幅を広げる jQuery の必修テクニック 01 なめらかな動きの スライドショー Basic 02 多機能なスライドショー Advanced 03 スティッキーヘッダー Basic 04 デザインが変化する スティッキーヘッダー Advanced 05 画面領域を有効活用できるタブ Basic 06 高機能で拡張しやすいタブ Advanced 07 スムーズスクロール Basic 08 拡
あなたがiPhoneやMacでアプリを購入しているなら、iTunesカードの利用を是非オススメしたい。キャンペーンによる割引価格で購入できる場合が多いので、断然お得だからです。 正規の値段でしか購入できないアプリですが、カードを割引価格で購入することで、実質安く買えるわけです。 ですが、キャンペーンがいつ・どこで行われているかは、その時々で違います。 そこで、最新のキャンペーン情報を逃さないように、メールに通知が来るように設定をしました。これならキャンペーンをいち早くチェックできて便利です。 今日はそんな、キャンペーン方法を逃さずメールに通知させる方法をご紹介します。 1.割引情報の速報をウェブサイトでチェック まず最初に、割引情報をどこで得るかが大切です。そこで私がオススメしているのが、「アイチューンカード割引販売速報」というサイト。 アイチューンズカード割引販売速報 - 今やっているi
おっと、これは便利だ。 Surflyを使えばブラウザ画面をリアルタイム共有できるようだ。 よくあるツールではあるが、Javaなどの変なプラグインが必要ない点が素晴らしい。 使い方は簡単で、無料ユーザー登録後にサイトにアクセス、共有用にもらえるURLを配布するだけである。 あくまでも自己責任で使ってもらいたいが、ちょっと試してみたところ、動作的にも問題ないようだ(さすがにログインとかしなかったが)。 ちょっとしたサイトをみんなで見たいときに便利かもですな。覚えておいて損はないかと思ったり。
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
そもそもお正月とは、食べることが大変だった時代に五穀豊穣(=穀物が豊かに実ること)を願った行事でもあります。だからこそ、毎日食べるものを扱う冷蔵庫はまず真っ先にキレイにしておきたいもの。冷蔵庫の中が汚いと、食べるものもついイイカゲンになりがちですが、きちんと掃除されていると、自炊する気持ちも自然と湧いてきて、健康や美容にもつながってくるかもしれません。 ■用意するもの ゴミ袋 使い捨てウェットシート(キッチン掃除用)(なければ雑巾) 食器用洗剤 食器用スポンジ ■食材チェックと処分 まずは、冷蔵庫の中に入っているものを「食べるもの」だけにしましょう。傷んでいるもの、賞味期限が明らかに過ぎたもの、賞味期限は過ぎてなくてもいつまでも使い切れない食材、いつ冷凍したかわからない食材などは、この際に思い切って処分。 ついでに、掃除しやすいように、取っておく食材も出してしまいましょう。掃除中はクーラー
死亡保障の保険は、残された家族のために入るもの まず、生命保険(死亡保障)の目的を考えてみましょう。死亡保障は、その人が死亡すると生活に困る家族がいる場合の経済的ダメージを軽減するための備えで、子どもが誕生すると本格的に必要になります。必要という点では同じなのですが、夫と妻では目的が少し異なります。 夫は生計を担っているのが一般的なので、妻子の生活費と子どもの教育資金を確保するのが目的となります。したがって、死亡保障が必要な期間は末の子どもが独立するまでです。末子が誕生した夫の年齢にもよりますが、必要な期間は50~60歳までと考えられます。 では、この必要な期間中に夫が死亡する確率はどれくらいなのでしょう? 平成30年簡易生命表(厚生労働省)の死亡率データを見てみましょう。死亡率とは、ある一定期間に死亡する人数の割合で、人口10万人あたりの死亡者数で表します。 下表は男性の年齢別の死亡率と
医師推奨の肩こり解消ストレッチ!1分の「こりトレ」いつでも、どこでも、誰でも、1分のストレッチで肩こりを改善できる「こりトレ」。こりトレの代表的なオリジナルストレッチを紹介します。隙間時間を活用して、痛い肩こり、辛い肩こりを、上手に改善しましょう。 あなたは、肩こりがありますか? マッサージや整体に行ってもその場しのぎ。高い枕に買い替えても、サプリメントを飲んでも一向に改善しなかった……そんな経験はありませんか? 厚生労働省が調べる国民生活基礎調査によると、日本人女性のお悩み症状の第1位はずっと肩こりです。私自身も小学生のころから肩こりに悩み、いろいろな肩こり対策を試行錯誤してきたので、その辛さはよくわかります。 私は、年間1万人以上の肩こりに悩む患者さんを治療する医学博士です。みなさん肩こりに困り果てて病院までいらっしゃるのですが、実は共通の願いがあります。それは、本当は自分で肩こりを治
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
動画をGIFアニメにしてくれる「Gifted」 Macアプリ「Gifted」は、自分が持っている動画をGIFアニメに変換してくれるアプリ。ドラッグ&ドロップの超簡単操作なので、誰でも迷いなく使えます。 使い方というほどのものは特にありません。以下のように、GIFアニメにしたい動画ファイルをアプリのドロップするだけです。 ただ、ちょっとだけクセがあるので、使用する際はそのクセに注意をしなくてはいけません。 サイズは強制600*400 このアプリで作ったGIFのサイズは、強制的に600×400にリサイズされます。つまり、ムービーによっては縦長・横長になる可能性もあるんです。 ですので、少しの歪みは我慢しながら、元の動画は極力3:2の縦横比になるように調整しておいた方がいいでしょう。 長さは20秒ぐらいが限界? 詳しく検証したわけではないので恐縮ですが、どうもGIFアニメに変換できる動画の長さに
ビジネス書みたいなタイトルにしてみました。 わたしは今年起業して、バイト君をふたり雇っています。また、経営しているコワーキングスペースには人生に悩んで就職スキルを身につけたいと勉強に来る人がたくさんいます。 彼らにはまず「とにかく発信するといいよ」と話しています。 ちょっとズレてる発信方法 そうすると彼等のTwitterで「お腹空いたー」とか@飛し合うものになっているので「あ、あ…。ちょっと違うかな…。」となっていたり。 ですので、改めてここにまとめておきます。普段はなるべく優しくフラットに書いているのですが、これ系の記事はもう何回も書いています。 今回は少し厳し目に書くことで、次からはもう「当たり前」になっていることを祈ります。 これでもうTwitter上で女の子ナンパして彼氏に怒られるバイト君がいなくなる訳ですね! ※これは自分の活動を広げたい方へのアドバイスですのでまったりとしたい方
4つの視点で考える、初心者のための一眼レフの選び方初めてデジタル一眼レフを購入する時に、どんな視点からカメラを選んだらいいのか。その購入ポイントと具体的な機種名を挙げて、一眼レフ選びの極意を伝えます。 もう迷わない! 初心者のための一眼レフ選び「4つの視点」 どんな理由であれ、デジタル一眼レフが欲しいと思ったあなたは、すでに初心者を卒業しています。従って予算ありきでカメラを選んではいけません。そんなことをすれば、手に入れたカメラに対して色々な不満が出て、別の一眼レフが魅力的に思えてきます。 一眼レフは、銀塩写真時代に完成した究極のシステムカメラです。ほとんどの写真家が一眼レフを使い、ニコンやキヤノンがプロサービスを展開することから分かるようにプロの道具でもあります。その一方で、キヤノン「EOS kiss X7i」のようにビギナー向きまで幅広いモデルが揃っていることも特徴です。メーカー的には
夜の庭からコンバンワ。たまにchromeがバグって機能拡張が初期化されます。と言うわけで、今回は備忘録を記すミィア猫(ΦωΦ)です。 前回のエントリーの後、進展はナシ。しかしid:ponako10さんから、こんなブコメをもらいました。 ツイッターのアイコンとニックネームだけ私のものにした他のアカウントからのDM”が送られてきたってあるけど、DMって相互フォロー同士じゃないと送れないんじゃなかったっけ。なりすましをフォローするかなー それでテストをしてみたのですが、やはりフォローしている相手でなければDMは受信できないようです。そもそもの話からして「本当なのか?」と疑わしいですね。あと一旦はずれたフォロワーさんが戻ってきたりもして意味深に感じます。 と、報告はさておき。以下、個人的メモです。他にも素敵な機能拡張がありましたら教えてくださーい(*ノω・*) 捗るChrome Extention
最近新しいカメラアプリを試していなかったのですが、前々から気になっていたアプリがありました。それが VSCO Cam。 Twitter で目にする写真好きな方(写真を仕事にしている方も!)に VSCO Cam が人気なのは知っていつつ、プロが好きなアプリって難しいんだろうな…と勝手に思い込んで使ったことがありませんでした。 今日、意を決して試してみると…なにこれ!いい!と大興奮。早速紹介することにしました^^ 補正機能は角度の調整がめちゃ嬉しい 写真は取り込むか、アプリで直接撮影してください。アプリの中にフォトアルバムがあります。 スパナのアイコンが補正です。コントラストや色温度の調整ができます。 特に嬉しかったのは角度調整。 iPhone で写真を撮るときはカメラをがっちり構えて撮るときに比べて、サッととってしまうことが多いんです。あとで見ると、なんか角度が気持ち悪い…みたいなことがよく
キヤノン向け 初心者おすすめレンズ 中級者への第一歩、初心者おすすめレンズを用途別にご紹介します。 単焦点レンズ 単焦点レンズはF値が明るく、単純なレンズ構成のため歪曲や収差も少なく軽いレンズです。また画質がズームレンズと比べても良く、一眼レフの初心者とはいえ、1つは持ってほしいレンズですね。 まずは初心者が次に買うレンズとしては、明るい単焦点レンズですね。 レンズそのものの画質、開放F値の明るさ、持ち運びのしやすさ・軽さ、ピント合わせの速さ・正確性、手振れ補正の性能(手振れ補正のついてないのは1)、値段に対する性能のコストパフォーマンスを管理人独自に10 段階評価しています。(あくまで個人の見解ですので、どうぞ目安程度に) 左側はレンズの仕様を表記しています。 非球面レンズや低分散ガラスは搭載しているものほど、収差や歪曲が少ない傾向にありますが、「搭載している=収差や歪曲がない」わけでは
商品概要 指でつまむようなデザインでさまざまな太さのケーブルを挟むことが可能 ケーブルを思いのままに配線可能 設置は簡単、デスクや壁に裏面のシールで貼るだけ 煩わしいケーブルの配線が楽しくなる豊富なカラーバリエーション ケーブル以外にもイヤフォンやボールペンなどアイディア次第で広がる使い方 via: 【Bluelounge Design】ケーブルドロップ[CableDrop] | トリニティ株式会社 我が家ではiPhoneやiPadを充電するためにケーブルを机やベッド際に放り出している形にしているのですが、ふとした瞬間に視線がぶつかるケーブルが隙間に落ちたり意図せぬ場所に移動していたりで結構鬱陶しい。 それを解消してくれるのがこのCableDrop。ケーブルをつまんで固定してくれるわけです。 商品はAppBank Store 新宿さんで購入。3×3で…えと…10個弱ついてました。 なるほど
こんにちは、@cutmailです. 365日Xcode触ってますか? はじめに Xcodeはそのまま使ってもいいですが、いくつかの便利なプラグインを入れてみるとより開発がしやすくなるかもしれません。 プラグインは入れ過ぎるとXcodeが重くなったりするかもしれませんので、必要なもののみインストールしたほうがよいかと思われます。 XVim Vimmerのための、XcodeでVimのキーバインドが使えるようになるプラグイン https://github.com/JugglerShu/XVim XTodo TODOや、FIXMEなどのコード内の注釈を抜き出して表示してくれるプラグイン https://github.com/trawor/XToDo XAlign コードを自動的に整列するプラグイン https://github.com/qfish/XAlign ShowInGitHub 選択した行
今日も元気にオナニーしてますか?(笑) 気付かなかった自分の中の、本当の雌が目覚める。未経験の快感に自分の中の雌が覚醒した女たち。羞恥心を捨て、快感に身を任せる見事なメスっぷりは淫らに一言。何度も何度 …
『部下を持ったら必ず読む「任せ方」の教科書』(出口治明著、角川書店)は、ライフネット生命・代表取締役会長兼CEOである著者が、独自のマネジメント論をまとめた書籍。 まず印象的なのは、著者が冒頭の「はじめに」で明かしている点です。それは"組織のトップ"でありながら部下に気を遣わせず、ときには「部下の言う通りにする」ということ。そしてその理由は、 「性別も年齢も国籍も、垣根を取り払うことが大事」「多様な人材に任せることでしか、会社は成長しない」 という確信があるからだとか。「どんな部下でも信頼して、仕事を任せる」ことこそ、リーダー(上司、マネージャー)の要諦だからだというわけです。では、どうやって任せればいいのか? 2章「デキるリーダーは常に『いい任せ方』をしている」から要点を引き出してみます。 部下の視野を広げる「仕事の振り方」 権限の感覚を持たない上司は、「任せる」(権限の委譲)と「丸投げ
スマホ通話料節約アプリ・通話料無料アプリを徹底比較楽天でんわ「通話料半額」が実は損することも!スマホ通話料節約アプリ、通話料無料アプリを徹底比較します。 家計の節約というと、折込チラシを見比べて数十円でも安い食材を探したり、卵が1パック50円値上がりするとテレビでは「家計を直撃 卵高騰」と特集されたりするのに、通信費に関しては意外と多くの方が節約していないのが現状です。特に女性の場合、「携帯、スマートフォン(以下スマホ)の料金って複雑で分からない」とおっしゃる方が多くいます。 ひとむかし前の固定電話しかない時代は通信費の平均が3000円前後で、その料金を節約しようとプッシュ回線からアナログ回線にして200円ほどの通信費を節約するという方法もありました。 しかし携帯電話がでてきてからは、家計を占める通信費の割合は大幅にアップしています。総務省の通信統計データベースによると、LTEプランを利用
部屋でくつろぐ。寝る。家事をする。 動いてみる。ストレッチ。ヨガ。ちょっと散歩。走ってみる。 出かける。カジュアルにも、シックにも。 軽いステップで、どこまでも、どんなシーンでも。 ラクで、着回しがきいて、ジーンズみたいな、ジャージみたいな、EDWINジャージーズ。 あなたのリラックス・スタイルを自由に楽しんでください。 もしも、こんなジーンズがあったら... 見た目はジーンズなのに、実はのびのびラクラク。まるで、ジャージかスウェットパンツ。 出かける時でも、部屋着でも、ラクしてカッコイイ、新感覚、新ジャンルのパンツ。 今まで「ジーンズをはいていても、家に帰ると、楽なジャージやスウェットに着替えてしまう」などの経験があるのではないでしょうか。EDWIN ジャージーズは、この手間もいらない、はきやすさとホンモノのジーンズの魅力を併せ持つパンツです。メンズ、レディース、キッズのフルラインナッ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く