Web制作に役立つ情報一覧 Web制作、Webデザインに関する役立つ情報を紹介します。 Web制作に役立つ情報の紹介はこちら 1341 - 1350 ( 5205 件中 ) [ ←前ページ / <= 131 132 133 134 135 136 137 138 139 140 => / 次ページ→ ] ポーズを自由に変えられる! Photoshopのパペットワープの便利な使い方2018/04/02(Mon) 10:06パペットワープとは、アートワークの一部分を自由自在に変形することができる機能です。動かしたくない部分をピンで留めて「ちょっと動かしたいな」というところだけを調整できる、まさにかゆいところに手が届くツールなのです!https://liginc.co.jp/382589 日本語にも対応!自分で書いた文字からフォントを簡単に作成できる無料オンラインツール -Calligraphr2018/03/30(Fri) 09:50Windowsからでも、macOSからでも、手書きのオリジナルのフォントが簡単に作成できる無料オンラインツールを紹介します。フォントはTrueTypeもOpenTypeも作成できます。https://coliss.com/articles/build-websites/operation/work/create-my-own-fonts-calligraphr.html 上下中央揃えのCSSまとめ。Flexboxがたった3行で最も手軽2018/03/29(Thu) 09:48CSSでblock要素を上下中央揃え(天地左右の中央に配置)する方法はいくつかありますが、CSSのFlexboxを使う方法が現在では一番短いコード量で済みます。中央揃えしたい要素の親に対してたった3行記述するだけです。最新ブラウザはもちろん、Internet Explorer 11(以下、IE 11)でもベンダープレフィックスなしで動作します。https://ics.media/entry/17522 王道になりつつあるシングルカラムレイアウト。ハンバーガーボタンも標準化?2018/03/29(Thu) 09:48モバイルファースト時代ではモバイルからPCサイトへ変形するのが標準形に。それに伴ってハンバーガーボタンも標準化?(第3回)https://webtan.impress.co.jp/e/2018/03/28/28481 試してみたらすごかった!PNG画像を最適化し、ファイルサイズを大幅に減らす無料アプリ -Crunch2018/03/29(Thu) 09:47無駄な損失が多いPNG画像を最適化し、画像品質の穏やかな部分を利用して、ファイルサイズを大幅に軽量化するmacOS対応の無料アプリを紹介します。https://coliss.com/articles/build-websites/operation/work/png-images-optimization-crunch.html Chrome デベロッパーツールの隠し機能が便利!CSSのセレクタ・プロパティ・値を1クリックで見つける方法2018/03/28(Wed) 09:58Chrome デベロッパーツールは便利ですけど、こんな便利な機能もあったのですね。要素に適用されているCSSのセレクタ・プロパティ・値が、どのCSSファイルのどこに記述されているのか1クリックで見つけ出すことができる便利なテクニックを紹介します。https://coliss.com/articles/build-websites/operation/css/detect-css-property-in-css-files.html CSS:ボタンホバー時に背景がスライドしたり領域を覆うアニメーションサンプル 102018/03/27(Tue) 10:01自分用に一覧化したものがほしくて作ったのでシェアします。ボタンのホバーエフェクトとして見かける機会も多くなった、ホバーしたら背景がスライドしたり領域を覆うアニメーションのサンプルです。https://www.nxworld.net/tips/10-css-hover-fill-animation.html 全部、商用利用無料!桜のイラスト、桜の花びらのイラストが描かれたフリー素材のまとめ2018/03/27(Tue) 10:00春といえば桜、桜といえばイラストのフリー素材、ということで、桜のイラストや桜の花びらのイラストが描かれたフリー素材を紹介します。https://coliss.com/articles/freebies/illustration-cherry-blossoms-and-petals.html [CSS]こんなやり方があるとは!ボタンのシャドウに2色の美しいグラデーションを与えるテクニック2018/03/27(Tue) 10:00ボタンや矩形などの要素にシャドウを付ける時は「box-shadow」が便利ですが、1色または重ねても全体が均一のカラーでしかシャドウを適用することができません。https://coliss.com/articles/build-websites/operation/css/gradient-shadow-in-pure-css.html やってみたかった表現をマスター!すごいPhotoshopチュートリアル、作り方49個まとめ 2018年3月度2018/03/26(Mon) 09:56デザインの現場で使われているPhotoshopは、あらゆる表現を可能にする魔法のようなツール。Photoshop CCが登場したことで、新機能も随時アップデートされています。しかし、あまりにも多い豊富な機能のおかげで、これからPhotoshopを始めようと初心者のひとにはなかなか手が出しにくいのも事実です。http://photoshopvip.net/107886 1341 - 1350 ( 5205 件中 ) [ ←前ページ / <= 131 132 133 134 135 136 137 138 139 140 => / 次ページ→ ] - Yomi-Search Ver4.21 -