css, tool

stylus

以前はSassを使っていたのですが、聞いたところStylusはSassとLessのいいところどりで豊富な機能を持っているらしいので早速使用する為の環境を構築してみました。

CSSプリプロセッサは、変数や配列、条件分岐などが ...

2015年8月25日tool, ライフハック, 雑学

Twitter

twitterで大人気の漫画家【ナカシマ723】さんが描いた【パクツイBOTスレイヤー】の実録・開発までの道のりの漫画が非常に面白いのでご紹介します。

google crhome用拡張機能として公開配布されたこの無断転載ス ...

2016年6月18日tool, WEB制作

PCの画像

今日のはてぶチェックで上がっていた記事に影響受けて書いてみました。
紹介されている情報と被らないように書いてみたので、下記もチェックしてみてくださいな。

なるべく【学んでいく】というのを趣旨で書いたので、コピペだけ ...

2016年7月3日tool, 雑学

Google chromeTOPページ

今日、はてぶをチェックしていたら気になる記事が人気エントリーに上がっていた。

最近google chromeの起動が遅いなぁ~と感じていたので、早速自分が使用しているchromeのバージョンをチェックしてみた。(起動が遅い ...

tool, WEB制作, wordpress

wordpressの利用者が増えている中、大きな問題がひとつある。

数多くの優良な無料テーマが配布されていて、プログラミングやコードが全く分からない人でも、機能性・デザインに優れたブログを構築できるのがwordpressの ...

tool, WEB制作

emmetロゴ画像

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

tool

twitterで毎日つぶやいている人もそうでない人も、どれくらい自分のつぶやきが他の人に見られているか気になる事はありませんか?

2014年8月27日にtwitterがサービスを開始した公式のtwitterツール【twit ...

tool, ブログ運営

PCの画面を撮りたい時、私が普段使用しているツールの紹介です。
これ本当におすすめなので、スクリーンショットを撮るツールを探しているなら、もうこれで十分だと思います。

私の場合だと、ブログで記事を書く時の説明画像と ...

2016年11月6日tool, WEB制作

emmetのロゴ

Emmetによる快適高速コーディングを習得するための記事です。
EmmetでのCSSコーディングをなるべく分かりやすくまとめてみました。

慣れると超高速になるので、早いところemmetの記述方法を覚えておきましょう ...

tool, WEB制作

google chromeデペロッパーツールでBlocked a frame with originが出た時のエラー画像

サイト制作者向けのgoogle chrome developer tools
簡単にデバッグとかが出来るから、結構使っているんですが、ある日Blocked a frame with originというエラーが出ました。

tool

ブログの関連記事表示やSNSの共有ボタン表示、SNSでの共有コメントの表示等が出来るブログパーツのzenbackですが、ブログのアクセスアップの効果が一番大きいかと思い、こちらのブログでも導入してみました。

Zenback ...

2016年11月6日tool, WEB制作

emmetのロゴ

Emmetによる快適高速コーディングを習得するための記事です。
EmmetでのHTMLコーディングをなるべく分かりやすくまとめてみました。

自分自身が初心者なので、自分にとって分かりやすく書いたつもりです。 ...

2016年11月6日tool, WEB制作

emmetのロゴ

HTMLやCSSのコーディング効率を非常に高めてくれるemmet。
今回はEmmetの導入方法の解説をしたいと思います。

SublimeText2でEmmetはとりあえず最初に導入していたのですが、【結構難しいもの ...

PAGE TOP