タグ

ブックマーク / ics.media (3)

  • CSSで円グラフや集中線が描けるconic-gradient入門 - ICS MEDIA

    CSSのグラデーションconic-gradient()関数は、conic(円錐)の名のとおり、円錐状にグラデーションを描画するものです。conic-gradient()関数を使用すると、円錐状のグラデーションはもちろん、集中線や市松模様といった表現が手軽に実装できます。 ▼ conic-gradient()関数で実装したグラデーション例 ▼ conic-gradient()関数で実装した演出例 サンプルを別ウインドウで開く 記事ではconic-gradient()関数の基的な使い方を解説しつつ、応用的な表現やクロスブラウザ対応の方法を紹介します。 conic-gradient()関数の基礎 linear-gradient()関数・radial-gradient()関数との比較 CSSでグラデーションを実現する手段は次の3種類があります。 linear-gradient()関数: 直線状

    CSSで円グラフや集中線が描けるconic-gradient入門 - ICS MEDIA
    kefi3104
    kefi3104 2018/09/11
    Chromeの最新機能が楽しいぞ! CSSで円グラフや集中線が描けるconic-gradient入門
  • 必ず使うタスクランナーGulpとGruntの基本コード9選 - ICS MEDIA

    みなさんはタスクランナーを使用していますか? タスクランナーとは開発作業を自動化するためのツールで、2013年頃からWebのフロントエンド開発のトレンドとなっています。開発の現場では主にオープンソースのGulp(ガルプ)とGrunt(グラント)がよく使われています。 記事ではGulpとGruntの両方の導入方法とウェブ制作でよく使用するプラグインの使い方を紹介します。GulpとGruntのいずれかはすでにインストールしているとして紹介します(記事末尾で付録としてインストール方法を解説しています)。 ※GruntとGulpの違いを知りたい方は記事「絶対つまずかないGulp入門」を参考ください。 この記事は2018年12月にリリースされたGulp 4に対応しています ファイルの複製 作業用のフォルダーからリリース用のフォルダーへファイルをコピーしたい時などに複製するタスクを登録しておくと便利

    必ず使うタスクランナーGulpとGruntの基本コード9選 - ICS MEDIA
    kefi3104
    kefi3104 2015/11/24
    最低限抑えておきたいタスクランナーの書き方まとめ (GruntとGulpの両方のコードを掲載)
  • SourceTreeの使い方 | コミットの再編集・変更方法 - ICS MEDIA

    Gitでの開発で、こんな体験はありませんか? 3つ前のコミットのメッセージにミスがあった。修正したい・・・ このコミットの順番入れ替えたいなぁ このコミット、ホントは要らなかったから削除したいなぁ …… 実はそれGitでできるんです!今回はGitクライアントソフトのSource Treeソース・ツリーでコミットログを修正する便利な機能「rebase interactiveリベース・インタラクティブ」を解説します。 コミットの再編集ができる機能とは? Gitではコミットを再編集する機能を「git rebase interactive」といいます。たとえば、コミットの入れ替えや編集、統合、削除ができます。正確に説明すると、コミットそのものを編集するのではなく、新しくコミットのコピーを作成して1つずつコミットを組み立てる機能になります。 Source Treeでコミットログを編集しよう Sour

    SourceTreeの使い方 | コミットの再編集・変更方法 - ICS MEDIA
  • 1