Chrome デベロッパーツールの使い方: プロのように華麗に使いこなすための20のテクニック
Chromeのデベロッパーツールをプロのように使いこなすための20のテクニックを紹介します。 いやー、本当にデベロッパーツールは機能が豊富ですね。 How to use Chrome DevTools like a Pro 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 HTMLの要素をクイック編集 指定した行番号に移動 すべての子ノードを展開 デベロッパーツールの位置を変える CSSのセレクタによるDOM検索 Material Designとカスタムカラーパレット 複数のカーソル 画像をData URIとしてコピー 疑似クラスのトリガー 複数のコラムをドラッグで選択 「$0」で現在の要素を手に入れる 要素の表示 「Event Listeners」の表示 イージングのプレビュー Media Queriesの検証 ネットワークをフィルム
【朗報】俺氏、gitを学び始める - ドグサレ初心者のへっぽこビッグウェーブ
複数端末でプロジェクトを管理（コード書く人は同じだけど）する必要が生じたので、gitとgithubを学ぶ必要が生じる。 とりあえず学ぶのは大変なので必要最低限のことを教えてもらいます。 思い出しながら書いてるから抜け漏れあったりなかったり。 gitの導入、ローカルでのプロジェクト管理 rails入れてるんだったら、その中にgitはすでに入っているぽい。 とりあえずは、ローカルでgit管理をする方法を学ぶ。 導入〜initial commit git init $ git init Initialized empty Git repository (pass...)これでプロジェクトにリポジトリが作成されました。ワオ。 git status $ git statusstatusを使うと、ファイルがどんな状況か分かる。まだリポジトリは空なので、「Untracked files:」と全てのディレ
初心者にも分かる！robots.txtの作り方
robots.txtとは？robots.txtとは、GoogleやYahoo!などといった、自サイトの情報を取得(クロール)するプログラム(クローラー)を制御するためのテキストファイルです。例えば、特定のファイルや、ディレクトリをクロール禁止に指定することで、それらの関連ページや画像などを検索エンジンにインデックスさせないようにする、などといったことができます。 何を覚えればいい？robots.txtの設置方法は簡単です。よほど特殊な事情がない限り、「ここにアクセスしないでね」という記述方法だけを覚えておけば十分です。細かく書いたからといって、SEO上、有利、不利になるようなことはないので安心して下さい。強いて言うなら、細かく書き過ぎて間違った制御をした場合に不利になります。
長くずっと使える、デザインの基本をまとめました。 - PhotoshopVIP
覚えておくことで、いつまでも長く利用することができるデザインの基礎テクニックを、これまで当サイトで紹介したエントリー中から、各ポイントごとにまとめました。効果的な配色カラーパレットの選び方や、読み手の興味を惹くフォントの組み合わせ方、デザインコンセプトをうまく伝える秘訣やポイントなど、実践的に活用できるテクニックを中心に揃えています。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Color Palette for Material Design
