サイト構築 -実装
写真画像がPhotoshopなどで加工されているかすぐ分かる！デジタル画像を法医学分析できる無料ツール -Ghiro
Post on:2018年7月20日
デジタルの画像を分析し、そこに含まれているさまざまな情報を法医学分析できるツールを紹介します。「この写真、Photoshopで加工しているのかな？」というのもどこらへんを加工しているのかが一発で分かります。 オンライン版 […]
[CSS]見出しや本文のfont-sizeとline-heightの単位にremを使用して、レスポンシブ対応にするスタイルシート
Post on:2018年7月20日
見出しのhn要素、本文のp要素のfont-sizeとline-heightをデスクトップとスマホに適したサイズに自動的に算出するためのSCSSファイルを紹介します。 サイズ指定の単位には「rem」を使用しており、ルート要 […]
このCSSアニメーションのアイデアすごい！CSSの疑似クラスで実装するフローティングラベル
Post on:2018年7月19日
プレースホルダーのテキストがフォーム入力時にラベルに移動するアニメーションは、いろいろな実装方法があります。最近ではCSSの疑似クラスを使った実装がでてきましたが、SVGを加えると更に楽しいアニメーションにできます。 こ […]
最近のHTMLメールで見かけるさまざまなレイアウトやコンポーネントが揃ったデザイン素材 -Email Design System
Post on:2018年7月19日
デスクトップ・スマホ対応のHTMLメールをデザインするのに役立つレイアウト、コンポーネント、シンボル、テンプレートが揃ったSketchのデザイン素材を紹介します。 HTMLメールのさまざまなデザインが収録されており、制作 […]
これはかっこいい！要素がふわりと浮かんでいるような美しいシャドウを与えるスタイルシート -Box-shadows.css
Post on:2018年7月17日
Webページやスマホアプリのコンテンツ、カードやナビゲーションや画像などのコンテナに美しいシャドウを簡単に与えることができるスタイルシートを紹介します。 htmlの要素にclassを加えるだけの簡単仕様。ホバーなどの操作 […]
Web制作の参考になるデザインや技術のアイデアがいっぱい！クリエイターの素晴らしいポートフォリオのまとめ
Post on:2018年7月13日
最近のポートフォリオは、デザイン的にも技術的にもどんどん進化しています。JavaScriptのアプリ、WordPress、スタティックなど、さまざまなプラットフォームでデザイン・構築されたポートフォリオサイトを紹介します […]
最新版のチートシート！Vue.jsのよく使用するイベントや構文がまとめられたフロントエンド制作者用チートシート
Post on:2018年7月13日
Vue.jsのよく使用するイベントや構文、メソッド、プロパティがまとめられたチートシートを紹介します。チートシートは先日リリースされたばかりで、Vue.jsのハンドブックも無料でダウンロードできます。 Vue.js Ch […]
hostsファイルを1クリックで切り替え・管理ができるWin, macOS, Linux対応の便利な無料アプリ -SwitchHosts!
Post on:2018年7月12日
hostsファイルを書き換えたり、さらに同時に複数の管理をする必要があったり、そんな時に便利なWin, macOS, Linux対応の無料アプリを紹介します。 1クリックで切り替えることができ、設定をバックアップすること […]
デザインは気づきが大切！デザインを見る目をどのように養えばよいのか
Post on:2018年7月11日
UIのデザイナーをはじめ、デザイナーではない人でも、どのようにデザインのセンスを磨き、デザインを見る目をどのように養えばよいのかを紹介します。 How to develop an eye for Design
[CSS]marginの相殺を正しく理解しておこう！相殺はいつ起こるのか、相殺を回避するテクニック
Post on:2018年7月11日
marginの相殺について、まずはクイズ。 Aのdiv要素には「margin-bottom: 10px;」を、Bのdiv要素には「margin-top: 30px;」を指定した場合、それらを垂直に配置するとマージンはいく […]
sponsors
