サイト構築
ハンバーガーメニューの実装もこれなら簡単！パネルを左右上下からスライドさせる超軽量スクリプト -Pushbar.js
Post on:2018年7月23日
Webページやスマホアプリで、ドロワーのパネルを左・右・上・下からスライドさせるだけの超軽量3kBのスクリプトを紹介します。 実装もカスタマイズも超簡単で、デスクトップ・タブレット・スマホを完全にサポートしています。また […]
制作者はなんと15歳のイケメン！今風の美しいCSSグラデーションがコピペで簡単に利用できる -Gradient Hunt
Post on:2018年7月23日
Webサイトやスマホアプリで人気が高い、色相を変化させた美しいグラデーションがCSSのコード・デザイン素材で利用できるオープンソースの無料サイトを紹介します。 制作者（@fmaldonadoy）は15歳のデザイナー兼We […]
写真画像が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クリックで切り替えることができ、設定をバックアップすること […]
sponsors
