吹き出しやリストマーカーに使える三角形を CSS で作る
特に目新しい方法ではないですが、デザイン内に出てくることの多い三角形のあれ （謎） を簡単に CSS で作る方法について。 しばらく CSS ネタ的なの書いていませんでしたので書いてみようと思います。 三角形のあれというのは、よくリスト型メニューにアイコン的に使われていたり、メインメニューでアクティブな項目に付けたり、Tips などを表示する際に吹き出し的な見た目を作る場合に使われたりする、下記のような部分のことです。 これを CSS のみで簡単に再現する方法を解説してみます。CSS は class の付け方でカラーやサイズなどを簡単に適用できるようにしてみましょう。また、今どきっぽく Sass 向けに mixin （ミックスイン） のサンプルも紹介しておきますので参考まで。 CSS による基本的な三角形の作り方 いまさら詳しく解説するまでもないですが、下記のように border プロパテ
「木曜提出」と言われたら、17時か、24時か、金曜朝か？ - ぼくら社Blog
今日の書き手：下出 裕典(ぼくら社取締役) このブログ記事を読みました。 同じ言語でも成り立たない会話 | 南 充浩 ブログ 同じ業界で、同じ日本語という言語で会話していてもお互いが違う意味で同じ言葉を使っている場合が結構ある。繊維・ファッション業界の情報共有化がなかなか進まないのは、同じ発音で違う意味の言語を使っている人が多いのも一因ではないか。 同じ言語なはずなのに、なぜか会話が成り立たない。 これは、本当によくある話。 たとえば制作系の人間がよくやる勝手な解釈が、 「木曜日中の提出」みたいなオーダーの受け取り方。 まっとうな社会人は、これを 「遅くとも木曜日の17時まで」と受け取ります。 しかしたいていの制作マンは、 「木曜日中ってことは木曜の24時までっすよね」 と考えるし、たちの悪い人になると 「どうせ24時とかに提出しても先方も確認できないし、 木曜中ってことは金曜の朝までに出
CSSのレイアウトの崩れを見つける時に役立つChromeの機能拡張 -Pesticide
ウェブ制作時の困ったは、CSSのレイアウトが思うようにいかない時。 そんな時に役立つ、ページ上の全ての要素のアウトラインを要素ごとに異なるカラーで表示する便利ツールを紹介します。 PesticideはChromeの機能拡張だけでなく、外部スタイルシートとしても提供されているのでローカル環境でブラウザを問わず利用できます。 Pesticide Pesticide -GitHub Pesticideのインストール Pesticideの使い方 Pesticideのインストール Pesticideは2種類、利用方法があります。 Chromeの機能拡張 ローカル環境での使用（スタイルシートファイル） Chromeの機能拡張 下記ページからPesticideをChromeにインストールします。 Pesticide -Chrome ウェブストア インストールが完了すると、上部のバーにPesticideボ
オリエンタルランドの決算発表とKGI、KPI - それ、僕が図解します。
オリエンタルランドさんが決算発表と中期経営計画を発表されていたので、見てみました。新しいアトラクションの計画なんかもチラ見せしてあって、興味深かったりするのですが、とにかく、利益率がすごいです。 決算発表 ＞ http://www.olc.co.jp/news/olcgroup/20140428_04.pdf 売上が4,000億もあるのに、さらに20％伸ばしてくるとか、すごい成長力！ 一人あたりの売上高も順調に伸びています。11,076円。確かに1回行くと1人あたりそのぐらいは使うなあ、と納得の金額。大人が増えると一人あたり売上は増えますね。 売上高が伸びた要因は、東京ディズニーリゾート30周年記念。人件費と固定費・諸経費に85億突っ込んで、営業利益を286億増やしました。単純計算でROI 330％！すごい！机上でしか見たこと無い数値w！！！ ホテル事業がまたすごい。 売上高649億に対し
最強の情報収集術！初心者向けRuby＋NokogiriでWebスクレイピング徹底解説 - サラリーマン休日副業で月10万円以上目指すページ
はじめに 情報氾濫の時代、インターネット上には数えきれないほどの情報で溢れています。効率よく情報収集を行うことができたら・・・そんなあなたにオススメしたいのはWebスクレイピング。 プログラミングを使って自動でWeb情報をクローリングし、加工した上で必要な情報を効率よく収集します。 プログラミングと聞いて顔が曇った方も多いかも知れませんが、現在はプログラミングの敷居もかなり下がっています。 Rubyは日本語製のスクリプト言語。和製ゆえにドキュメントも豊富です。今回はWindowsな方向けにRubyの導入から実際にサンプルプログラムを動かしてみる所まで詳説したいと思います。 Rubyのインストール Ruby InstallerのHPから「Ruby 2.0.0-p***」をダウンロードします。 RubyInstaller - Homepage インストーラーを実行してください。 日本語を選択。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA