tool

loomのアイキャッチ画像

これは流行る!google chrome拡張機能・無料のHD画質の動画キャプチャーツール『loom』

デスクトップやアプリケーション、ブラウザの画面を友人や知人に見せたり、共有したりする事って結構ありますよね。また、ブログとかを書いている方でも、結構頻繁に画面キャプチャをしていると思います。静止画の画像キャプチャなんかだと、私は『Nimbusスクリーンショット』というアプリを使っています。[appbox chromewebstore bpconcjcammlapcogcnnelfmae

no image

StylusでサクサクCSSコーディング【環境構築編】

以前はSassを使っていたのですが、聞いたところStylusはSassとLessのいいところどりで豊富な機能を持っているらしいので早速使用する為の環境を構築してみました。 CSSプリプロセッサは、変数や配列、条件分岐などが使えるので、記法を…

no image

独学で学んできたWEBクリエイターだったけど、初心者に役立つサイトと学習方法を教える

今日のはてぶチェックで上がっていた記事に影響受けて書いてみました。 紹介されている情報と被らないように書いてみたので、下記もチェックしてみてくださいな。 なるべく【学んでいく】というのを趣旨で書いたので、コピペだけでサイトが作れる様になる的…

no image

EmmetでCSSを記述する時、連番表示をしたい場合の方法

コーディングの速度を爆速にしてくれるemmet。 HTML側の連番出力は公式サイトでも解説があるので、簡単にできていたのですが、HTML側で連番でclass名とかを出力したら、CSS側でも連番出力したい!でも公式で調べても見つからなかったの…

emmet アイキャッチ画像

【CSS編】初心者向けEmmetの書き方

Emmetによる快適高速コーディングを習得するための記事です。EmmetでのCSSコーディングをなるべく分かりやすくまとめてみました。慣れると超高速になるので、早いところemmetの記述方法を覚えておきましょう。なお、導入編とHTML編に別れているのでそちらをチェックしていない場合は要チェック! 

emmet アイキャッチ画像

【HTML編】初心者向けEmmetの使い方

Emmetによる快適高速コーディングを習得するための記事です。EmmetでのHTMLコーディングをなるべく分かりやすくまとめてみました。自分自身が初心者なので、自分にとって分かりやすく書いたつもりです。基本の書き方emmetは簡単な記述でHTMLを展開してくれます。コードを記述し、【TAB】もしくは【ctrl+e】キーで展開されます。では展開例を書

emmet アイキャッチ画像

Emmetの導入方法

HTMLやCSSのコーディング効率を非常に高めてくれるemmet。今回はEmmetの導入方法の解説をしたいと思います。SublimeText2でEmmetはとりあえず最初に導入していたのですが、【結構難しいものなのかな?】と思い、全然使っていませんでした。使っていなかった理由としては他にもあります。・手打ちで十分早く打てる。・手打ちでコードを打っておかないとスペルを