タグ

2017年11月7日のブックマーク (3件)

  • 【デザイナー向け】gulpでかんたん画像圧縮 - Qiita

    普段コーディングをしたりjsを書いたりする人以外でもタスクランナー使って作業を効率化しようぜ!っていうTipsです。 デザイナーで一番その便利さが実感できるのは、画像圧縮かな〜と思うので、以前業務の中で作ったgulpのタスクを備忘録がてらご紹介します。 環境をととのえる 今回の画像圧縮にはgulpを使っているので、node.jsとgulpをインストールする必要があります。 gulpの導入の仕方はいろいろなところでそれはもう詳しく書かれてあるので、(ICSメディアさんの導入記事とか読めば間違いない) ・ 5分で導入! タスクランナーGulpWeb制作を効率化しよう ざっくりとした手順だけ書いておきます。 1.node.jsをインストール ダウンロード | Node.js 2.gulpをグローバルインストール コマンドラインを開いて以下を叩いてダウンロード

    【デザイナー向け】gulpでかんたん画像圧縮 - Qiita
  • 2017年後半に感動したビジネスモデルまとめ10個|チャーリー

    チャーリーです。 ビジネスモデルを図解するシリーズを息抜きにはじめました。ひとまず10個まで書いたので、noteにまとめておきます。 100の事例を図解した「ビジネスモデル2.0図鑑」というを発売しています(記事の事例ふくむ)。予約開始と同時にnoteで全文無料公開という試みをやっています。記事に興味を持ったらそちらもどうぞ! ビジネスモデル図解シリーズを始めるきっかけになったサービス、Lemonade。 AMPの記事にわかりやすく詳細が書かれてるので引用。 ソーシャルインシュランスにおいて重要になるのが、どのようにしてグループを組めば、グループ内での保険の請求額が、そのグループにプールされている金額を超えないかだ。 Lemonadeでは、サービスに加入する際に、自身が関心のある社会課題を選ぶ。社会課題の中には支援や病児支援などが存在する。その社会課題に基づいてグループ分けが行われ、

    2017年後半に感動したビジネスモデルまとめ10個|チャーリー
  • jQuery の animate の縦方向の出現や隠す動作

    jQuery の animate の縦方向の出現や隠す動作は、height に、show、hide、toggle などを指定することで可能。 指定方法 animate( properties, [duration], [easing], [complete] ) メソッド、もしくは、animate( properties, options ) メソッドの1つ目の引数である properties 内の height: *** に指定する。 toggle toggle を指定。 赤いブロック部分を、クリックすると、グレーのブロック部分が、上方向へ動きながら消える。もう一度、赤いブロック部分を、クリックすると、グレーのブロック部分が、下方向へ動きながら出現。速度( duration )は、slow を指定してある。