サイト構築
[CSS]こんなやり方があるとは！ボタンのシャドウに2色の美しいグラデーションを与えるテクニック
Post on:2018年3月27日
ボタンや矩形などの要素にシャドウを付ける時は「box-shadow」が便利ですが、1色または重ねても全体が均一のカラーでしかシャドウを適用することができません。 2色の美しいCSSグラデーションでシャドウを適用するPur […]
CSSのcalc()関数の使い方のまとめ -レイアウト・要素の配置・フォントサイズの定義など
Post on:2018年3月23日
calc()関数を使用すると、レスポンシブ対応ページのレイアウトや要素の配置、ビューポート幅に基づいた相対的なフォントサイズの定義などが期待通りに実装できます。 Webページやスマホアプリの実装に役立つcalc()関数の […]
SketchファイルをWindowsで開いて、編集・保存できる無料アプリが登場 -Lunacy
Post on:2018年3月22日
Windowsユーザーの方に朗報です！ Windows 7, 8, 10で、Sketchのファイルを開くことができ、編集も保存もでき、CSSの書き出し、SVGやPNGのエクスポートもできてしまう無料アプリが登場しました。 […]
人工知能がますます便利に！ロゴやイラストやレイアウトの配色を自動で行う便利な無料ツール -AI Color Wheel
Post on:2018年3月20日
去年あたりから、デザイン制作にもAIがさまざまな形で導入されています。 身近なところでは、Adobe Sensei（人工知能）によるPhotoshopの選択範囲作成が1クリックでできるようになったり、他にもフォントの組み […]
CSSの作業効率がアップする、少し高度な使い方のまとめ
Post on:2018年3月19日
Webページやスマホアプリをはじめ、レスポンシブ対応ページなどで役立つ、CSSのあまり知られていない仕様や少し高度な使い方を紹介します。 Lesser known CSS quirks & advanced tips
フォント名を画像から調べる、日本語・英語のフォントを検索・自動判定できる無料サービスのまとめ
Post on:2018年3月18日
Webページ、本や雑誌、ポスターや看板などで見たフォントを使いたいけど、そのフォントが何か分からない時ってありますよね。そんな時にはフォントを画像から、フォントの特徴からそのフォントが何か検索できる無料サービスを紹介しま […]
新しくアップデートされたAdobe XDでは、Sketchのファイルを開くことができ、レイヤーやシンボルも使えるぞ！
Post on:2018年3月15日
2018年3月のアップデートで、Adobe XDは大幅に機能が強化されました。 その内の一つがPhotoshopとの連携強化。XDで.psdファイルを開くだけで、アートボード、レイヤー、アセットが編集可能な状態で利用でき […]
[JS]一昔前と比べて、かなり簡単に！ページの機能を紹介するツアーを実装できる超軽量スクリプト -Driver
Post on:2018年3月14日
ページ上の任意の要素を目立つようにハイライトさせたり、ページの機能を紹介するツアーを実装できるスクリプトを紹介します。 一昔前までのは実装が少し面倒だったり、jQueryなど他のスクリプトに依存していましたが、ここで紹介 […]
UIデザインは奥が深い！最近のスマホアプリで見かけるアニメーションの素晴らしいアイデアを解説
Post on:2018年3月13日
普段何気なく使用しているUIのアニメーションもその仕組みや効果を理解すると、なるほどと考えされられます。 スマホアプリのUIに使用するアニメーションをGoodな良いものから、Greatな素晴らしいものに変えるUIアニメー […]
px, %, em, rem, vw, vhなど、CSSの異なる単位が互いにどのように変換されているかが分かる便利ツール
Post on:2018年3月7日
絶対単位のpxをはじめ、%, em, remなどの相対単位、vw, vhなどのビューポートの幅と高さに基づいた単位などが、お互いにどのように変換されているかが分かる便利ツールを紹介します。 CSS unit conver […]
sponsors
