並び順

ブックマーク数

期間指定

  • から
  • まで

81 - 120 件 / 758件

新着順 人気順

参考サイトの検索結果81 - 120 件 / 758件

  • 「いける」って関西で使いすぎなの なんでなん? | NHK

    私(記者)は埼玉県出身。去年、転勤で大阪に来ました。大阪でよく聞くあの言葉が気になってしかたないんです。 ・店で会計のとき「クレジットカードいけますよ」 ・電話がかかってきたとき「いま電話いけます?」 ・パソコンの調子が悪いとき「これから会議なのに、いけるん?」 「いける」「いけます」「いけるで」耳にしない日はありません。 関東でも時々は使いますし、全国どこでも意味は通じると思います。でも、関西は「いける」使いすぎじゃないですか? なんでなん? (大阪放送局 記者 高橋広行 / ディレクター 森翔大) 「いける」だけで成立する会話

      「いける」って関西で使いすぎなの なんでなん? | NHK
    • 無印良品が生理用ナプキンを発売→シンプルなデザインに「みんな待ってた」「ストレス感じない」などの声が寄せられる「選択肢が増えることが大切」

      𝘬𝘢𝘯𝘰 @7mxxxx 今日無印パトロールをしてたら生理用ナプキンが新発売していて驚いた。無印らしいシンプルなパッケージを見て、パッケージが変わるだけでナプキンをレジへ持っていく時の気持ちが全然違うんだなとしみじみ感じてなんか泣けた わたしたちみんな、ナプキンを買うことに苦しみを感じたくないよな ほんとに pic.twitter.com/hBf2uO4kXU 2020-10-13 18:28:52 𝘬𝘢𝘯𝘰 @7mxxxx 毎月あのなんかやたらキラキラした「生理はつらくない✩」みたいな明るくてかわいいパッケージのナプキンをカゴに入れてレジに行く時なんかうまく言い表せないけど心底憂鬱な気持ちになるんだよね、だから今日店でこれを見つけて立ち止まって なんかほんとに泣きそうになってしまった 2020-10-13 18:36:45 𝘬𝘢𝘯𝘰 @7mxxxx 実際今日買った

        無印良品が生理用ナプキンを発売→シンプルなデザインに「みんな待ってた」「ストレス感じない」などの声が寄せられる「選択肢が増えることが大切」
      • シンプルなHTMLで、モダンなWebサイトをすばやく簡単に作成できるクラスレスの超軽量CSSフレームワーク -Simple.css

        その名の通り、シンプルなHTMLで、Webサイトをすばやく簡単に作成できるクラスレスの超軽量(4kB)CSSフレームワークを紹介します。 シンプルなWebページ、ポートフォリオやブログなどをすばやく作成したい時に便利で、レスポンシブにもダークモードにも対応しています。また、CSSリセットとして利用するのもありかもしれません。 Simple.css Simple.css -GitHub Simple.cssとは Simple.cssのデモ Simple.cssの使い方 Simple.cssとは Simple.cssは、セマンティックHTMLをすばやく簡単に見栄え良くするクラスレスのCSSフレームワークです。「クラスレス」とは、CSSまたはHTMLのどこにもCSSのclassがないことを意味します。 MITライセンスで、商用プロジェクトでも無料で利用できます。 classのないプレーンなHTM

          シンプルなHTMLで、モダンなWebサイトをすばやく簡単に作成できるクラスレスの超軽量CSSフレームワーク -Simple.css
        • こいつ、動くぞ! 商用利用無料、シンプルにデザインされたSVGもフォントも揃った高品質なアイコン -Boxicons

          1,500種類以上のアイコンが揃った、Webサイトやスマホアプリにぴったりなシンプルにデザインされた無料アイコンを紹介します。 オープンソースで個人でも商用でも無料で利用できます。また、SVGアイコンとアイコンフォントで利用できるので、サイズやカラーの変更はCSSでできます。アイコンはリスト、固定幅、アニメーションにも対応しており、かなり便利だと思います。 Boxicons Boxicons -GitHub Boxiconsの特徴 Boxiconsの使い方 Boxiconsを実際に使ってみた Boxiconsの特徴 Boxiconsはオープンソースのプロジェクトで、1,500+種類のSVGアイコン・アイコンフォントが簡単に利用できます。シンプルなデザインは、さまざまなWebサイトやスマホアプリにぴったりです。 けっこう前にも紹介しましたが、アップデートされ続け、アイコンの種類や機能がだいぶ

            こいつ、動くぞ! 商用利用無料、シンプルにデザインされたSVGもフォントも揃った高品質なアイコン -Boxicons
          • ヘッダー(グローバルナビゲーション)のデザイン事例100選|akane

            こんにちは!株式会社Rabeeのデザイナーのakaneです🐏 今回は、ヘッダー(グローバルナビゲーション)のデザイン事例を調べてみました!パターンごとに分類しながら紹介していくので、どうぞ最後までお楽しみください✍ はじめに:グローバルナビゲーションとは?グローバルナビゲーションとは、Webサイトの全ページに共通して表示される「主要なコンテンツへの案内リンク」です。 一般的には画面上部のヘッダーに設置されることが多く、ユーザーが「今、どこにいるのか?」「目的のページはどこか?」と迷わないように誘導する大切な役割があります。 どんなサイトを作るときもほとんど必須のパーツですが、わたしは気付けばいつも似たようなレイアウトを使いがち…。そこで今回は、グローバルナビゲーションのデザインを100事例見比べて分類してみます🔍 ・ ・ ・ 1. スタンダード型まずは、一般的に「ヘッダー」の言葉で想像

              ヘッダー(グローバルナビゲーション)のデザイン事例100選|akane
            • ショッピングサイトのプログラム改ざん クレジット情報流出か | NHK

              東京のIT企業が開発し、複数のショッピングサイトなどで導入されている入力フォームのプログラムが何者かに改ざんされ、少なくとも3800件以上のクレジットカードの情報が流出したおそれがあることがわかりました。 改ざんされたのは、東京 港区にあるIT企業「ショーケース」が開発し、ショッピングサイトなどで導入されている入力フォームのサービスのプログラムです。 会社によりますと、ことし7月、取引先から指摘を受け調査した結果、3種類のサービスのプログラムが外部からの不正アクセスによって改ざんされていたことがわかったということです。 これらのサービスは、さまざまなショッピングサイトなどに少なくとも5000以上導入されているということで、このうち一部のサイトで、入力された情報が外部に流出したおそれがあるとしています。 このサービスを利用していた靴の販売などを行っている「エービーシー・マート」によりますと、

                ショッピングサイトのプログラム改ざん クレジット情報流出か | NHK
              • 800年以上前のモンゴル族は『有能すぎる上司には部下がついてこない問題』をごくシンプルな方法で解決していたらしい「人類の叡智がここに」

                Solomon•D•Bernstein @solomon_rkka モンゴル族は遠征の際「リーダーが余りにも有能でストイックだと部下がついてこない」という理由で敢えて平均的な奴を頭に据えたりしてたし現代の我々を苦しめる「たたき上げのクラッシャー上司」の出現を800年以上前に防いでいた感ある 2020-09-08 22:02:20 Solomon•D•Bernstein @solomon_rkka MGSPWでビッグボスが指摘してるようにゲバラがコンゴやボリビアの革命失敗したのも現地の部下との温度差が一因ではないかと思う(あの人下手したら土日返上ボランティアとか平気でやる人だったし) 2020-09-08 22:04:23 時貞 @yumito_amber @fukkatunoyu_tan @solomon_rkka モンゴル帝国は多種多様な民族を統治するために、人事には非常に気を使っていた

                  800年以上前のモンゴル族は『有能すぎる上司には部下がついてこない問題』をごくシンプルな方法で解決していたらしい「人類の叡智がここに」
                • 【教養】ファッションを「捨てない」時代がやってくる

                  2022年にEUは、ファストファッションというビジネスモデルを「時代遅れ」と完全否定。域内からファストファッションビジネスを排除する姿勢を見せた。

                    【教養】ファッションを「捨てない」時代がやってくる
                  • Mini vMac

                    info@lrusso.com

                      Mini vMac
                    • これでUIデザイン用のSVGアイコンに困らない! 1,700種類以上が揃った商用利用無料、改変・再配布可の太っ腹ライセンス- MingCute Icon

                      WebサイトやスマホアプリのさまざまなUIデザイン用に、シンプルで洗練されたデザインのSVGアイコンが完全無料で利用できるMingCute Iconを紹介します。 このアイコンの特徴は、小さいサイズでもくっきり見えること。1,700種類以上のアイテムが揃っており、すべてSVGアイコン、そしてWebフォントとして利用できます。 MingCute Icon MingCute Icon -GitHub MingCute Iconの特徴 MingCute Iconのダウンロード MingCute Iconのアイコン MingCute Iconの特徴 MingCute Iconは、Webサイトやスマホアプリ用にシンプルで洗練されたデザインのアイコンです。すべてのアイコンは、24x24のグリッド内に設計されており、アウトラインと塗りつぶしの2スタイル、2pxのストロークとなっています。アイコンのフォー

                        これでUIデザイン用のSVGアイコンに困らない! 1,700種類以上が揃った商用利用無料、改変・再配布可の太っ腹ライセンス- MingCute Icon
                      • 全部、完全に商用利用無料! さまざまなデザインが揃ってる、ランディングページ用のHTMLテンプレート -HTMLrev

                        プロダクト、サービス、アプリやソフトウェアなどのランディングページ用のHTMLテンプレートを無料でダウンロードできるHTMLrevを紹介します。 ランディングページ用のHTMLテンプレートはすべて無料で、商用プロジェクトでも帰属なしで利用できます。 HTMLrev HTMLrevは先日ローンチされたばかりのサイトで、ランディングページ用のHTMLテンプレートが無料でダウンロードできます。 HTMLテンプレートはMITライセンスで、商用プロジェクトでも無料で利用できます。詳しくはLicenseをご覧ください。

                          全部、完全に商用利用無料! さまざまなデザインが揃ってる、ランディングページ用のHTMLテンプレート -HTMLrev
                        • 便利なのが登場! 最近見かけるさまざまなUI要素600種類以上をシンプルなHTMLとCSSで簡単に実装できる -UIverse

                          button { --border-radius: 15px; --border-width: 4px; appearance: none; position: relative; padding: 1em 2em; border: 0; background-color: #212121; font-family: "Roboto", Arial, "Segoe UI", sans-serif; font-size: 18px; font-weight: 500; color: #fff; z-index: 2; } button::after { --m-i: linear-gradient(#000, #000); --m-o: content-box, padding-box; content: ""; position: absolute; left: 0; top: 0; wi

                            便利なのが登場! 最近見かけるさまざまなUI要素600種類以上をシンプルなHTMLとCSSで簡単に実装できる -UIverse
                          • コロナ禍で志願者は月3000人 応募殺到のアイリスオーヤマ中途採用担当に聞く「こんな人材は採ってはいけない」

                            コロナ禍で志願者は月3000人 応募殺到のアイリスオーヤマ中途採用担当に聞く「こんな人材は採ってはいけない」:成果を挙げた社員に300万円の賞与(1/3 ページ) コロナ禍で売上を落とす企業が多い中にあって、売上増の快進撃を続けている家電、生活用品を製造販売するアイリスオーヤマ。それを支えているのが大手家電などから転職してきた中途入社組の人材だ。これまで東芝を早期退職して、2016年からアイリスに入社した武藤和浩テレビ事業部長や「ナノエアーマスク」を開発した岸美加子ヘルスケア事業部長を取り上げてきた。両名ともアイリスという新天地で活躍している。 彼らをやる気にさせる人材活用術やノウハウについて、前編では家電開発部の原英克・執行役員部長に中途採用者に求める資質などを聞いた。 後編では中途採用を担当している佐藤祥平・人事部採用人材開発部リーダーに活躍する志願者の見分け方などを聞いた。 1カ月で

                              コロナ禍で志願者は月3000人 応募殺到のアイリスオーヤマ中途採用担当に聞く「こんな人材は採ってはいけない」
                            • 町田観光

                              1971年東京生まれ。イラストレーター。ドクロ服、ドクロ雑貨集めに情熱を燃やしすぎている。ほかにはワニ、ウツボ、ハダカデバネズミなど毛の生えていない動物も好む。著書に「しろねこくん」、「ココロミくん」、「ひとみしり道」、「ばかスイーツ」などがある。(動画インタビュー) 前の記事:知らないヤマザキパンを探す旅

                                町田観光
                              • 【2024年最新版】就活サイトおすすめランキング71選 | 25卒/26卒/新卒向けに比較

                                新卒の就活サイトは自分の目的に合わせて使おう スカウトサイト、ナビサイト、エージェント、ESサイトは登録必須 【新卒】おすすめの就活サイトランキング 1位:OfferBox(性格診断⇒ 大手,優良企業からスカウト、特別選考オファーも) 2位:Lognavi(性格診断+SPI模擬テスト⇒ 大手,優良企業からスカウト) 3位:適性診断AnalyzeU+(251の質問からあなたの性格を徹底診断!) 4位:unistyle(内定者のESが見放題) 5位:キャリアチケット(ES添削+面接対策+最短2週間内定)※2022年度実績 6位:ミーツカンパニー就活サポート(東証プライム上場企業~ベンチャー企業まで紹介) 7位:DiG UP CAREER(満足度90%/選考フィードバックがもらえる!) 番外編①:SPI頻出問題集(SPI/Webテスト対策が簡単にできる) 番外編②:適職診断(あなたに向いている仕

                                  【2024年最新版】就活サイトおすすめランキング71選 | 25卒/26卒/新卒向けに比較
                                • Web制作を変える!2021年の便利オンラインツール・ベスト100選

                                  この記事では、2021年に公開された便利なWebオンラインツール・ベスト100個+をまとめてご紹介します。 定期的にリストアップしている最新オンラインツールまとめ記事では、2021年にかけて合計338個の新しいツールやサービスを紹介してきました。 その中でも、特にWebデザイン制作に便利なツールを選りすぐったコレクションで、「無料で利用できるツール」を揃えています。 これらのツールやサービスを活用すれば、Webデザイン制作をより快適に進めることができるでしょう。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. CSSツール(11個) 2. パターンツール(3個) 3. イラスト系ツール(9個) 4. デザインツール(17個) 5. 配色ツール(7個) 6. グラデーションツール(12個) 7. SVGツール(9個) 8. スクリーンシ

                                    Web制作を変える!2021年の便利オンラインツール・ベスト100選
                                  • モバイル幅で作成されたWebサイトの特徴と作例

                                    2022年7月20日 CSS, Webデザイン, スマートフォン モバイルは幅が狭く、デスクトップは幅が広いので、それぞれのデバイスにあわせてWebサイトの幅も可変させたりしますよね。しかし最近、デスクトップで見てもモバイル幅のまま表示させている国内のWebサイトをちょこちょこ見かけます。今回はそんなモバイル幅のWebサイトを見ていこうと思います。 ↑私が10年以上利用している会計ソフト! モバイル幅Webサイトの特徴 デスクトップで見ても狭いコンテンツの幅 よくあるWebサイトでは、コンテンツ部分の枠がデバイスの幅によって変化します。例えばモバイルサイズでは幅が狭くなり、デスクトップサイズでは幅が広がって画面中央に表示されます。このブログでもそうですよね。しかし、昨今見られるようになったレイアウトでは、デスクトップサイズで見てもコンテンツ枠の幅は狭いままで表示されています。画面中央に表示

                                      モバイル幅で作成されたWebサイトの特徴と作例
                                    • 動くWebデザインアイデア帳 | 動くWebデザインアイディア帳

                                      jQueryとCSSアニメーションを はじめたばかりの方へ Webデザインのスクール講師が 「動かしたいパーツ」ごとの 逆引きリストをつくりました News 2024.03.27Gmailにおける特典受け取りについて2024.01.185-1-1、5-1-2 グローバルナビゲーション ドロップダウンメニュー(上・左)に関するCSSコード不備のお詫び2023.08.305-1-3、5-1-4 グローバルナビゲーション ドロップダウンメニュー(写真付 上・左ナビ)に関するコード不備のお詫び2022.10.195-1-7 「グローバルナビゲーション-スクロールするとハンバーガーメニューに変化-」に関するコード不備のお詫び Gmailにおける特典受け取りについて 【お知らせとお詫び】 2024年2月にGmailのガイドラインが変更となった影響で、特典受け取りとお問い合わせフォームの内容がGmail

                                        動くWebデザインアイデア帳 | 動くWebデザインアイディア帳
                                      • センスだけに頼らない! CSSとJSで作るパーティクル表現のテクニック - ICS MEDIA

                                        パーティクルやラインアニメーションなど、ウェブページにちょっと見栄えのする表現を加えてみたくなることはありませんか? ICS MEDIAのトップページや弊社採用サイトでもこうした表現を実装していますが、思った通りの演出をコードで表現するのはなかなか難しいものです。技術は分かっても「自分にはセンスがないから……」と諦めてしまっている人もいるかもしれません。 この記事では、簡単なパーティクル表現を題材に、効果的なアニメーション表現のためのテクニックを紹介します。サンプルコードはブラウザー標準のWeb Animations APIを使用して実装していますが、CSSアニメーションやGSAP等のライブラリを用いても同様の実装は可能です。 基本のパーティクル 例題とする基本のパーティクルを見てみましょう。クリックすると中央の星からパーティクルが放射状に広がるアニメーションが再生されます。 デモを別画面

                                          センスだけに頼らない! CSSとJSで作るパーティクル表現のテクニック - ICS MEDIA
                                        • 【2022年】注目すべきUI/UXデザイントレンド - Qiita

                                          本記事は、ShakuroのRita Kind-Envy氏による「UI/UX Design Trends Of 2022 You Need To Catch Up To」(2021年11月15日公開)の和訳を、著者の許可を得て掲載しているものです。 はじめに 2021年は2020年よりも良い年でしたか?UI/UXデザインに限って言えば、そうです。新しい素晴らしいウェブサイトやアプリが生まれ、グラフィックデザイナー向けの新しいソフトウェアがリリースされ、創造性が泉のように湧き出ているようでした。 デザイナーが在宅を余儀なくされると、より多くのものを生み出し、すでに存在するものについて考える時間ができます。退屈はアーティストの最大の敵で、その解消のために努力します。 世界の他の分野では、2021年は非常に困難な年でした。世界最年長の猫は34歳の誕生日を迎えました。うーん、そう、良かったのはそれだ

                                            【2022年】注目すべきUI/UXデザイントレンド - Qiita
                                          • ウェブデザインの余白に規則性を持たせるためのパターン

                                            You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

                                              ウェブデザインの余白に規則性を持たせるためのパターン
                                            • CSSを書くのが劇的に楽になる!ユーティリティファーストのCSSフレームワーク「Tailwind CSS」

                                              日本でも、Tailwind CSSを使用する人が増えてきましたね。 フロントエンドの開発者がTailwind CSSを実際に使い始めたら、CSSを書くのが劇的に楽になった話を紹介します。 How I Stopped to Write CSS by Luca Spezzano 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに Tailwind CSSとは カードコンポーネントで実装の比較 BootstrapとTailwind CSSの比較 Bootstrapがそんなに恋しいですか? BootstrapとTailwind CSSのどちらを使えばよいか? CSSにかかる時間はかなり少なくなりました はじめに 私はCSSアーキテクチャにフォーカスしたフロントエンド開発者として、コードを書くために最高の方法を使いたいと思っています

                                                CSSを書くのが劇的に楽になる!ユーティリティファーストのCSSフレームワーク「Tailwind CSS」
                                              • デザインに少し手を加え、フォームを改善する実践的なUIのテクニックのまとめ

                                                フォームを改善するUIデザインのテクニックを紹介します。 フォームのデザインに少し手を加えるだけで、ユーザーにとって使いやすい、コンバージョンを高めるための実践的なテクニックが満載です。 15 UI Tips for Better Forms by Jim Raptis 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 01. ラベルを常に記述する 02. Zパターンを避ける 03. ラベルを入力欄の上に配置する 04. 右揃えのラベルを使用する 05. 関連する入力欄をグループ化する 06. ユーザーフローを尊重する 07. スペースを与える 08. ラベルの繰り返しを避ける 09. エラーメッセージは分かりやすく 10. 必要に応じてドロップダウンを使用する 11. プレースホルダーを活用する 12. ボタンは1つに

                                                  デザインに少し手を加え、フォームを改善する実践的なUIのテクニックのまとめ
                                                • 「下着は白」校則は人権侵害 「肩ひも出させて色確認」:朝日新聞デジタル

                                                  ","naka5":"<!-- BFF501 PC記事下(中⑤企画)パーツ=1541 -->","naka6":"<!-- BFF486 PC記事下(中⑥デジ編)パーツ=8826 --><!-- /news/esi/ichikiji/c6/default.htm -->","naka6Sp":"<!-- BFF3053 SP記事下(中⑥デジ編)パーツ=8826 -->","adcreative72":"<!-- BFF920 広告枠)ADCREATIVE-72 こんな特集も -->\n<!-- Ad BGN -->\n<!-- dfptag PC誘導枠5行 ★ここから -->\n<div class=\"p_infeed_list_wrapper\" id=\"p_infeed_list1\">\n <div class=\"p_infeed_list\">\n <div class=\"

                                                    「下着は白」校則は人権侵害 「肩ひも出させて色確認」:朝日新聞デジタル
                                                  • 家庭優先の出世欲のない夫…妻の言ってはいけない一言で訪れた”夫婦の危機”に読者の反応は?|ウーマンエキサイト

                                                    家庭が最優先! な夫に感謝しつつも…私は奈々子。デザイン会社でデザイナー兼ディレクターをしています。 夫の隆は老舗家具メーカーの事務関係。私と結婚した時に転職してもうすぐ8年になりますが、育児に家事にと、率先してやってくれます。 夫は私が仕事で帰宅が遅くなっても嫌な顔ひとつせずに、夕食を作って待ってくれている…とてもありがたかったです。 一方、私は大きなプロジェクトに関わることが増えて忙しくなり、平日担当しているのはお皿洗いとゴミ出しだけになってしまっていました。 実は、夫は今の職場に勤めて5年目ぐらいから「仕事がしんどい」とこぼすようになり、最近は必要最低限のパワーしか割きたくないとまで言うようになっていたのです。 そんな言葉を聞いているので、毎日定時に帰ってきて家のことをやってくれるのはとてもありがたいのですが、会社のほうは大丈夫なのかと心配でもありました。

                                                      家庭優先の出世欲のない夫…妻の言ってはいけない一言で訪れた”夫婦の危機”に読者の反応は?|ウーマンエキサイト
                                                    • 2020年にCodepenで話題!コピペ可なHTMLスニペット ベスト100発表

                                                      HTMLなどのコードをブラウザ上で確認ができ、公開や共有もできるなど、世界中のデベロッパーが愛用するCodepen。 この記事は、2020年に特に人気の高かったHTMLスニペットをランキング形式でまとめた The Most Hearted of 2020 が発表されていたので、その中でも実用性の高いHTMLスニペットを中心にまとめて紹介しています。 CSSのみで表現されているとは思えない、シンプルながら効果的なテクニックが多数ランクインしていた2020年。 HTML/CSSやJSなどのコードの確認や編集を行うことができるので、今後のデザイン制作に活用してみてはいかがでしょう。 2020年にCodepenで話題!コピペ可なHTMLスニペット ベスト100発表 94位 Animated clip-path slider Concept 画面を縦半分に二分割した画像スライダーで、画像にマウスホバ

                                                        2020年にCodepenで話題!コピペ可なHTMLスニペット ベスト100発表
                                                      • これは覚えておきたい! コンテナ・ラッパーを定義するCSSの古い書き方とモダンCSSを使用した書き方

                                                        モダンCSSは今までJavaScriptが必要だったことやできなかったことを可能にしてきましたが、今までの記述をよりシンプルにすることもできます。 コンテナ・ラッパーを定義する際に記述するCSSの古い書き方とモダンCSSを使用した書き方を紹介します。 CSSの古い書き方 モダンCSSを使用した書き方 CSSの古い書き方 まずは、CSSの古い書き方。 ぱっと見で、何が設定されているのか分かるのがよいところです。コンテナの幅を100%にし、最大幅をmax-widthで設定し、paddingが上下左右に2remあって、margin: 0 auto;で中央に配置します。

                                                          これは覚えておきたい! コンテナ・ラッパーを定義するCSSの古い書き方とモダンCSSを使用した書き方
                                                        • ニホンゴ「再定義」 第3回「ガンダム」 | 小説丸

                                                          当連載は、日本在住15年の〝職業はドイツ人〟ことマライ・メントラインさんが、日常のなかで気になる言葉を収集する新感覚日本語エッセイです。 名詞「ガンダム」 そう、ガンダムは「日本語」だ。しかも単なる固有名詞ではない。おおまかにいえば1990年以降に成人化した日本人の「大きな原体験」のひとつであり、絶大な知名度を誇り、私が直接接した日本人(文化的サンプルとしてそこにいくぶん偏りがあるのは間違いないが)では、悪く言う人を見たことがない。 そんなこともあって「ガンダム」という単語自体は、ドイツを含む諸外国でもそこそこ認識されている。かのデザイン巨匠シド・ミードが∀ガンダムをデザインしたとかあるし、お台場の実物大ガンダムは「トーキョー観光」の名所として有名だし。 だがそのコンテンツとしての文化的価値と意味を、的確かつ端的に外国人に伝えるのは、実はなかなか難しい。単語の知名度とは裏腹に「ガンダム 海

                                                            ニホンゴ「再定義」 第3回「ガンダム」 | 小説丸
                                                          • POLA 2029年ビジョン | ポーラ公式 エイジングケアと美白・化粧品

                                                            人から人へ、 最良のものを届ける。それが、 私たちの始まりであり、 すべてです。今でも、 ビューティーディレクターという独自のネットワークに息づいている。美容はもちろん、 あらゆる領域において。私たちは、 すべてのお客さまに寄り添っていく。一人ひとりの可能性をどこまでも拡張するために。We Care More. それが、 私たちの新しい約束。 人、 社会、 地球。 そのすべてを「ケア」していく。世界を変える、 心づかいを届ける。美容と健康のための製品やサービスを今までのやり方にとらわれずに探し続ける。多様性の尊さを守りながら。 地域の個性を愛しながら。サステナブルな方法を選びながら。Science. Art. Love. をもういちど実践しながら。ないものは、 つくる。 その覚悟とともに。 2020年。 これまでの当たり前は、 当たり前ではなくなった。だからこそ、 いちばん大切なものを見つ

                                                              POLA 2029年ビジョン | ポーラ公式 エイジングケアと美白・化粧品
                                                            • テクニカルライターよ概念図を描くのです 〜テクニカルライターのためのイラストテクニック2〜 / cybozu illust technique2

                                                              ドキュメントでは、「モノや人の関係を明確に表わす」「複雑な流れをわかりやすく説明する」といった場面がたくさん出てきます。概念図は、言葉だけでピンとこない複雑な関係も、わかりやすく伝えることができます。 本セッションでは、テクニカルライター向けに概念図を描くテクニックをご紹介します。

                                                                テクニカルライターよ概念図を描くのです 〜テクニカルライターのためのイラストテクニック2〜 / cybozu illust technique2
                                                              • セブン-イレブンで買った化粧水のパッケージに書かれていた英文がなんかおかしい「Are! Yo mitsuketana.Kore,nihongo yanen.」

                                                                BHR"根口六九" @neguchi69 ねぐちむくです。Black Hat Rebellion "根口六九" メンズビオレの関西弁ローマ字を見つけてバズった一時の人。 ほしいもの:https://t.co/keZu9ABZOI https://t.co/goIvU6p8hc

                                                                  セブン-イレブンで買った化粧水のパッケージに書かれていた英文がなんかおかしい「Are! Yo mitsuketana.Kore,nihongo yanen.」
                                                                • Workspaces

                                                                  Explore the workspaces of creative individuals, sent directly to your inbox every Saturday and Sunday.

                                                                    Workspaces
                                                                  • 【APEX】UIデザインが凄すぎるよ①--メニュー画面編--/ゲームさんぽ

                                                                    APEXのデザインがいかに素晴らしいかを熱弁するシリーズ(全2回)。聞けば聞くほど「そりゃ人気出るわけだわ.......!」としみじみすること必至! 【APEX】UIデザインが凄すぎるよ②--バトル編-- -https://youtu.be/YalEnQ-SKa0 -------------------------- ▼ゲストプロフィール 【有馬トモユキ】 デザイナー、アートディレクター。日本デザインセンター所属。「アニメのデザイン」をすることも多いそうだが、それはロゴやパッケージなどだけでなく、「アニメの中に出てくる色々なモノのデザイン」も含んでいる....?その辺のお仕事例がわかりやすいインタビュー記事を貼っておく↓ ■「コンテンツは心に刺さったら抜けない」。これからのアニメに求められるデザインとは?[有馬トモユキ×三宅陽一郎]--JDN https://www.japandes

                                                                      【APEX】UIデザインが凄すぎるよ①--メニュー画面編--/ゲームさんぽ
                                                                    • パララックスもこれで簡単に! HTMLやCSSを変更せずにシンプルに実装できるスクリプト -simpleParallax.js

                                                                      ユーザーのスクロール操作に合わせて視差効果を与えるパララックスのエフェクトをシンプルに実装できる軽量のバニラJavaScriptのライブラリを紹介します。 実装は非常に簡単で、HTMLやCSSを変更せずに、パララックスのさまざまなエフェクトを実装できます。 simpleParallax.js simpleParallax.js -GitHub simpleParallax.jsの特徴 simpleParallax.jsのデモ simpleParallax.jsの使い方 simpleParallax.jsの特徴 simpleParallax.jsは、<img>で実装された画像にパララックスアニメーションを追加する、非常にシンプルで軽量なバニラJavaScriptのライブラリです。

                                                                        パララックスもこれで簡単に! HTMLやCSSを変更せずにシンプルに実装できるスクリプト -simpleParallax.js
                                                                      • スライド資料のデザインが劇的に良くなる!現場で学んだフォント・色の選び方|fuyuna blog|デザイン・ライフスタイル・キャリアについて書くデザイナーのブログ

                                                                        「作りたい資料に適したフォントがわからない」 「どの色を選べばいいかわからない」 「スライド資料のデザインをもっと洗練させたい」 スライド資料をデザインするとき、こんな悩みを持つ方は多いのではないでしょうか? スライド資料の印象は使用する「フォント」と「色」によって大きく変わり、うまく活用すれば見る人の心を動かし、行動を促す資料を作成できます。 そんな効果的な資料を作成するには、フォントと色の基本知識が必要不可欠です。それぞれについて学ぶことでデザインセンスが高まり、あなたのスライド資料に適した色とフォントを、効率よく選べるようになるでしょう。 ということで、この記事ではスライド資料のデザインに役立つ「フォント」と「色」の基本知識から、適切な種類を選ぶポイント、もっとデザインを学びたい方におすすめの書籍まで、フォントや色に関するノウハウをたっぷり紹介していきます! デザインに苦手意識がある

                                                                          スライド資料のデザインが劇的に良くなる!現場で学んだフォント・色の選び方|fuyuna blog|デザイン・ライフスタイル・キャリアについて書くデザイナーのブログ
                                                                        • デザイナーじゃなくても!見やすいスライド資料のための5つのコツ【Before/Afterあり】|spicagraph

                                                                          見やすいスライド資料は事前準備と5つのコツさえ押さえればOKクライアントさんに向けてのプレゼンテーションや、社内共有向けの資料、セミナーでの登壇資料などで用いられる「スライド資料」。いざ作ってみると、「なんだか読みにくいな」「色やレイアウトがまとまらない」と感じ、苦手意識を持っている方は多いかもしれません。 でも、デザイナーじゃなくても!デザインツールを使わなくても!いくつかのコツを押さえるだけで見やすいスライド資料は作れます。 この記事では、見やすいスライド資料をデザインするコツを5つの章に分けてご紹介していきます。 「レイアウト」「カラー」など、気になるところから読んでみていただいても大丈夫です。 スライド資料の作成だけでなく、バナーやチラシなど、いろんなデザインにも役立つコツをイラスト付きでわかりやすく説明しているので、今作っているデザインに悩んでいる、デザイン勉強中、という方もぜひ

                                                                            デザイナーじゃなくても!見やすいスライド資料のための5つのコツ【Before/Afterあり】|spicagraph
                                                                          • 行きたい場所が多過ぎて。「日帰りガチャ旅」をしてきたら、その土地のことが大好きになった話|みんなでつくる!暮らしのマネーメディア みんなのマネ活

                                                                            押さえておきたいネット銀行『楽天銀行』の情報はこちらをクリックWEBでかんたんに口座開設!給与の受取・振込・口座振替でもポイントが貯まる!使える!コンビニATMでの入出金手数料も月最大7回無料(楽天会員情報の登録が必要)になるなどお得です! こんにちは、旅行や食べることが大好きなほそいあやと申します。 ここのところ、旅行しにくい日々が続いていました。旅行が好きな私はどんどん行きたい場所がたまってきて、気付けばテレビの旅番組ばかりみています。 ひさしぶりに、ちょっとした日帰り旅行くらいはしてみたい。 そう思ってあれこれ考えてみたところ、行きたい場所が多過ぎてバシっと決められないのです。 そういえば最近、行き先がランダムで決まる航空会社や鉄道会社のキャンペーンをよく目にします。自分でここに行くと決めて計画するのもいいけど、くじで決めるのも運命を感じて面白いかも。 私もこれを真似して、行きたいと

                                                                              行きたい場所が多過ぎて。「日帰りガチャ旅」をしてきたら、その土地のことが大好きになった話|みんなでつくる!暮らしのマネーメディア みんなのマネ活
                                                                            • 商用可・フリーイラスト素材|ソコスト

                                                                              商用可のシンプルでかわいいフリーイラスト素材集。画像・ベクター形式でDL!色変更可能!Web・広告・企画書・資料などご自由に!

                                                                                商用可・フリーイラスト素材|ソコスト
                                                                              • VS CodeのAdobe XD用拡張機能が登場!デザインシステムにもとづきコード出力と補完が可能に - ICS MEDIA

                                                                                VS CodeのAdobe XD用拡張機能が登場! デザインシステムにもとづきコード出力と補完が可能に Microsoftが開発を行っている無償のエディター「VS Code」にAdobe XD用の拡張機能「Adobe XD extension」が登場しました。 この拡張機能を使うことで、Adobe XD上で作成したデザインアセットをVS Code上で参照・編集できるようになります。デザイナーとエンジニア間の溝を埋めることができ、デザインシステム構築のハードルが下がるでしょう。 今回の記事では、「Adobe XD extension」の活用方法を紹介します。コーディングの際に活躍する拡張機能ではありますが、Adobe XDを使ったデザイン段階でのひと工夫も必要になりますので、デザイナーの方も理解しておくとプロジェクトの進行がスムーズになるでしょう。 「Adobe XD extension」と

                                                                                  VS CodeのAdobe XD用拡張機能が登場!デザインシステムにもとづきコード出力と補完が可能に - ICS MEDIA
                                                                                • レイアウトやUIコンポーネントなど、最近のランディングページで使用されているアイデアのまとめ -SaaS Pages

                                                                                  ランディングページがどのようにデザインされ、レイアウトされているのか、そしてコピーライティングがどのようにデザインされているのか、その参考資料となるアイデアをまとめたSaaS Pagesを紹介します。 ランディングページのデザインや実装、ヘッダやフッタやナビゲーション、特徴やボタンの目立たせ方など、デザインの引き出しにストックしておきたいですね。 SaaS Pages SaaS Pagesでは、ランディングページに使用されるUIコンポーネントごとにデザインとコピーライティングがまとめられています。 ナビゲーションバー 目標到達のプロセスから遠ざかる方向にナビゲートしない。 分かりやすいCTAボタンがある。 ユーザーエクスペリエンスを向上させるスティッキーバー。 開発者向けのドキュメントなど、特別なリンクを含めたい場合。 Navbar ヒーローヘッダ 独自のセールスポイントを強調する。 「今

                                                                                    レイアウトやUIコンポーネントなど、最近のランディングページで使用されているアイデアのまとめ -SaaS Pages

                                                                                  新着記事