並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 40 件 / 213件

新着順 人気順

galleryの検索結果1 - 40 件 / 213件

galleryに関するエントリは213件あります。 デザインdesignweb などが関連タグです。 人気エントリには 『コグニカル』などがあります。
  • コグニカル

    コグニカルは、足りない知識を掘り下げて理解する学習サイトです。

    • 中日新聞:自動車工場のガロア体 QRコードはどう動くか

      その誕生を地元新聞も経済新聞も記事にしなかった。2年後、『コードの情報を白黒の点の組み合わせに置き換える』と最下段のベタ記事で初めて紹介された時、その形を思い浮かべることができる読者はいなかった。いま、説明の必要すらない。QRコードはなぜ開発され、どう動くのだろうか。 QRコードは、自動車生産ラインの切実な要請と非自動車部門の技術者の「世界標準の発明をしたい」という野心の微妙な混交の下、1990年代前半の日本電装(現デンソー)で開発された。 トヨタグループの生産現場では、部品名と数量の記された物理的なカンバンが発注書、納品書として行き来することで在庫を管理する。そのデータ入力を自動化するバーコード(NDコード)を開発したのがデンソーだ。 バブル全盛の1990年ごろ、空前の生産台数、多様な車種・オプションに応えるため、部品も納入業者も急激に増え、NDコードが限界を迎えていた。63桁の数字しか

      • クリエイティブコーディングの教科書

        ゲームエンジンや3Dソフトウェアを利用して高度な表現ができるこの時代でも、プリミティブな描画や動き、アルゴリズムから学べることは多い。それらをJavaScriptで書くクリエイティブコーディングという形で学べる手引書が本書となる。

          クリエイティブコーディングの教科書
        • この国に生きるすべてのあなたへ | 立憲民主党

          「政治に、私たちは見えていますか。」 コロナ禍で、ある学生から投げかけられました。 あなたの暮らしの不安や不満は、自己責任ではない。 政治の責任です。 私たちはこの秋、政治を変える決意です。 どうか、この国をあきらめないでほしい。 政治はあなたを見捨てない。 さまざまな立場のあなたに向けて 109のメッセージ送ります。

            この国に生きるすべてのあなたへ | 立憲民主党
          • 20230614_「ChatGPTについて調べてくれ」と社長から特命を受けた人のためのChatGPT概論(40min版)

            https://forest.f2ff.jp/introduction/7866?project_id=20230601

              20230614_「ChatGPTについて調べてくれ」と社長から特命を受けた人のためのChatGPT概論(40min版)
            • テクニカルライティングの基本 2023年版

              テクニカルライティングの基本を学べます。業務マニュアル、報告書、仕様書、技術解説書などのドキュメントを書く機会がある方向け。サイボウズの2023年度 新入社員向け研修の資料です。 本資料をもとにした書籍も発売中です:https://amzn.asia/d/2hQNEk2 Twitter:http…

                テクニカルライティングの基本 2023年版
              • 游ゴシックの話題の解説

                「フォントの関係性はそんなのだったの!?」リアルに9割の人が気づいていない「游ゴシック」の話 https://togetter.com/li/1662198 のブクマ https://b.hatena.ne.jp/entry/s/togetter.com/li/1662198 わかりづらいとかキョトーンな人が散見されたので、蛇足とは思うけど解説をこころみる。 正直なところ説明として元ツイがいちばんシンプルだと私は思うので、この解説は元ツイが言ってることを別の言い回しで回りくどく言い換えるだけになる。つまり逆にわかりにくいかもしれない。 なお私は発端のツイートのひとではない。善意のいちハテナーである。 さらに言えば私は組版の専門家でもない。仕事で多少フォントを扱う機会がある程度の素人+毛である。 太字には2種類あるまず、コンピューターの画面に映し出される「太字」には2種類ある。 ひとつは、最

                  游ゴシックの話題の解説
                • EXPERIENCE JAPAN PICTOGRAMS

                  Animated Pictograms日本に古くから根付く、独特の文化や習慣、 マナーをもっと楽しく、わかりやすく、身近に。 参拝お辞儀餅つきタクシーを拾う入浴手水茶道手締め電車相撲の決まり手阿波おどりComing Soon

                    EXPERIENCE JAPAN PICTOGRAMS
                  • 本当は教えたくないWebデザイン参考ギャラリーサイト37選

                    ウェブサイト制作には、常に新しいアイデアやインスピレーションが必要ですが、決まらずに悩んでしまうことも。 そんな状況を打開するには、たくさんの優れたデザインの実例を見ることで、次のアイデアを生み出してみましょう。 ここでは、最新ウェブデザインをいち早くチェックできるオススメWebギャラリーサイトを厳選してご紹介。 インスピレーションとしてはもちろん、クライアントの打ち合わせやイメージの共有にも活用できます。 積極的にインプットを増やし、デザインの引き出しを増やしてみましょう。 このリストは2年ぶりにまとめ直したアップグレード版となります。 コンテンツ目次 【2024追加分】最新Webギャラリーサイト landing.love Design Spells Godly BentoGrids 404s Footer Navbar Gallery 国内Webギャラリーサイト SANKOU! URA

                      本当は教えたくないWebデザイン参考ギャラリーサイト37選
                    • 撮影時に知っておけばバランスが良くなる構図の12つのパターンが思わず使いたくなる。「それっぽく見えるレイアウト」や「視線を誘導させるレイアウト」も

                      デザナビ👀デザインを図解で解説 @wkwdesigner フォローするとデザインのヒントやキッカケが見つかる💡 初心者向けデザインテクニック・Tips/デザインのポイントを図解付きで解説💡 ツイートだけではわかりづらい部分はブログで詳しく解説✏️ https://t.co/X9FzimhN9e

                        撮影時に知っておけばバランスが良くなる構図の12つのパターンが思わず使いたくなる。「それっぽく見えるレイアウト」や「視線を誘導させるレイアウト」も
                      • ついに、Webアプリでの帳票印刷のベストプラクティスを編み出しました

                        この記事で紹介した手順をライブラリ化して公開しました🎉 こちらの別記事 で使い方など詳しくご紹介していますので、ぜひご参照ください! 2024/05/07 追記 最新の登壇スライドバージョンはこちらです。 登壇時の様子がYouTubeに上がっているのでよろしければあわせてご覧ください。 はじめに 言い切りタイトルすみません 僕を含む一定数の人にとって現時点でのベストプラクティスとなりうる手法という意味で紹介しています 極めてシビアな帳票出力の世界にいる人から見ると使い物にならない内容かもしれないと思います 帳票印刷の世界では SVF というサービスが有名らしいです。が、こういった外部サービスは使わずに自力で実装するというのがこの記事の前提です 動的に明細行の数が増減する連票はこの記事の解説では考慮していませんが、追加で実装するのはそれほど難しくないということは読んでいただければ分かるかな

                          ついに、Webアプリでの帳票印刷のベストプラクティスを編み出しました
                        • 「ほんとに教えてくれていいの?」あの有名映画はどこから照明が当たってたか真上から図解してくれるアカウントが有益すぎる

                          ムスメ@ミッヤビ妲己 @garys_daughter 見てみたら概ね合ってるし、こうだろうなという予測の部分も参考になる。 洋書を扱う書店のデザイン、芸術棚を探すと、こういう解説だけ仕様機材も含めて図解した海外フォトグラファー専門書がたくさんある\( 'ω')/ 日本の写真館セオリーとアプローチが全く異なるライティングが多くて勉強になるのっ twitter.com/cm12151054/sta…

                            「ほんとに教えてくれていいの?」あの有名映画はどこから照明が当たってたか真上から図解してくれるアカウントが有益すぎる
                          • ちょうどいいWebデザインギャラリー

                            カラー ネイビー (10) カラフル (273) スカイブルー (235) ホワイト (1246) ベージュ (440) グレー (443) ブルー (364) パープル (59) ピンク (128) レッド (219) オレンジ (131) イエロー (229) グリーン (322) ブラウン (153) ブラック (547) ゴールド (54) 業種 スポーツ (29) 旅行・ホテル・観光 (158) 美容 (118) エンタメ・趣味・娯楽 (181) 製品・工業・素材 (141) 金融・保険・会計・法律 (49) ファッション・アクセサリー (78) 就職・人材サービス (34) インフラ (26) 不動産・建築・空間・施設 (157) アート (41) 車・バイク他 (18) 事業・組織 (73) 暮らし商品・サービス (154) 飲食・食品・飲料 (496) 行政・NPO・団体・

                              ちょうどいいWebデザインギャラリー
                            • 同人誌のロゴデザインを作る手順が超使える!「目から鱗」「めちゃくちゃ参考になる」フォントで遊ぶのも楽しいです

                              秋丸 @akimaru2138 そのうち同人誌の表紙作る時に自分が考えてること〜とかクリスタでも(それなりに)できる簡素なロゴの作り方みたいなのまとめてツイートしたいんだけどあぁいうのっていかんせん"強い"人がやってるからおれ程度がツイートするのヒヨっちゃうんだよな 2021-12-03 23:29:38

                                同人誌のロゴデザインを作る手順が超使える!「目から鱗」「めちゃくちゃ参考になる」フォントで遊ぶのも楽しいです
                              • 提案書の書き方、徹底解説~提案書のストーリー・コピー・デザインの基本法則【スライド付】 | knowledge / baigie

                                PowerPoint歴23年、デザイナー歴20年、経営者として10年以上に渡って自社のマーケティングやセールスに深く関わり、提案書を作ったコンペでの勝率91%を誇る私の知見を余すことなく注ぎ込んだ、『最強の提案書を作る方法~伝わるストーリー・コピー・デザインの法則』というスライドを公開しました。 便宜上「提案書」としていますが、企画書、営業資料、ホワイトペーパー、社内文書など、人を動かすために作られるすべてのビジネス文書に応用できるはずです。 提案書のストーリー、コピー、デザインに関する、実践的かつ具体的なノウハウを詰め込んでいます。デザインについては、プロのデザイナーではなく一般のビジネスパーソンを対象とし、仕事の中で本当に必要な知識だけをまとめています。 約170ページある本スライドは、私が企業向けにこれまで20回以上行ってきた有料講座の配布資料を元に、公開用に仕上げたものです。スライ

                                • ドット絵ダウンロードサイト DOTOWN|無料の素材サイト

                                  ChargeSPOTマン 空を飛ぶChargeSPOTマン ChargeSPOTスタンド ChargeSPOTを持っている交通誘導員 京セラドーム 京都タワー マエデーズ1 マエデーズ2 マエデーズ3 マエデーズ4 マエデーズ5 マエデーズ6 マエデーズ7 マエデーズ8 マエデーズ9 マエデーズ10 マエデーズ11 マエデーズ12 マエデーズ13 マエデーズ14 マエデーズ15 太宰府天満宮 どんたく 山笠 12345

                                    ドット絵ダウンロードサイト DOTOWN|無料の素材サイト
                                  • スラデザ

                                    高品質なスライドのデザインのギャラリーサイト。現役デザイナーが完成度の高いスライドだけをピックアップしているので、営業資料、採用ピッチ資料、プレゼン資料のデザインの参考にご利用ください 。

                                      スラデザ
                                    • おいでよ 広告の沼 | 昭和の雑誌広告を中心に

                                      昭和の雑誌広告を中心に

                                        おいでよ 広告の沼 | 昭和の雑誌広告を中心に
                                      • NDLイメージバンク | 国立国会図書館

                                        インターネットもテレビもない時代、書物は多くの人々にイメージを届ける媒体でした。 NDLイメージバンクでは、浮世絵、図書、雑誌などの様々なメディアに載ったイメージをお届けします。 新着

                                          NDLイメージバンク | 国立国会図書館
                                        • 簡単CSSアニメーション&デザイン20選(ソースコードと解説付き) | knowledge / baigie

                                          CSSは使いようによっては様々な表現が可能な奥深い言語です。しかし、アニメーションなど凝った動きをするものに関してはコードは見れても実装方法を詳しく解説している記事は多くないように思えます。 この記事では、私(さかっちょ)がTwitterで過去にツイートしたCSSの技術をCodePenで改めて実装し、Twitterでは解説しきれなかった実装方法をより詳しく説明しています。CSS初学者の方にもわかりやすいように解説していますので、ぜひ参考にしてみてください。 その1. 一文字ずつ登場するテキストアニメーション See the Pen [CSS Tips] Text Show-up Motion by Takuro Sakai (@sakaccho) on CodePen. 一文字ずつtransformで移動させています。文字が途切れることなく流れるようにtransition-delayを調整

                                            簡単CSSアニメーション&デザイン20選(ソースコードと解説付き) | knowledge / baigie
                                          • 漫画原作アニメは漫画の内容が読めずコマをなんとなく繋いでしまうとマズい話。アニメ版チェンソーマンについて

                                            インクエッジ @02Curry 視線。言い争いの最中パワーはデンジをいちども見ない。対し、デンジはパワーから目を逸らさない。パワーはひたすらマキマが怖く、デンジは虚言のパワーにたまげて驚愕の視線を向け続けてる。双方の必死になる相手が違うんよね。 pic.twitter.com/9VHp33YFTn 2022-10-27 15:48:17 インクエッジ @02Curry デンジが一瞬マキマを見るのはいいとしても、パワーの視線が言動準拠でフラフラしてて原作にあったキレがない。まずこのパワー、マキマに超ビビり続けてないもんな。掴んだ腕を引っ張られたらタイムラグなしでそっちを見る=平気でマキマから目を切れる。目を見開くのは声を掛けられたときの一瞬だけ pic.twitter.com/dtAgfTrwnZ 2022-10-27 15:53:57

                                              漫画原作アニメは漫画の内容が読めずコマをなんとなく繋いでしまうとマズい話。アニメ版チェンソーマンについて
                                            • おしゃれな街に印刷物はない~街の印刷を専門家と見て歩く~

                                              なにかの専門の人と街を歩くと、多くの知識と独自の視点で街の風景がいっきに変わる。そんなシリーズをやっていて今回は印刷、それも布の印刷を手掛ける人と武蔵小杉を歩く。 ところが武蔵小杉でも高層マンションで再開発されているおしゃれな地域には印刷物がないという。街のあり方が変わりつつあるのだろうか…?? のぼりを作っている会社の人と街を歩く 今回一緒に街を歩いてくれる堀江賢司さんは布の印刷をする堀江織物株式会社の方でデイリーもよく読んでるらしい。南青山でデジタルプリントに特化したモノ作りスペースHappyPrintersというのをやっていて、その縁で知り合った。 今日は堀江さんのよく知る東急東横線他の武蔵小杉駅周辺をぶらっと歩いて印刷物、とりわけ布の印刷物について教えてもらおうと思う。 堀江賢司さん(右)と編集部の林さん(左)。堀江さんは布の印刷が仕事な人 林「さあ、街の印刷物を見ていきたいんです

                                                おしゃれな街に印刷物はない~街の印刷を専門家と見て歩く~
                                              • GA4がよくわからん。となってしまう5つの理由。

                                                GA4、導入しないといけないと思っていても、さっぱりわからんからやる気がしなくてどうしよう?ってなる時がありますよね。私も数か月前まではそんな感じでした。正直なところギリギリまで逃げ回りたかったんですが、そうもいかなくなったので勉強することに。 ではなんで「わからん」となってしまうのでしょうか?そこがわかれば対応もできるので「わからん」理由と解消法をまとめてみました。 「Google アナリティクス」と名乗っているところ ここがわからなくしている一番の原因です。Google アナリティクスと名乗っているので、今までのGoogle アナリティクスの延長線上にあるものだと思ってしまうんですが、全くの別物で生まれも育ちも違っています。 今までのGoogle アナリティクス UrchinはGoogleアナリティクスの元となった製品。グーグルに買収されGoogleアナリティクスがリリースされた後も、

                                                  GA4がよくわからん。となってしまう5つの理由。
                                                • ローソンPBデザインがあんな風になったのは、デザインした佐藤オオキさんの自宅を見て納得

                                                  リンク Webマガジン「AXIS」 nendo、ローソンのプライベートブランド商品の ロゴデザインとパッケージデザインを担当 | Webマガジン「AXIS」 | デザインのWebメディア 佐藤オオキが率いるデザインオフィス nendoは、ローソンのプライベートブランド商品のロゴデザインとパッケージデザインを手がけた。これと合わせて、ローソンの新型コロナウイルス対策のキャンペーンビジュアルも公開した。多くの国内コンビニチェーンには… 6 users 256 リンク Wikipedia 佐藤オオキ 佐藤 オオキ(さとう おおき、1977年12月24日 - )は、日本のデザイナー、建築家である。デザインオフィス 「nendo」(ネンド)代表。 父親の仕事の関係により、カナダのトロントで生まれる。東京学芸大学附属大泉中学校、早稲田大学高等学院を経て、2000年早稲田大学理工学部建築学科を首席卒業。

                                                    ローソンPBデザインがあんな風になったのは、デザインした佐藤オオキさんの自宅を見て納得
                                                  • 業務系システムは『イケてるフラットデザイン』だと使いにくい?現場が本当に必要だった物との比較

                                                    でゅら @rahandu アプリケーション全般でそうなんだけど、モニターの解像度がでかくなるにつれて、デザインは余白を作りたがるのなんなんだろう 広くなった意味がないし古いデバイスで作業しづらいし良いことないと思う twitter.com/ichirowo/statu… Lacnor @Lacnor_JP ボタンを、形はそのままで、グラデーションと枠を無くして、コントラスト強めな単色で構成してくれれば、使い勝手そのままでナウくなると思いましたまる twitter.com/ichirowo/statu…

                                                      業務系システムは『イケてるフラットデザイン』だと使いにくい?現場が本当に必要だった物との比較
                                                    • あなたのWeb制作をサポートしてくれるWebツール13選 | BUILD Journal

                                                      あなたのWeb制作をサポートしてくれるWebツール13選Update2023.05.24Release2023.04.28Tools HatenaにシェアするTwitterにツイートするPocketにストックするFeedlyに登録する Web制作をサポートしてくれるツールを10個紹介します。mix-blend-modeやgridレイアウト、transformなどのコードの他にもフォントチェックや背景画像を作成できるツール、VSCodeのテーマ作成ツールもあります。あなたのWeb制作を快適に進めるためにチェックしてみてください。 Fuze – CSS Gradient AnimatorFuzeグラデーションアニメーションのCSSジェネレーター。色を複数指定するだけでCSSアニメーション用のコードを作成してくれます。背景色やテキストカラーなどに使えます。 ちなみに、テキストカラーは当サイトのト

                                                        あなたのWeb制作をサポートしてくれるWebツール13選 | BUILD Journal
                                                      • 「私たちは慣れに支配され、使いにくさに気づいていない」 UI研究者・増井俊之氏が語る“使いやすさ”の本質

                                                        機能とUIの進化はなぜ比例しない? UI研究者に聞く、使いやすさの本質とUIのこれから 「私たちは慣れに支配され、使いにくさに気づいていない」 UI研究者・増井俊之氏が語る“使いやすさ”の本質 誰もが気軽に電子機器を持つようになった今、私たちの生活はデジタルの恩恵で確実に便利になっています。しかし、UIは“よりよさ”を求めた結果、期待した評価とは正反対の声が集まること少なくありません。 そこで今回は、慶應義塾大学環境情報学部の教授で、予測型テキスト入力システム「POBox」やiPhoneのフリック日本語入力システムの開発者であるUI研究者の増井俊之氏に、UIの本質についてお話をうかがいました。まずは増井氏がUIに関わることになったきっかけと、使いやすさの本質について。 UI研究に関わるようになった流れ ーー学生時代には電子工作やソフトウェアに興味をお持ちで、現在のUIにつながる研究は社会人

                                                          「私たちは慣れに支配され、使いにくさに気づいていない」 UI研究者・増井俊之氏が語る“使いやすさ”の本質
                                                        • iOS とAndroid の違い クロスプラットフォームのアプリデザインで特に気をつけるべき点|marin

                                                          私が一番最初にAndroid アプリをデザインしたのが2016年の初夏頃で、その頃はまだiOS・Android とデザインが違うのが主流でしたが、2021年現在のアプリはiOS もAndroid もプラットフォームごとの細かな違いはあれどほぼ同じデザインが主流となっています。 これは2016年の10月にAndroid APIがBottomNavigationView に対応してからじわじわ浸透していった変化だと考えているのですが、その辺の歴史の話は省略します。プラットフォームは違えどスマートフォンアプリである以上デザインは同じ方が楽なので、共通化されていったのは自然な流れだと思います。実際両者が全然違うUI・デザインだと大変ですしね……。 とはいえ、プラットフォームが違うので全て同じというわけにもいきません。iOS にはHuman Interface Guidelines、Android

                                                            iOS とAndroid の違い クロスプラットフォームのアプリデザインで特に気をつけるべき点|marin
                                                          • Best photos on 5ebec.dev

                                                            Leaked OnlyFans photos and video of 5ebec.dev

                                                              Best photos on 5ebec.dev
                                                            • いつも不完全燃焼だった42歳。追いつめられて頑張りに優先順位をつけたら、本気で生きられた | サイボウズ式

                                                              おしゃれにお金と時間をかけるのをやめる。(自分に自信がないからおしゃれに頼ろうとする。清潔であればいい) 革靴を履くのをやめる。(スニーカーを履くことで行動的になれる) コンタクトレンズをやめる。(そんなもん、つけている時間がもったいない) お酒を飲むのをやめる。(健康診断で注意を受けたのが良い機会だった) ビジネス書を読むのをやめる。(他人の理想像を聞いても仕方がないから。小説や随筆を読むのはやめない) ワクワクしない仕事はできるだけしない。(年を取ったので、断ること自体はそんなに難しくない) 苦手な仕事はしない。(得意なことをもっと得意になるための努力をする) 絶対に自分ひとりで仕事を抱えない。(仕事はすべてチームでやる。そうじゃないと自分が困るから) 付き合いたくない人とは付き合わない。(逆に言えば、仲良くしたい人をもっと大切にするということだ) ちやほやされたがるのをやめる。(もう

                                                                いつも不完全燃焼だった42歳。追いつめられて頑張りに優先順位をつけたら、本気で生きられた | サイボウズ式
                                                              • 【開発効率爆上がり】すべてのエンジニアが必ず見るべき16のウェブサイト - Qiita

                                                                この記事はNuco Advent Calendar 2024の12日目の記事です。 はじめに エンジニアとして、開発を効率化しながらクオリティの高い成果物を生み出すには、優れたツールやリソースを活用することが欠かせません。 苦労して自分で作ったものの、実は便利なツールが既にあって、車輪の再発明をしてしまっていた、、ということも日常茶飯事です。 しかし、インターネット上には無数の選択肢があり、「どのサイトを使えばいいのか迷ってしまう」という声もよく聞かれます。 本記事では、そんなエンジニアの方々のために、日常的な開発やデザイン業務で役立つ便利なサイトを16個厳選しました。 UIデザインの参考になるサイトから、日々の業務を効率化するツールまで、多岐にわたるリソースをご紹介します。これらを活用することで、業務のスピードアップだけでなく、新たなインスピレーションを得るきっかけになれば幸いです。 1

                                                                • 「明朝体」だった学校からの手紙が全て「丸ゴシック」に→理由を聞いたら、教頭先生に明朝体を読みづらいお子さんがいることが分かった - Togetter

                                                                  チョコ黒は大学院生🔰 @bottiboch 2号が小学生のとき、学校からのお手紙が全て丸ゴシックに変わったの。当時はUDデジタル教科書体がまだなくて、明朝体ばかりだったのよ。なんで変わったのか聞いたら、教頭先生が変えられたと。教頭先生のお子さんが明朝体や教科書体が読みづらいお子さんだったらしくて、読みやすいお手紙を心がけて… 2022-03-04 13:01:57 チョコ黒は大学院生🔰 @bottiboch いらっしゃるらしいと…保護者からの評判はとても良かったのよ。 今はPTAからのお手紙以外はUDデジタル教科書体になってる。 加齢による変化で、字を読むのが辛いお年頃にも、読むのが苦手な保護者にも優しい学校からのお手紙って大切よね。 2022-03-04 13:06:58

                                                                    「明朝体」だった学校からの手紙が全て「丸ゴシック」に→理由を聞いたら、教頭先生に明朝体を読みづらいお子さんがいることが分かった - Togetter
                                                                  • よく使用されるWebページのレイアウトやUI要素91種類をシンプルなCSSで実装するコードのまとめ -CSS Layout

                                                                    最近のWebサイトで見かける、ページのレイアウトをはじめ、ナビゲーション、フォームのさまざまな入力要素、インタラクション要素、UI要素などのCSSでの実装コードをまとめたCSS Layoutを紹介します。 すべてシンプルなコードで実装されており、外部ファイルやフレームワークは一切必要ないので、簡単に利用できます。 ブックマークや、スニペットに登録しておくと便利ですね。 CSS Layout CSS Layout -GitHub CSS Layoutの特徴 CSS Layoutの使い方 CSS LayoutのレイアウトやUI要素91種類 CSS Layoutの特徴 CSS Layoutは、CSSで作成された一般的なレイアウトとパターンのコレクションです。 依存は一切なし フレームワークも必要なし CSSハックもなし すべて実際の使用例 MITライセンスで、商用プロジェクトでも無料で利用できま

                                                                      よく使用されるWebページのレイアウトやUI要素91種類をシンプルなCSSで実装するコードのまとめ -CSS Layout
                                                                    • 名画ぜんぶあります!徳島の大塚国際美術館で息をのむ

                                                                      行く先々で「うちの会社にはいないタイプだよね」と言われるが、本人はそんなこともないと思っている。愛知県出身。むかない安藤。(動画インタビュー) 前の記事:夢は世界へ!尺八から難しいことを全部とっぱらいました > 個人サイト むかない安藤 Twitter 大塚国際美術館とは 大塚国際美術館は徳島県鳴門市にある大塚製薬が運営する美術館である。紅白歌合戦で米津玄師がここから中継をしたのを見た人も多いのではないか。実は僕もその時にこの美術館を知った。 大塚国際美術館は主に世界の名画の陶板複製画をしている。いま(なんだ複製か)と思った人は現地に行って実際に展示物を見て打ちのめされてほしい。僕が実際そうだったからだ。 今日はそのすごさをほんのちょっとだけ紹介したい。 入口からしてこんなだ。 美術館は山をくりぬいて作られており、展示フロアは地下3階、地上2階におよぶ。国立新美術館ができるまで国内最大だっ

                                                                        名画ぜんぶあります!徳島の大塚国際美術館で息をのむ
                                                                      • 私がWEBデザイン制作の参考になりそうだと思うサイトを61個挙げてみた。

                                                                        Tweet Pocket 日本デザインスクールでは年間1500名ほどの受講生を、未経験からWEBデザイナーに育ててきました。受講生を指導する中でよくあがってくるのが「参考がなかなか見つからない」というお悩み。 私も受講生にお伝えすべく、これまで100サイト近くの「参考になりそうなギャラリーサイト」を見てきました。 そこで今回は、これまで見てきたギャラリーサイトの中で、みなさんのデザイン制作のお役に立ちそうなサイトを全部で61個ご紹介していきます。 全てのサイトを

                                                                          私がWEBデザイン制作の参考になりそうだと思うサイトを61個挙げてみた。
                                                                        • 【まとめ】エンジニア向けデザイン参考サイト - Qiita

                                                                          本記事は、身の回りの困りごとを楽しく解決! by Works Human Intelligence Advent Calendar 2022の13日目の記事です。 はじめに エンジニアの私「個人開発したアプリのデザインがイマイチで世に出す勇気がなくて困っとる」 デザイナーの知人「どれどれ。あー確かに。いい意味でエンジニアらしさ出てますな♪」 私「『いい意味で』を先頭に付ければ何いっても許される説!!」 知人「デザイン作るときは既存にあるアプリやサービスのUIを参考にするといいですよ」 私「具体的には何を参考にすればエンジニアでもいい感じにデザイン作れそうですか?」 知人「それでは自分が参考にしているデザイン系のサイトをいくつか紹介していきます」 てことで、今回はエンジニア向けの個人開発やアイディア探しで役立つサイトをまとめていきます。 「ポートフォリオのアイディアが思いつかない」「開発した

                                                                            【まとめ】エンジニア向けデザイン参考サイト - Qiita
                                                                          • 超万能!Notionをまったく別のツールに大変身させるWebサービスを厳選してみた! -

                                                                            どうも、まさとらん(@0310lan)です! 今回は、万能なドキュメントサービスとして人気の「Notion」を、さらにパワーアップさせて別の用途に活用できるWebサービスを厳選してご紹介します! すべて無料で利用できる(もしくは無料プランありの)サービスであり、機能的に優れていて誰でも扱える簡単な操作のものを厳選しました。 現状のNotionだけでは足りない機能を多く搭載できるサービスばかりなので、ご興味ある方はぜひ参考にしてみてください! ちなみに、Notionについてまだよく知らないという方は以下の記事で詳細を解説しているので合わせて確認しておくことをオススメします。 paiza.hatenablog.com ■Notionをメルマガ配信システムに変えるサービス! 【 NoCodeLetters 】 Notionで作成したテーブルをメルマガ(ニュースレター)のコンテンツ管理用データベー

                                                                              超万能!Notionをまったく別のツールに大変身させるWebサービスを厳選してみた! -
                                                                            • プロが使う鉄板欧文フォント19個のデザイン的特徴と、使用例、誕生背景など超丁寧にまとめてみた。 | デザイン | ブログ | 東京のWeb制作会社・ホームページ制作|QUOITWORKS Inc.(株式会社クオートワークス)

                                                                              小さくても超見やすい!イギリスの名門紙The Timesのために作られたフォント 1932年、イギリスの格式高い新聞社「The Times」のために特別に作られたフォントです。「読みやすさ」「インクの節約」「限られた紙面での効率的な文字配置」という3つの課題を解決するために生まれました。当時の新聞フォントと比べて、文字の高さを高めに設定し、セリフ(文字の端にある装飾)を適度な大きさに抑えることで、小さな文字でも読みやすい新聞印刷に最適化された実用的なデザインとして設計されています。 「上質」「信頼性」「知的」「正統性」「説得力」という印象を与えられます! 高級ホテルやブランド、名門大学など、世界中の一流の組織で使われ続けてきたことから、「上質」「信頼性」「知的」「正統性」という印象を与えられるフォントになりました。イギリスの名門紙The Timesのために開発された背景から、文字の端にある

                                                                                プロが使う鉄板欧文フォント19個のデザイン的特徴と、使用例、誕生背景など超丁寧にまとめてみた。 | デザイン | ブログ | 東京のWeb制作会社・ホームページ制作|QUOITWORKS Inc.(株式会社クオートワークス)
                                                                              • Webデザインの参考になるギャラリーサイト11選 | Pulp Note

                                                                                フリーランスとして一人で制作をしていると、どうしても自身のスタイルの中だけでデザインしがちなので、新たな刺激を求めて書籍やネットを徘徊して見るようにしています。今回は、私が参考にしているギャラリーサイトを11個紹介します。クライアントとの打ち合わせ時も担当者とイメージを共有できるので便利に利用できると思います。ぜひ参考にしてみてください。 URAGAWA 担当した制作会社を掲載しているギャラリーサイト。制作会社ごとに見て回れるのはおもしろい。カテゴリ分けも『業界』『タイプ』『特徴』『カラー』『特集』『アワード受賞』『ランキング』と他にはない分類ですが意外と使いやすいです。制作の裏側記事もあってWebデザインの参考だけではなく読み物としても楽しめます。 URAGAWA | 制作会社がわかるWEBデザイン・参考サイト集 紹介文 URAGAWAは、クリエイティブカンパニーの情報を蓄積していくこと

                                                                                  Webデザインの参考になるギャラリーサイト11選 | Pulp Note
                                                                                • Web制作者はブックマークしておくと便利! 各UIコンポーネントのさまざまな実装方法のまとめ -The Component Gallery

                                                                                  Webサイトやアプリでよく使用される各UIコンポーネントのさまざまな実装方法がまとめられたThe Component Galleryを紹介します。 コンポーネントは再利用可能な単一の部品として利用でき、実装するコードや名前の付け方など、Web制作者には非常に勉強になると思います。 The Component Gallery The Component Galleryの特徴 The Component Galleryの利用方法 各UIコンポーネントのまとめ The Component Galleryの特徴 The Component Galleryには、実際のデザインシステムで使用されているUIコンポーネントがまとめられています。フロントエンドのデベロッパーとして毎日経験する問題を解決するために作成されました。 The Component Gallery コンポーネントや要素に名前を付けるの

                                                                                    Web制作者はブックマークしておくと便利! 各UIコンポーネントのさまざまな実装方法のまとめ -The Component Gallery

                                                                                  新着記事