Tag : Resource

- 61 Articles -

Sketchのデザインリソースがダウンロードできたりまとめられているサイトのまとめ

Read Article

Sketchのデザインリソースがダウンロードできたりまとめられているサイトのまとめ

Sketchのデザインリソースをダウンロードできたり、様々なところで配布・公開されているものをまとめているサイトのまとめです。中には素材に限らずちょっとしたテクニックやチュートリアルを紹介したり、便利なツールやプラグインの紹介をしているサイトもあるので、普段からSketchを多用している人はもちろん、これから使ってみようと思っている人もぜひチェックしてみてください。

  • Material
デザインするなら覚えておいて損はない、様々なデザインフリー素材を配布している「TopeconHeroes」プロデュースサイト

Read Article

デザインするなら覚えておいて損はない、様々なデザインフリー素材を配布している「TopeconHeroes」プロデュースサイト

シルエット・ピクトグラム・吹き出し・アイコン・パターン・リボンなど、デザイン制作時に役立つ様々なフリー素材を配布している「TopeconHeroes」プロデュースの各素材サイトをご紹介します。いくつかのサイトは以前にもこのブログでご紹介させてもらいましたが、他にも便利な素材サイトが沢山公開されており、いずれも規約内であれば基本的に報告等も必要なく商用利用も可能で、さらに配布形式・サイズ・カラーなど…

  • Material
npmでインストールされているパッケージを、npm-check-updatesでまとめてアップデートする方法

Read Article

npmでインストールされているパッケージを、npm-check-updatesでまとめてアップデートする方法

`package.json`に記載されているパッケージをアップデートしようと思ったとき、使用しているパッケージがひとつふたつならともかく、それらが数十個とかになってくるとそれぞれ行っていくのは面倒です。その際に便利なのが「npm-check-updates」というパッケージで、これを使用することで簡単に各パッケージの更新情報の確認や`package.json`の更新を行うことができます。

  • Services & Resource
Web制作者(フロントエンド・マークアップエンジニア向け)がブックマークしておきたい、便利なチートシートやリソースのまとめ

Read Article

Web制作者(フロントエンド・マークアップエンジニア向け)がブックマークしておきたい、便利なチートシートやリソースのまとめ

普段制作している上でうっかり忘れてしまったときにさっと確認することができる便利なチートシートや特定の情報がわかりやすくまとめられているリソースなどまとめてみました。主にフロントエンドやマークアップエンジニアの方が日頃から利用することが多いと思うHTML・CSS・JavaScriptに関するものが中心で、他には各ブラウザのバグ情報を検索したり様々なデバイスの情報がまとめられたサイトなどもあります。

  • Services & Resource
gulp:gulp-sass-globを使ってSassの@importを少しでも楽に管理する

Read Article

gulp:gulp-sass-globを使ってSassの@importを少しでも楽に管理する

Sassで`@import`を使用している場合、大量にファイルがあるとそれらすべてを記述していくのが面倒と感じるときがあります。また、新たにファイルを作成する度に`@import`を追記し、逆に不要なファイルが出てきたら該当の`@import`を削除する必要がありますが、それらも頻繁にあると地味に面倒です...。これらの手間を「gulp-sass-glob」というプラグインを利用して、少しでも楽に…

  • Services & Resource
gulp:ビルド時にcharsetやファイルエンコードをShift_JISに変換する方法

Read Article

gulp:ビルド時にcharsetやファイルエンコードをShift_JISに変換する方法

普段は基本的にファイルの文字コードはUTF-8を使用していますが、稀にShift_JISなど別の文字コードを使用する必要があります。ただ、そういった場合でもgulpは使いたいってときに使える方法のひとつで、今回はUTF-8のファイルをビルド時にShift_JISに変換するというのを備忘録兼ねて紹介します。

  • Services & Resource
対応形式も豊富で、約200種類のツールやジェネレータがまとめられている「Beautify Converter」

Read Article

対応形式も豊富で、約200種類のツールやジェネレータがまとめられている「Beautify Converter」

これは便利だと即ブックマークしたのでご紹介。「Beautify Converter」は圧縮・整形ツールやコンバーターをはじめ、様々なツールやジェネレータが用意されているサイトです。とにかく様々なツールやジェネレータが用意されており、対応している形式もよく利用されるようなものはひと通り揃っていると思います。

  • Services & Resource
gulp-load-pluginsを使ってプラグインの読み込みを簡素化する

Read Article

gulp-load-pluginsを使ってプラグインの読み込みを簡素化する

gulpはプラグインを使うことで様々なタスクを作ることができますが、その分プラグインを読み込むために沢山の`require()`を記述していく必要があります。タスクファイルを分割している場合はあまり気にならないかもしれませんが、`gulpfile.js`のみ使用していて長くなってしまうのが嫌だとか単純に何度も`require()`を記述するのが面倒だというときは、「gulp-load-plugin…

  • Services & Resource

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