並び順

ブックマーク数

期間指定

  • から
  • まで

41 - 80 件 / 251件

新着順 人気順

ウェブデザインの検索結果41 - 80 件 / 251件

  • クックパッドの凋落と「若者のGoogle離れ」 - いつか電池がきれるまで

    www.moneypost.jp togetter.com 僕自身はクックパッドをそんなに利用しているわけではないのですが、こういう記事をみていると、IT業界というのは、新しいサービスだと思っていたものが、いつのまにか時代遅れになってしまっているものなのだな、と痛感します。 そうか、もうすでに「クックパッド離れ」が進んでいるのか……と。 レシピが多すぎて、どれを選んでよいのかわからない。 ネタみたいなレシピもあって、外れを引いてしまうリスクが高い。 文字での説明だと、「短冊切り」とか「とろ火」とかいう説明が、具体的にどのくらいの大きさや火の強さなのか、イメージがわきにくい、という難点もあるのです。 「短冊」の形はわかるけど、どれくらいの幅なのか?と。 ただ、こういうのは、その人の料理スキルに依存しているところはあって、慣れている人にとっては「動画をいちいち早送りしたり巻き戻したりしながら観

      クックパッドの凋落と「若者のGoogle離れ」 - いつか電池がきれるまで
    • チャットコミュニケーションの問題と心理的安全性の課題 #EOF2019

      DMやPrivate Channelを使うな、といっても意味がないから、 なんでDMを使ってしまうのかをまず考える、 そこからPublic channelの使い方を考えましょう みたいな話 https://eof-github.github.io/eof2019/ Read less

        チャットコミュニケーションの問題と心理的安全性の課題 #EOF2019
      • 全てのデザイナーが知っておくべき10の法則 デザイン会社 ビートラックス: ブログ

        デザインを行う際には、感覚ではなく複数のロジックを活用することで、より精度の高いプロダクトを創り出すことができる。 そのプロダクトを人間が利用する場合、ユーザーの視覚や行動心理学などをしっかりと理解し、活用すればデザイナーとしての能力が一段と高まるはず。 今回紹介するのは、複数あるデザインにおける法則のうち、ビートラックスのデザインチームでも頻繁に利用される代表的な10の法則。プロのデザイナーなら、これは押さえておきたい。 デザイナーなら知っておきたいデザインに関する基本の10法則ヤコブの法則ヒックの法則80/20の法則パーキンソンの法則フィッツの法則ミラーの法則テスラーの法則FBMモデルドハティのしきい値3対1の法則ヤコブの法則ユーザービリティーの父であるヤコブ・ニールセンが提唱する法則。一般的なユーザーは、アプリやプロダクト、Webサイトなどに、既存のものと同じような動作体験を望む。

          全てのデザイナーが知っておくべき10の法則 デザイン会社 ビートラックス: ブログ
        • 新しい日本語フォントがたくさんリリースされてる! 2021年、日本語の新作フリーフォントのまとめ

          2021年もあと残り2週間ですね、今年リリース・アップデートされたひらがな・カタカナ・漢字が使える日本語の新作フリーフォントを紹介します。 ゴシック、明朝、デザインフォント、手書きフォントなど、盛りだくさんです! これまでの日本語フリーフォント総まとめは、下記をご覧ください。 日本語のフリーフォント総まとめ -商用サイトだけでなく紙や同人誌などの利用も明記 後日、上記に追加します。 2021年フォント界の大きなニュースは、Google Fontsに大量の日本語フォントが追加されたことです。Webフォントとして利用できるのはもちろん、オープンソースになったので商用プロジェクトでも無料で利用できます。 というわけで、Google Fontsで利用できるようになった日本語フォントから紹介します。有料だったフォント(砧書体やZENフォントやFontworksなど)もオープンソースのSILライセンス

            新しい日本語フォントがたくさんリリースされてる! 2021年、日本語の新作フリーフォントのまとめ
          • ググり力、それはエンジニアには必須の能力である - Qiita

            ググり力、それはエンジニアにとっては 必須の能力 になりつつあると思います。 さて、皆さんは自分のググり力で欲しい情報にちゃんとたどり着けると言えますか? @Yametaro さんからのお題です。 ある日、コードレビュー中ワイ ワイ「さぁ、今日も同僚のコードをレビューしていくでぇ」 ワイ「まずは新卒のT君のコードを読んでいこか」 ワイ「どれどれ…」 ワイ「ん?なんやこの??っていう書き方は…?」 ワイ「ググってみよか…」 ワイ「JavaScript ??と入力して、検索ボタンをポチッとな」 ワイ「…あれ?それらしい検索結果が出てこんな…」 ワイ「ぐぬぬ、記号関係はググりづらいこともあるんやな…」 ワイ「これじゃあ今日はもう、酒飲んで寝るしかないやないか…」 〜飲酒、そして就寝へ…〜 では JavaScript で ?? の検索方法はどうしたらいいのか? ここに1つの解答を示しておきます!

              ググり力、それはエンジニアには必須の能力である - Qiita
            • 2022年のモダンCSS改

              7/27(水)開催の「TechFeed Experts Night#1 〜 Web標準 / CSS / Webアクセシビリティを語ろう」で発表した内容です https://techfeed.io/events/techfeed-experts-night-20220727 スライド内のリンクがクリックできるPDF版はこちら https://drive.google.com/file/d/1fc98v082exdGcCuxS73wEN_Qe2COvdTW/view?usp=sharing 各デモURL ■ 上下左右中央揃え https://codepen.io/tonkotsuboy/pen/qBbpYzj ■ スムーススクロール https://codepen.io/tonkotsuboy/pen/NWyNMOo ■ すりガラス https://codepen.io/tonkotsuboy

                2022年のモダンCSS改
              • 日本のオタクに知って欲しい、西洋のオタクスラング「Proship」という単語の意味と「Proshipper」という概念|マロミチャン🐶

                日本のオタクに知って欲しい、西洋のオタクスラング「Proship」という単語の意味と「Proshipper」という概念 はじめにどうも、マロミと申します。 突然ですが英語圏のオタクが使うProshipやProshipperという単語、ご存知ですか? 私がはじめてこの単語を聞いて何を意味するスラングなのか調べた時、正しい解説を見つける事はできませんでした。 このnoteでは日本人の方がProshipやProshipperという単語を使う人に直面した時、理解できない言葉に戸惑わないよう、私が受けた嫌がらせを元に正しい言葉の意味と対処法について記していきたいと思います。 経緯が長いので、単語の意味だけを知りたい方は「Proshipの勉強」と「Proshipperの真の意味」の項目に飛んでください。 事の発端2022年7月。 とある海外ジャンルで二次創作をしていた私は、生まれて初めて英語のDMを貰

                  日本のオタクに知って欲しい、西洋のオタクスラング「Proship」という単語の意味と「Proshipper」という概念|マロミチャン🐶
                • 1on1の効果を高める3つの技法 - NTT Communications Engineers' Blog

                  この記事は NTTコミュニケーションズ Advent Calendar 2021 の11日目の記事です。 はじめに ヒューマンリソース部の岩瀬(@iwashi86)です。普段は、全社の人材開発・組織開発を推進しており、業務の1つとして、"1on1" の全社展開をしております。 本記事では、その"1on1"の効果を高める具体的な技法を紹介いたします。アドベントカレンダーということで、ゆるめに書いてみます。*1 NTT Com における1on1の目的とは? 技法を説明する前に、1on1の目的について説明します。技法はあくまで目的達成に向けたHowでしかないためです。 1on1の目的とは何でしょうか?1on1それ自体には、複数の目的が挙げられます。代表的なところで言えば次のようなものでしょうか。 信頼関係の構築 離職率の低下 メンバー育成 目標達成へ向けた支援 etc... どれが正解というもの

                    1on1の効果を高める3つの技法 - NTT Communications Engineers' Blog
                  • Webデザイン100トレース | Hypertext Candy

                    こんにちわ!最近はフロント開発も担当させていただいてます、Yamamotoです。 今回はエンジニアがデザインを学ぶべく、100のWebサイトのデザイントレースをして、学んだことをまとめてみました。 エンジニアまたは未経験だけど、Webデザインにも興味があるという方の、何かのきっかけになれば幸いです。 目次 なぜ Webデザインを学ぼうと思ったのか デザイントレースについて 100トレースして学んだこと なぜWebデザインを学ぼうと思ったのか ざっくりですが、実務を行いながら以下のように思うことがありました。 細部のデザイン指示がなく、開発の手が止まってしまう どう実装するか目線の発想・提案しか浮かばない 綺麗なコードだけではなく、視野を広げてより良いものを作りたい などなど... デザイナーとエンジニアの業務は差別化されてはいますが、互いに近接し交わる部分も多くあります。そんな中で、業務効

                      Webデザイン100トレース | Hypertext Candy
                    • 実はHTMLだけで多くのことが実現できる!知っておくと便利なHTMLの使い方

                      HTMLだけで多くのことが実現できるのは素晴らしいことです。一昔前までは、CSSやJavaScriptを使用しなければできなかったこと、かなり複雑なコードを書かなければできなかったことが、実はHTMLだけで多くのことが実現できます。 知っておくと便利なHTMLの使い方をまとめて紹介します。 HTML can do that? by Ananya Neogi 先日紹介した「CSSでここまでできるのか!」の続編です。 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 1. datalist -フォームに入力候補を表示 2. dialog -ダイアログ ボックス 3. progress -プログレスバー 4. detailsとsummary -開閉パネル 5. inputmode -スマホで入力時に適したキーパッドを表示 6. inpu

                        実はHTMLだけで多くのことが実現できる!知っておくと便利なHTMLの使い方
                      • UIデザイナーが知っておきたい海外の優れたデザインシステム17選 | ベイジのUIラボ~業務システムとSaaSのUIを考える

                        デザインシステムとは、サービス開発する上で必要となるデザインの概念、スタイルガイド、コンポーネント集などで構成されるデザインのルールです。 Salesforce.comの「Lightning Design System」が2015年に登場して以来、多くの企業がこのデザインシステムを導入するようになりました。 プロトタイピングツールで有名なUXPinが提供するデザインシステムプラットフォーム「adele」では、90個以上(2019年12月現在)ものデザインシステムが公開されています。その企業のラインナップを見ると、大手ITベンダー、SaaSベンダーのみならず、自治体、金融機関、大学など多くの業界で、組織のブランド確立のために、デザインシステムを活用していることが分かります。 GoogleやAppleが提供するデザインシステムは、既に多くのブログで語りつくされていますが、その他の企業でも素晴ら

                          UIデザイナーが知っておきたい海外の優れたデザインシステム17選 | ベイジのUIラボ~業務システムとSaaSのUIを考える
                        • 20 年代のフロントエンド.md

                          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

                            20 年代のフロントエンド.md
                          • デジタル庁デザインシステムβ版

                            デジタル庁デザインシステムは、スタイリングの考え方を提供するデザイン言語、情報の視覚表現とインタラクションを具現化するUIコンポーネント、ユーザビリティとアクセシビリティを踏まえた設計や実装のためのガイドラインから構成されるデザインアセットです。 デジタル庁のミッションである「誰一人取り残されない、人に優しいデジタル化を。」の実現に寄与することを標榜し、官公庁や地方自治体などの行政機関や公共性の高い組織等のウェブサイト/ウェブアプリケーション/オンラインサービスまたはシステム等で利用することを念頭に置いて構築されています。

                              デジタル庁デザインシステムβ版
                            • 「デイリーポータルZ」がサイト改善で入会数54.6%増! ウェブ解析士マスターと語る裏話 | 【レポート】Web担当者Forumミーティング 2022 秋

                                「デイリーポータルZ」がサイト改善で入会数54.6%増! ウェブ解析士マスターと語る裏話 | 【レポート】Web担当者Forumミーティング 2022 秋
                              • フラットで可愛いイラスト素材を無料でダウンロードできるサイト10選 – ワードプレステーマTCD

                                PageSpeed Insightsで表示される「使用していない JavaScript の削減」の対策方法 2024.04.24

                                  フラットで可愛いイラスト素材を無料でダウンロードできるサイト10選 – ワードプレステーマTCD
                                • 日本のウェブデザインの特異な事例

                                  sabrinas.spaceより。 8週間もかからなかったはずのプロジェクト 日本のウェブデザインはどう違うのか? 2013年のRandomwireのブログ投稿で、著者(David)は、日本のデザインの興味深い相違点を強調しました。日本人はミニマリストのライフスタイルで海外に知られていますが、ウェブサイトは奇妙なほどマキシマリストです。ページには様々な明るい色(3色デザイン原則を破っている)、小さな画像、そして多くのテキストが使われています。2022年11月に撮影されたこれらのスクリーンショットで、自分の目で確かめて下さい。 ブログ投稿には、文化的専門家、デザイナー仲間、そして不満を抱く市民によって支持されている、考えられる理由がいくつか挙げられていました。 この理論が今でも正しいのか、また、もっと定量的なアプローチが可能なのか気になったのでやってみました。 私が見つけたもの 各国の最も人

                                    日本のウェブデザインの特異な事例
                                  • マネージャー&リーダー向け 社内トレーニング / Training of management and leadership for Stockmark

                                    ストックマークの社内研修の公開版※資料です。 (※実際に研修で利用したものとは異なります)

                                      マネージャー&リーダー向け 社内トレーニング / Training of management and leadership for Stockmark
                                    • Webサイトのメインビジュアルの構図を集めて分析してみた。|ameko

                                      初めまして、ameko(@tk04amedama)と申します。 普段は都内の制作会社でWEBデザイナーをしています。 と言ってもまだまだ新米なので、日々勉強中です。 その勉強の一環で、最近のWebサイトで使われている メインビジュアルの構図を一覧にしてまとめた画像をTwitterに投稿してみたところ、思いがけず多くの方に反応いただけたので、その後に行っていた構図ごとの分類分けや分析も公開してみようと思い、初めてnoteに投稿してみました。 はじめに集めたサイトの数は全部で70個。自分の仕事の参考のために集めたものなのでほとんどがBtoB向けサイトです。(BtoC向けサイトだと、この構図一覧もまた、全然違うものになりそうだなと思う。) 構図の名前は、なんとなく自分なりに語呂がいい名前をつけているだけなので、あまり突っ込まずふんわり流していただけると幸いです。(もしこの構図の正式名称とかあった

                                        Webサイトのメインビジュアルの構図を集めて分析してみた。|ameko
                                      • Webデザインで「紙っぽさ」を出す方法を考えてみる|akane

                                        こんにちは!株式会社Rabeeの新人デザイナーのakaneです🏋 今回は、Webデザインで「紙っぽさ」を出す方法を考えてみました。参考事例も掲載しながら紹介していくので、どうぞ最後までお楽しみください! はじめに:「紙っぽさ」とは?私が言う「紙っぽさ」とは、おもに「雑誌っぽさ」のことです。Webデザインだけど、雑誌っぽい。ディスプレイに映っているけれど、エディトリアル感がある。 たとえば、以下のようなデザインは私にとって「紙っぽい」例です。 出典:六本木未来会議出典:DMN出典:ぼくのおじさんどうして、私はこれらを雑誌のようだと感じるのでしょう?自分なりに考えたポイントを、ひとつずつ紹介していきます。 その①:文字が「組まれて」いる最初に挙げたWebサイトのひとつをよく見てみると、画像左上にある「NO. 153」の文字のうち、「NO.」だけが縦向きになっています。「NO.」と「153」を

                                          Webデザインで「紙っぽさ」を出す方法を考えてみる|akane
                                        • なぜデザイン思考はゴミみたいなアイデアを量産してしまうのか|サカキバラ・ケイ

                                          デザイン思考がもてはやされてしばらく経ちましたが、デザイン思考の成功例、何か思い出せますか?仮に思い浮かんだとしたら、その「成功例」は本当にデザイン思考によって生まれたものですか? 一応最初に断っておきますと、僕は「デザイン思考はゴミだ」と言っているわけではありません。デザイン思考(デザインシンキング)にも向き・不向きがあるのに、その特性を踏まえないまま変なバッターボックスに立たせた企業が大変シュールな状況に陥っていることを、普段デザインで事業成長を支援している身として危惧しているというわけです。マイナスドライバーでプラスのネジを回すのはやっぱり無理があるし、おもしろTwitterおじさんだった人に大統領をやらせたらそりゃみんな怪我するよね、という単純な話です。 著名デザインファームPentagram New Yorkのグラフィックデザイナーであり教育者でもあるNatasha Jenは「D

                                            なぜデザイン思考はゴミみたいなアイデアを量産してしまうのか|サカキバラ・ケイ
                                          • 「日本人の好むセンスがこれ」映画のポスター、楽天のページ、商品パッケージ… 『説明的でわかりやすい』ものにしないと売れないという話

                                            halno_旅の写真家 @halno_IG 映画ポスターが盛り上がってますが、現代の「一般的な」日本人の好むセンスがこれなんです。こうしないと売れない。広告、POP、パッケージ。権威的で失敗しない、説明的でわかりやすいのが好きなんです。良いか悪いかは別として、うまいことやってるなぁと思う。ストゼロなんて99.99の10倍売れてるし。 pic.twitter.com/fXWmDyMCBX 2020-02-11 21:46:50

                                              「日本人の好むセンスがこれ」映画のポスター、楽天のページ、商品パッケージ… 『説明的でわかりやすい』ものにしないと売れないという話
                                            • 「パラサイト」のポスターが日本版ではあんな感じに改変されたけど、逆に日本映画が韓国に行くとどんなポスターになる?

                                              付箋 @KDystopia @__naco13__ @hashizume_y 日本でも無印良品のポスターなどは素敵なんですが、映画のようにあれやこれやの企業が絡むとみんなが口を出して結局全部を足すことで話をまとめる、みたいなことになってしまうのかな。なぜ簡素さの勇気に踏み出せないのだろう。 pic.twitter.com/7QKGn5FVqZ 2020-02-13 11:59:26

                                                「パラサイト」のポスターが日本版ではあんな感じに改変されたけど、逆に日本映画が韓国に行くとどんなポスターになる?
                                              • フリーフォントの作者様に感謝! 最近リリースされた日本語フリーフォントのまとめ -2022年上半期

                                                2022年上半期にリリースされたものを中心に、ひらがな・カタカナ・漢字が使える日本語の新作フリーフォントを紹介します。 作品にインスパイアされたフォント、漫画や同人誌にぴったりなアンチック書体、プログラミング向けのフォント、タイトルやコピーに使えるデザインフォントなど、たくさんのフォントがリリースされています。

                                                  フリーフォントの作者様に感謝! 最近リリースされた日本語フリーフォントのまとめ -2022年上半期
                                                • Midjourneyを1年間使って見つけた、Webデザインに使えるプロンプト全ガイド

                                                  「どうすればAIをWebデザインに活用できるだろう」 人工知能AIがこれだけ話題になったいま、Webやグラフィックデザイン、イラストやゲームなどクリエイティブな業務をこなす人なら、一度は考えたことがあるかもしれません。 答えのひとつはずばり、Midjourneyなどの画像生成AIでイメージを具現化すること。 しかし、そうは言っても入力できるプロンプトは無限にあり、実際にどのように入力すれば最高の結果を得ることができるのか、すべて調べるのはあまりにも大変です。 そこでこの記事では、Midjourneyを1年間使い続けて見つけた、Webデザインに使えるMidjourneyプロンプト、小技テクニックをまとめてご紹介します。 具体的なサンプル例とプロンプトを一緒に記載しており、コピペでそのまま利用できます。 「Midjourneyって何?」というひとは、基本の使い方をまとめた以下のガイドを参考にど

                                                    Midjourneyを1年間使って見つけた、Webデザインに使えるプロンプト全ガイド
                                                  • ゼロから始める、データ分析と可視化 - Kyash Product Blog

                                                    はじめまして。Kyashでデータエンジニアリングを担当しているKyashデータマンです。この記事では、Kyash社内のデータ分析の基礎に関するドキュメントを紹介します。 Kyashでは、データエンジニアリング・ガバナンス・セキュリティなど様々な角度から、公正なデータの取扱いと活用を推進しています。従来は、一部の訓練された技術者がデータ分析を一手に担っていましたが、社内でもデータ活用のニーズも多く、その担当者に分析や集計の業務が集中するという課題がありました。 この課題に対して、データへの適切なアクセス管理を行い、そして適切なBIツールを導入することで、データを取り扱う人が自分でデータ分析・そして活用できるようになることを目指しています。アクセス管理には、個人情報やそれに準ずる機密データに対して、ポリシータグによるアクセス権のコントロール、そしてアクセス権のリネージなどのソリューションの導入

                                                      ゼロから始める、データ分析と可視化 - Kyash Product Blog
                                                    • 「胃がキュッてなった」「私だったら泣いちゃう」東京都現代美術館『石岡瑛子展』で展示された石岡さんの校正指示がヤバいと話題に

                                                      東京都現代美術館 @MOT_art_museum #東京都現代美術館 で開催中の「石岡瑛子 血が、汗が、涙がデザインできるか」展は2月14日の閉幕が近づき、予約優先チケットは全日完売しております。また当日券の方はチケット購入、展示室入場までかなりのお時間お待ち頂いております。ご来館時のお願いについて→ mot-art-museum.jp/news/2021/02/2… pic.twitter.com/DvMBRIJTZa 2021-02-09 14:38:49

                                                        「胃がキュッてなった」「私だったら泣いちゃう」東京都現代美術館『石岡瑛子展』で展示された石岡さんの校正指示がヤバいと話題に
                                                      • デザインを「見る」訓練をしている話。4つのステップと勉強法|せんざき|n2p designer

                                                        どうもご無沙汰しておりますせんざきです。 最近、デザインを見る訓練をすごく重視してやっています。 このテーマは、タイトルだけ書いておいて、まだ書く時じゃないなあと思いながら温めていたものです。 正直まだ、書く時じゃないなあという感じもするのですが、どういうことなのか言語化できそうな段階まで来たので、メモがわりに書き起こしていこうと思います。 はじめにまず、「デザインを見る訓練ってなんやねん」っていう話をします。 本当にここ数ヶ月、デザイナーにとっての見る力の大切さを日々感じているんです。 このツイートは、見る力について書いていて、結構反響があったものです。 原研哉さんが運営してる低空飛行っていうサイトがあるんですけど、ここの写真や映像、iPhoneで撮ってるらしい、、 目が良ければiPhoneでもこんなに綺麗に撮れるんだなあhttps://t.co/S7WBO3JSG8 pic.twitt

                                                          デザインを「見る」訓練をしている話。4つのステップと勉強法|せんざき|n2p designer
                                                        • 無料で商用可のフリーイラスト素材|Loose Drawing

                                                          2020年の終わりに私たちLoose Drawingは始まりました。最初のころは、訪問者数が1日3人、5人という日もありましたが、今では月間10万人以上の方々にご利用いただいており、この場を借りて心から感謝申し上げます。 しかし、サービスの成長とともに運用コストも増加しています。私たちは、ユーザー体験を最優先に考え、広告は最低限に留めており、広告を増やして収益を上げることもできますが、それは私たちの理念に反します。 ここで皆様にお願いがあります。もしLoose Drawingが皆様の創作活動に少しでも役立っているなら、私たちにコーヒー1杯分のサポートをしていただけないでしょうか。皆様からの温かいサポートが、私たちのサービスを継続し、さらには発展させていく力となります。

                                                            無料で商用可のフリーイラスト素材|Loose Drawing
                                                          • デザインに活かせるフレームワーク20|金 成奎

                                                            久しぶりのnote投稿です。今回は自分の勉強がてら、UX・情報設計・アジャイル開発など、デザインに関わる様々な局面で知っておくと役立つフレームワークを集めてみました。 有名なものからデザイン以外にも使えそうなものまで幅広く選んでいますので、気になるものがあれば改めて実作業に生かすなり、掘り下げて研究するなり、資料に生かすなりしてもらえると良いのではないかと思います。 (ちなみにここでいう「フレームワーク」とは共通して用いることのできる考え方や思考の型や枠のようなもので、いわゆるCSSフレームワークの類ではありませんので、その点ご了承ください) 1.UXの5段階モデル まずは有名なUXの5段階モデル。アメリカのUXデザイナーであるJesse James Garrett 氏が著書『Elements of User Experience(ウェブ戦略としての「ユーザーエクスペリエンス」)』にて提唱

                                                              デザインに活かせるフレームワーク20|金 成奎
                                                            • なにこれ便利すぎる! WebページのURLを入力すると、編集可能なFigma用に変換できるプラグイン -html.to.design

                                                              WebページのURLを入力するだけで、編集可能なFigmaデザインに変換できる無料プラグインを紹介します。 AppleなどのWebページを1クリックで変換するのはもちろん、日本語のWebページでも問題なく動作しました。Webデザインの勉強用に、既存サイトをリニュアールする用にも便利ですね。 html.to.design -Figma URLを入力するだけでFigmaに変換 html.to.designの利用方法 html.to.designの使い方 URLを入力するだけでFigmaに変換 html.to.designは、URLを入力するだけでFigmaに変換できる無料のプラグインです。さまざまなWebページを編集可能なFigmaデザインに変換します。 すべてをゼロから作成することなく、別のWebサイトを使用して独自のデザインのインスピレーションを得られます。 既存のWebサイトをリデザイン

                                                                なにこれ便利すぎる! WebページのURLを入力すると、編集可能なFigma用に変換できるプラグイン -html.to.design
                                                              • ピクセルフォントが大好物な人に!第1・第2水準漢字まで収録された商用無料のフリーフォント -マルモニカ

                                                                ピクセルフォントが大好物な人に朗報です! ピクセルフォントを多数リリースしているx0y0pxFreeFontから新作フォント「マルモニカ」がリリースされました。 可読性に優れたピクセルフォントで、ひらがな・カタカナ・英数記号文字をはじめ、JIS第1水準漢字2965字、第2水準漢字3390字が完全収録されています。さらに、ライセンスも太っ腹で、商用無料、ゲームやスマホアプリへの埋め込みもOKです。 マルモニカ マルモニカの特徴 マルモニカのダウンロード x0y0pxFreeFontの他のフォント マルモニカの特徴 マルモニカは、ピクセルフォントを多数リリースしているx0y0pxFreeFontの新作フォントです。 ピクセルが形作る曲線美を追求した丸ゴシック体のピクセルフォントで、ひらがな・カタカナ・英数記号文字をはじめ、JIS第1水準漢字2965字、第2水準漢字3390字が完全収録されていま

                                                                  ピクセルフォントが大好物な人に!第1・第2水準漢字まで収録された商用無料のフリーフォント -マルモニカ
                                                                • 『新紙幣は千円札と一万円札で「1」のフォントが違っていてキモすぎる!』→視覚障害者などが使いやすいデザインだし旧紙幣もフォントは違っている

                                                                  ひまだ @EGFinal_mada 新紙幣、千円の「1」はただの棒で1万円の「1」が折れ曲がってるやつなの、キモすぎ!!!!!!!!!!! pic.twitter.com/NzZPsJ0NL0

                                                                    『新紙幣は千円札と一万円札で「1」のフォントが違っていてキモすぎる!』→視覚障害者などが使いやすいデザインだし旧紙幣もフォントは違っている
                                                                  • GA4がよくわからん。となってしまう5つの理由。

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

                                                                      GA4がよくわからん。となってしまう5つの理由。
                                                                    • もうデザイナーいらないって言われた話【無料デザインツールCanva】 - Qiita

                                                                      みなさま、こんにちは。 プラコレアドベントカレンダー2019も折り返して、8日目。 冒険法人プラコレのデザイナーzukaです。 (投稿が遅れてしまいました。本当に申し訳ございません。) なんだかんだとデザイナー歴3年目。 少しずつ社内で力になれることも増えて、毎日充実しております。 令和初のクリスマスも間近に迫り、 女性率の高いプラコレ社内は一層明るい会話も飛び交っておりますが、 先週、信じられない発言が私の耳をつんざきます。 “もう、自分でつくれちゃうから” えぇ…………。 私たちはDressy(ドレシー)というブライダル系メディアを運営しており、 多くの花嫁さまのハートをきゅんとつかむようなコンテンツを 365日毎日発信し、業界へ新しい価値を提供しております。 なかでもデザイナーの役割といえば、 良質なグラフィックを作り出し、企画を盛り上げること。 かつての広告バナー100000000

                                                                        もうデザイナーいらないって言われた話【無料デザインツールCanva】 - Qiita
                                                                      • 【CSS】「これどうやる?」アップルやテスラのWebレイアウト再現テクニック集

                                                                        AppleやNike、Teslaといった誰もが知る大企業のWebレイアウトを、CSSで再現するテクニック集がTwitterで投稿され、話題となっています。 CSSのみで表現できる目からウロコのテクニックが中心で、あの驚くようなエフェクトも実はシンプルな数行のコードで表現されていたりします。 コピペできるCSSコードと一緒に、デモサンプルも確認してみましょう。CSSで解決できるテクニック、増えています。 「これどうやる?」アップルやナイキなど大企業Webサイトで利用中のレイアウト再現CSSテクニック集 ノーコードでレスポンシブなデザインを構築できる Builder.io のCEO @Steve8708は、有名サイトで使われている魅力的なレイアウトが、どのように作成されているのか、コピー用のサンプルコードと一緒にみじかい動画で詳しく紹介しています。 ユーザーの視線を奪うアニメーションやレイアウ

                                                                          【CSS】「これどうやる?」アップルやテスラのWebレイアウト再現テクニック集
                                                                        • デザイナーとフロントエンドエンジニアに知ってほしいWebのフォント周りのお話

                                                                          こんにちは。TAK(@tak_dcxi)です。 今回記事にするのはタイトル通り「デザイナーとフロントエンドエンジニアに知ってほしいWebのフォント周り」についてです。以前ツイートしましたが、特に説明もなかったので自分の備忘録も兼ねて。 Androidに明朝体は無い Apple製品しか利用しないデザイナーの方に話したら非常に驚かれるのですが、Androidにはデフォルトで明朝体は入っていないです。 よく明朝体マシマシのデザインを見かけたりするのですが、デバイスフォントだけではAndroidでそのデザインを実現することは不可能だと思っておいたほうが良いでしょう。 ただ、明朝体のWebフォントを利用すればAndroidでも明朝体は表示できるので、デザイン的に明朝体が必須って場合はWebフォントを利用しない手は無いと思います。 個人的見解ですが、デザイン重視なら明朝体はGoogle FontsでN

                                                                            デザイナーとフロントエンドエンジニアに知ってほしいWebのフォント周りのお話
                                                                          • はてなブログで、マンガのコマを貼れるようになりました - マンガ業界をよくしたい

                                                                            こんにちは!アルというマンガのサービスをやっている、けんすうと申します。最近ハマっているのは、ジャンプ連載中の「チェンソーマン」です。これやばい。 突然ですが、ブログで・・・マンガのコマ・・・、使いたいですよね? 寄生獣 / alu.jpalu.jp わかります。マンガのコマってセリフもあるし、見た目もすごいビビットだし、好きな作品だと使いたくなります。 しかし、、やはり「著作権」のことが思い浮かびます。引用の範囲内でやるという案もありますが、もうちょっと手軽に使いたい。 そこで、マンガサービスの「アル」は、マンガのコマを投稿していい作品をひたすら集めてきました。 今現在、講談社さんだと、今連載中の作品はほとんど、集英社さん、小学館さんも順次やっており、カドカワさんも200作品以上、まんがタイムきららなどの芳文社さんや新潮社さんなど、多くの出版社さんにも協力してもらっています。ありがとうご

                                                                              はてなブログで、マンガのコマを貼れるようになりました - マンガ業界をよくしたい
                                                                            • Web制作が面白いほどはかどる!便利な最新オンラインツール54個まとめ

                                                                              この記事では、ますます進化するウェブ制作の現場で重宝する、便利な最新オンラインツールをまとめてご紹介します。 「こんなツールが欲しかった」をかたちにした、制作ワークフローを改善できる時短ツールが多数揃っています。カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 前回のオンラインツールまとめと一緒に確認しておくと良いでしょう。 Web制作の常識が変わる、便利な最新オンラインツール48個まとめ コンテンツ目次 1. Web制作便利ツール 2. デザインコレクション 3. イラスト系ライブラリ 4. 配色ツール 5. プロトタイプツール 6. アイコンツール 7. コラボ、リモートワークツール 8. 面白、クリエイティブツール Web制作が面白いほどはかどる!便利な最新オンラインツールまとめ Web制作便利ツール Squircley デザイン制作で使える美しいSV

                                                                                Web制作が面白いほどはかどる!便利な最新オンラインツール54個まとめ
                                                                              • ヤラれました。雇用調整助成金。支払いまで2ヶ月以上の見込み、助成率が90%適用でも助成してくれる額は額面の50%くらい。ジャロに訴えたい… | 飲食店繁盛会〜飲食店売上アップ・経営コンサルティング・メニューブックデザイン

                                                                                HOME繁盛会News笠岡コラムヤラれました。雇用調整助成金。支払いまで2ヶ月以上の見込み、助成率が90%適用でも助成してくれる額は額面の50%くらい。ジャロに訴えたい… *本記事は、すでに情報が古くなっています。よく読んでいただければ理解いただけると思いますが、本記事の伝えたいメッセージは、お金がもらえるのは時間がかかること、額面の90%だと思っていたら、資金計画を間違えるので注意してほしいこと。そして、国もちゃんと普通の国民が誤解しないようわかりやすく伝えるべきであることに気がついてほしいことの3つです。 多くの方にアクセスしていただいたお陰で、今は、国の伝え方も、経営者の認識も、大筋正しい方向に向かったと思われるため、この記事の役割は終わったと思っています。今は、正しい情報がわかりやすくでています。今後の正確な情報は、厚生労働省のホームページをご覧ください。(2020/4/23) 笠

                                                                                  ヤラれました。雇用調整助成金。支払いまで2ヶ月以上の見込み、助成率が90%適用でも助成してくれる額は額面の50%くらい。ジャロに訴えたい… | 飲食店繁盛会〜飲食店売上アップ・経営コンサルティング・メニューブックデザイン
                                                                                • Adobe製品を使わない"デザイナー"?「ビジュアルコーダー」が考える、自己満足で終わらないWebデザインとは

                                                                                  Adobe製品を使わない"デザイナー"?「ビジュアルコーダー」が考える、自己満足で終わらないWebデザインとは

                                                                                    Adobe製品を使わない"デザイナー"?「ビジュアルコーダー」が考える、自己満足で終わらないWebデザインとは