Category : Services & Resource

- 66 Articles -

アドベントカレンダーのRSSフィードを確認する方法

Read Article

アドベントカレンダーのRSSフィードを確認する方法

毎年12月にWebで開催されるAdvent CalendarのRSSフィードを確認する方法の備忘録です。毎日更新されているかチェックしにいくのも楽しいですが、気になるカレンダーが多数あるとそれらすべてを毎日行なうのだけでもなかなかの時間がかかってしまうので、少しでも効率良く気になるカレンダーの更新状況を知りたいときに。

  • Services & Resource
PostCSSのプラグイン探しに使えるサイト

Read Article

PostCSSのプラグイン探しに使えるサイト

PostCSSのプラグインを探せるサイトの備忘録です。普段からPostCSSを多用しているならある程度使うプラグインは決まっていたりしますし、そんなに頻繁に探すわけでもないですが、ざっくりとした動きは同じでも細かい部分で違いがあったり、中には「これどんな場面で使うの?」って感じの面白いプラグインもあったりするので、いろいろ試したいときや新しいプラグインを見つけたいときに。

  • Services & Resource
CSSアニメーションを簡単に実装できるライブラリ 10+

Read Article

CSSアニメーションを簡単に実装できるライブラリ 10+

ここ数年でちょっとしたアニメーションはJSではなくCSSで実装するということが増えたと思いますが、それを手軽に実装したいときに便利なCSSアニメーションライブラリをまとめてみました。いずれも必要なCSSを読み込んで要素に特定のclassを付与するだけと使い方も簡単で、デモもしっかり用意されているものばかりなので動きの確認も容易です。また、簡単な操作でCSSアニメーションを実装するのに必要なコードを…

  • Services & Resource
有名アイコンフォントを手軽に表示させることができる「icongram」

Read Article

有名アイコンフォントを手軽に表示させることができる「icongram」

便利そうだったので備忘録兼ねて紹介します。「icongram」はEntypo・ Feather・Font Awesomeといった種類も多く有名なアイコンフォントを手軽に表示させることができるもので、よくある特定のURLでダミーイメージを表示させるような感覚でアイコンを表示させることができます。

  • Services & Resource
シンプルなフロントエンドビルドツール「Pingy CLI」

Read Article

シンプルなフロントエンドビルドツール「Pingy CLI」

気になって試してみたので備忘録兼ねてご紹介。「Pingy CLI」はgulpやGruntに比べて面倒な設定や記述もなく簡単に扱えるシンプルなフロントエンドビルドツールで、少しコマンドを入力して幾つか項目を選択していくだけで使いたいフォーマットを用いた環境をすぐに用意してくれます。

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

Read Article

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

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

  • Services & Resource
使い方次第でポートフォリオにも!インスピレーションをもらえたり、コミュニケーションスペースとして利用できるwebデベロッパー・webデザイナー向けサイト

Read Article

使い方次第でポートフォリオにも!インスピレーションをもらえたり、コミュニケーションスペースとして利用できるwebデベロッパー・webデザイナー向けサイト

世界中のデザイナーが作成したものを見てインスピレーションをもらえたり、世界中のデベロッパー達と問題の解決方法やよりスマートな実装方法を見つけ出すといったような、デベロッパー・デザイナー向けコミュニティサイトなどを集めてみました。いずれも有名なサイトばかりなので普段からこういうサイトを見ている・利用しているという人も多いと思いますが、初めて見るというものがあればぜひ利用してみてください。

  • Services & Resource
サイト制作のスタイル設定を効率的に行うことができるリセットCSSとノーマライズCSSのまとめ

Read Article

サイト制作のスタイル設定を効率的に行うことができるリセットCSSとノーマライズCSSのまとめ

ブラウザ毎に設定されているデフォルトスタイルの差異をなくし、サイト制作のスタイル設定を効率的に行うことができるリセットCSSやノーマライズCSSを紹介します。すべてを完全にリセットしてしまうものもあれば、リセットは一部にして有用なスタイルは保持するものもあったりと様々なタイプがあるので、自分の癖やプロジェクトガイドラインに合わせて選ぶこともできると思います。

  • 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

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