今さら聞けない？！Webディレクターの為のSass講座 : LINE Corporation ディレクターブログ
こんにちは。ウェブサービス本部の hamashun です。 今回は CSS を便利にする Sass （さっす）という技術を、ディレクター向けにご紹介します。 最初に結論：Sassとは？ CSS の、コーディング効率やソースコードの保守性を向上させる技術が、Sass です。 まずは普通のCSSについて Sass のことを知るには、まずは CSS のことを知っておく必要があります。CSSを自分で書ける or 読める人は、この項は飛ばしてしまってかまいません。 p { color: red; } このソースコードは、ごくシンプルな CSS です。このソースコードの各部分を解説すると、次のようになります。 従って、上記のソースコードを日本語にすると、「p要素（pタグ）内の、文字色を、赤にする」となります。 こうして見てみると、CSS の構文は、とてもシンプルであることが分かります。 CSS は、こ
仕事でのチャットはチャットワークが界王拳並みにはかどる件 - カイ士伝
タイトルは飛ばし気味に思われるかもしれませんがこれはかなり本気で、最近Skypeでやっているビジネスのやりとりはほんとチャットワークに全部移行して欲しいなという願望を込めてのエントリー。 ブログのエントリー時間はできるだけ短くの方針により、冒頭から結論を申し上げますとビジネス利用におけるSkypeの課題は以下の3点。仕事でSkype使っていてこういう苦労した人も多いのではないでしょうか？ 相手がオンラインでないと送れない グループチャットで話題が流れてしまう（相手を指定して話できない） スマートフォンで電池を食いすぎる（モバイル利用に向かない） 実はこの課題はSkypeがP2P型であることのデメリットでもあって、 サーバーを介さないシステムだけに相手がオンラインでないとメッセージが送れないので、一方的にメッセージしておくことができないし、オフラインの相手にはどうやっても情報が届かない。 ス
Webマンガにおける視点移動とコマ割について | ゲームばっかりやってきました
私たちはこの3パターンの読み方に非常に慣れている為、例えば「左とじで、左から右に展開する」アメコミであったりは読む際にストレスを感じてしまうことがある。 またWeb上のテキスト読む場合は殆どの場面において Web上で見る場合（黄色い線はブラウザ1画面の区切り） Web横書き という構造になっており、ずらーっと縦長の状態で読んでいくことになり視線移動におけるストレスは、一般的な「左とじ、横書き」の「本」よりも少ないとも言える。 一方でWeb上で縦書きのテキストを読む場合 Web縦書き このように、ページ移動時にかなり無理な視線移動を要求されるストレスフルな構造だということがよくわかる。 2ちゃんねるやブログが「インターネット」という場所で受け入れられたのは、この「横書きで下に向かって読んでいく」という表示が、文章を読むのにストレスのかからない形であったのも大きいのかもしれない。 さて、ここか
UIの可能性を感じさせる、「Think Different」なiPhoneアプリのインターフェイスのまとめ
Clear Clearはボタンのない、ジェスチャーベースのインターフェイスで私たちに衝撃を与えました。ユーザビリティとアクセシビリティに若干問題があるにもかかわらず、その操作性とミニマルなインターフェイスはジャスチャーだけでユーザーに素晴らしい経験を与えます。
input要素の前と後にアイコンを添えたオシャレなフォームを実装するチュートリアル
Coloured 前後+カラーリングのパターン 実装 HTML HTMLはシンプルで、アイコンやカラーリングはclassで判別します。 <!-- 1st prefix with email icon and default color (grey) --> <input placeholder="Type here..." class="ppfix pre email" type="text"> <!-- 2nd postfix with google plus icon and default color (grey) --> <input placeholder="Type here..." class="ppfix post gplus" type="text"> <!-- 3rd prefix with home icon and blue color --> <input pla
日本のApple StoreでiOS Developer Programを購入しActivateするまでの全スクリーンショット
完全に新規の状態でのアカウント作成からiOS Developer Programを購入し利用可能にするまでの、できる限り撮り残したスクリーンショット集です。 日本のストアで購入すると一度サポートに連絡せねばならなくなると思います。そのトラブルを解決して購入・アクティベイトに至るまでを書いてあります。 追記：2014.5.20 法人登録についてですが、2014年版の「法人として iOS Developer Program に登録し、AdHoc用のプロビジョニングプロファイルを作成するまでの全スクリーンショット [2014]」を公開しました！個人での登録でも参考になると思います。 追記：2017.11 秘密鍵＋CSR作成〜証明書作成〜.p12作成〜プロビジョニングプロファイル作成までの流れについて、2017年版を作成したのでこちらにもリンクを置いておきます。 2014年5月2日に大重さんの本「
:before, :after擬似要素 の使い方を基本からマスターするためのチュートリアル | コリス
擬似要素はCSS1から存在するもので、ここで解説する「:before, :after擬似要素」はCSS2.1でリリースされたものです。 CSS1では「:first-letter, :first-line」です。 擬似クラス、擬似要素 擬似要素の記述は一つのコロンを使用し、「:before, :after」となります。 コロンを使用するものは他に、「:hover」などの擬似クラス、CSS3ではコロンを二つにした「::before, ::after」などがあります。 サポートブラウザブラウザ 「:before, :after擬似要素」をサポートするブラウザは下記の通りです。 IE8+ Firefox3.5+ Chrome Safari4+ Opera6+ IE8+とすべてのモダンブラウザと言ってよいでしょう。 非サポートブラウザへの対応 IE7にも「:before, :after擬似要素」を利
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
