EGBAが「後で読む」で取り溜めた情報を一言添えながら解放してきます。Pt.001

ストック情報解放
記事内に広告が含まれています。

後で読もうとして、X(Twitter)や、そしてスマホのブラウザや、各種サービスの「後で読む」にみなさん記事や情報が溜まっていませんか?

私もすごく溜まっています。

得た情報をX(Twitter)で発信している人たちもいますが、私は一旦このブログで発散していこうかなと思います。

なお、このブログを始める前から日々情報をストックし続けているため情報の新旧は順不同です。

また、あまりにも量が多いため、合間を見て小出し小出しで解放していきたいと思います。

目指せ、ストック全解放。

取り溜めた情報を解放

古い記事だが、パララックスは今だに多用されていますし、文字、写真の重なりのテクニック、アウトラインタイポグラフィ、巨大なキャッチコピーは今だに使われているデザイン手法かと思います。

Webサイトをクリエイティブに!魅せる最新テクニック、トレンド14個まとめ
この記事は、クリエイティブで魅力的なWebページを表現できるテクニック14個を、具体的なサンプル例と一緒に詳しく見ていきます。

プログレッシブウェブアプリ」という言葉は今も使われていて、当時より便利になっているかと思う。ネイティブアプリと同じようなことがWEBアプリでもできるという概念。コスト削減の選択肢として知っておくと良さそう。

WebサイトをPWA(プログレッシブウェブアプリ)にする手順とその必要性
ここ数年、PWA(プログレッシブウェブアプリ)が非常に注目されています。通常のWebページとスマホアプリそれぞれの利点を兼ね備えており、導入したサイトではコンバージョンやユーザーエクスペリエンスの改善

手書きテイストのサイトを作成することはたまにあるが、サクッと実装コストを考えた際に使えそうなライブラリ。手書きのグラフを実装できるのは良い。

https://upde.jp/555313

スムーススクロールのライブラリ。スクロールの余韻としてもちょうど良い印象。こういう感じ!というDEMOを伝えるのにちょうど良さそうな印象。

ページ内の画像をスムーススクロールするデモ:phpspot開発日誌
PHP/HTML5/CSS3/JavaScript/CSS等の最新技術情報をお届け

管理画面を作る際や、簡単なゲームコンテンツを作る際など非常に便利そうなライブラリだと思います。

ページ上のあらゆる要素をドラッグ・リサイズ・スケール・回転・ワープ・グループ化・スナップ操作を可能にする万能JavaScriptライブラリ -Moveable
ページ上のあらゆる要素をドラッグ・リサイズ・スケール・回転・ワープ・グループ化・スナップ操作できるようにするJavaScriptライブラリを紹介します。 単体で利用でき、React, Preact,

今でも、フォームをデザインする際に参考にできそうなTips。ただ、サイトのトンマナや構成によるのと古い情報なので、ユーザビリティテストを行うことは大切だと思う。

フォームのボタン配置はどこが最適か、左揃え・横並び・上下など、フォームのタイプごとに詳しく解説
フォームのボタン配置は、多くの場合無視されるか、見映えに基づいて優先順位がつけられます。しかし、ボタン配置は非常に重要で、フォームを使いづらくする要因の一つであるため、正しく配置することが不可欠です。

Adobeがどうしても使えない!というときに代わりとなるアプリ一覧。パソコンが壊れた、しかしどうにかしなきゃ・・・という場合の選択肢として頭の片隅に入れておくと良いです。

【乗り換え】Adobeソフトに代わるベストな代替ツールはこれ【早見表つき】
普段から利用するツールだからこそ、自分にとって最適なデザインツールを知りたい方向けのリストとなっています。

おお、懐かしい。実際にこれで話し合ったことがありますね。基本<figure>使いましょう、それ以外はレイアウト調整に準ずるで良いのではと思います。もっと分かりやすい記事を見つけたのでそれも一緒に貼ります。

「img要素をpで囲う」仕様を読むのがめんどくさい人向け解説 - m31
「img要素をpで囲う」説はどこから生まれて育ったのか?正しいHTMLの仕様と、独自解釈を切り分けて考え解説します。「画像=figure要素に入れる」といった誤解も解いていきましょう。HTML4時代からHTML5時代への変化に伴い、ブロック...
imgタグを囲うためのタグ|Yamato Nagata
<img>タグを囲むための最適なタグは、その文脈によって異なります。以下は、一般的なケースにおける最適なタグの例です。 画像とキャプションをグループ化する場合:<figure>タグは、画像やイラスト、写真などのメディアコンテンツにキャプショ...
img タグ( 画像 )を p タグ などで囲む理由とタグの使い分け

だいぶ古い記事だけど、「メディアクエリ使う必要ないものは使わない」というのが合理的ですっきりしています。確かにメディアクエリ使えば自由自在にいろいろできるんですが、デザインする際にも頭に入れておき、果たして複雑に設計する必要があるのかどうかは気をつけたいポイントだと思います。

CSSのメディアクエリには頼らず、コンテンツベースで実装するレイアウトの最近の方法 -Relearn CSS layout
CSSのレイアウトは最近ではFlexboxが主流となり、それまでの考え方や実装方法とは大きく異なります。@mediaのブレイクポイントやハックを使用せず、CSSの性能を活かした、コンテキストに依存しな

英語のライティングをする際に参考にある記事。「-(ハイフン)」の便利さ、有用さがすごいですね。感情表現を行いたいときに多用してしまいそうです。

英語圏で「—」「–」「-」はどう使い分けられているのか?
英文におけるエムダッシュ「—」と、エンダッシュ「–」と、ハイフン「-」の用法について、辞典の出版社であるMerriam-Websterがまとめました。
この記事を書いた人
egba

ベンチャー、大手と多数渡り歩いてきたデザイナー。
デザイナー歴としては15年。1児のパパ。
これまで培ってきた知見ストック、日々のアウトプットの場、
誰かの役に立てるそういった場所が欲しい・・・!
ということでスピードを優先しCocoonでまずはブログ開設。
合間をみてブログをカスタマイズ予定。

egbaをフォローする
ストック情報解放情報収集
タイトルとURLをコピーしました