Tag : Resource

- 61 Articles -

Web制作に関する様々なリソース・ツールをまとめているサイトのまとめ

Read Article

Web制作に関する様々なリソース・ツールをまとめているサイトのまとめ

役立つリファレンスやスニペットサイト、様々なコードを容易に出力してくれるジェネレータ、デザイン制作に使えるテクスチャ・アイコン・フォントといった各種デザイン素材の配布サイト、SEOやマーケティングに関する便利ツールなど、インターネット上にはサイト制作時や運用時の手助けをしてくれるサイトが沢山あります。今回はそういった便利なリソース・ツールサイトをまとめているサイトを集めてみました。

  • Services & Resource
多数のHTMLテンプレートやWordPressテーマを集めた「Best of Themes」

Read Article

多数のHTMLテンプレートやWordPressテーマを集めた「Best of Themes」

自分はこういったテンプレートを利用する機会が少ないのですが、普段から多様している人には便利そうなサイトだったのでご紹介。「Best of Themes」は、様々なところで配布されているHTMLテンプレートやWordPressテーマなどをまとめているサイトで、他にもEメールやDrupalで使えるテンプレートやテーマなどもあります。

  • Services & Resource
Flexboxベースのレイアウトを実装できるCSSフレームワークまとめ

Read Article

Flexboxベースのレイアウトを実装できるCSSフレームワークまとめ

レイアウト(特にグリッドレイアウト)を作っていく上で、Flexboxを利用して且つ手軽に実装したいというときに便利なCSSフレームワークをいくつかご紹介します。Bootstrapのようにレイアウトに限らず様々なコンポーネントまで用意されているものもあれば、Flexboxを使ったグリッドレイアウトの実装のみに特化したシンプルなものまでいろいろありますが、全体的に適用したい箇所にクラスを付与するだけと…

  • Tips
各項目を選択・入力するだけでgulpで使用するソースを出力してくれるジェネレータ「gulp generator」

Read Article

各項目を選択・入力するだけでgulpで使用するソースを出力してくれるジェネレータ「gulp generator」

ちょっと便利そうだったので備忘録兼ねてご紹介。「gulp generator」はgulpで使用する`gulpfile.js`と`package.json`に記述するソースを出力してくれるジェネレータで、用意されている各項目を選択したりファイルの読み込み・出力箇所を入力していくだけで簡単に必要なソースを出力してくれます。

  • Services & Resource
個人・商用問わず利用可能なフリーイラスト素材配布サイト「VEGL」

Read Article

個人・商用問わず利用可能なフリーイラスト素材配布サイト「VEGL」

たまたま見かけて、好きな人は好きそうな感じのテイストだったのでご紹介。「VEGL」は個性的なキャラクターイラストを配布しているサイトで、このエントリー公開時点で全11のキャラクター達が様々なポーズをしたり特定のシーンでの様子を表した素材を配布しています。利用範囲と禁則事項を守れば個人・商用問わず利用可能になっており、クレジット表記・利用報告等も不要となっています。

  • Material
gulp:とりあえず覚えておきたい、よく利用する基本タスクの記述サンプル

Read Article

gulp:とりあえず覚えておきたい、よく利用する基本タスクの記述サンプル

主にこれからgulpを使い始めよう(使い始めた)という人向けに、とりあえず覚えておきたいよく利用するタスクの基本的な記述例やプラグイン・モジュールを使った使用例をいくつかまとめてみました。実際に使用する時はここで紹介しているような簡易的なものでなく、もっと複雑なタスクだったり様々なプラグイン・モジュールを組み合わせたりすることがほとんどですが、ファイルの移動や削除をはじめ、リネーム・結合・圧縮・監…

  • Services & Resource
gulp:タスクをファイル分割する方法

Read Article

gulp:タスクをファイル分割する方法

gulpは実行したいタスクを`gulpfile.js`に記述していくというのをよく見かけると思いますが、タスクが増えれば増えるほど`gulpfile.js`内の記述は増えていきます。もちろん特に気にならないという人もいるとは思いますが、できれば各タスクがどのような処理を行っているのか把握しやすくしたり管理しやすくしたいという場合は、以下で紹介する方法で各タスクをファイル分割することができます。

  • Services & Resource
フォント検索・ワイヤーフレーム化・グリッド表示など、Web制作時に便利なブックマークレット 15

Read Article

フォント検索・ワイヤーフレーム化・グリッド表示など、Web制作時に便利なブックマークレット 15

閲覧ページにグリッドを表示させたりレスポンシブ確認を容易にするものをはじめ、使用されているフォント確認、ページをワイヤーフレーム化するもの、ページの表示速度やHTMLチェックを行ってくれるものなど、サイト制作時や気になるサイトのことをちょっと調べたい時などに便利なブックマークレットを紹介します。中には拡張機能やデベロッパーツール使えば十分というものもありますが、拡張機能を入れすぎて重くなるのを防ぎ…

  • Services & Resource
EditorConfigでプロジェクト・チーム間のエディタ設定を統一させる

Read Article

EditorConfigでプロジェクト・チーム間のエディタ設定を統一させる

ひとりで行っているものであれば自分の中でルールが決まっているし使用するエディタがそのような設定になっていることがほとんどだと思うので特に必要ないと思いますが、逆に複数人で行うプロジェクトだったり自分とは全く異なるルールでコーディングしなければいけないとなると、毎回そのプロジェクト毎に設定を変更したり、他のメンバーにどのようなルールなのか説明するのが面倒です。そんなときに便利なのが「EditorCo…

  • Services & Resource
Vanilla JavaScriptのプラグインをまとめた「Vanilla List」

Read Article

Vanilla JavaScriptのプラグインをまとめた「Vanilla List」

覚えておきたいと思ったので備忘録兼ねて。「Vanilla List」はその名の通り、Vanilla JavaScriptで作成されたプラグインが多数まとめられているサイトです。現時点で105種類あるのでよく使いそうな動きのものはひと通り揃っている印象で、タグ付けや検索機能なども用意されているので目的のプラグインも探しやすいと思います。

  • Tips

Close the search window,
please press close button or esc key.