検索対象

並び順

ブックマーク数

セーフサーチ

期間指定

  • から
  • まで

webdesignの検索結果(絞り込み: 3 users 以上)183361 件中 1 - 40 件目

  • プロのUIデザイナーに学ぶ!UIとUXの印象がよくなるデザインの知識とテクニックのまとめ vol.12

    デザインはちょっとした一手間を加えるだけで、ぐっとよくなります。 プロのUIデザイナーによるWebページやスマホアプリのUIとUXを改善するデザインの知識とテクニックを紹介します。 第12弾は、フォー...

    プロのUIデザイナーに学ぶ!UIとUXの印象がよくなるデザインの知識とテクニックのまとめ vol.12
    • 昔のゲームのBGMっぽいものを自動生成したい - ABAの日誌

      昔ってのはゼビウスとかディグダグとか、1980年代前半までさかのぼるくらいの昔。この頃のレトロアーケードゲームのBGMは、4~8小節くらいの短いフレーズを繰り返すものがあった。 自作ミニゲームのBGM...

      昔のゲームのBGMっぽいものを自動生成したい - ABAの日誌
      • 「Visual Studio」の中の人が作ったプログラマー向け十徳ナイフ「DevToys」/今までググって探していたツールがひとまとめに

        「Visual Studio」の中の人が作ったプログラマー向け十徳ナイフ「DevToys」/今までググって探していたツールがひとまとめに
        • WebGL(Three.js)参考サイト10選【日本・海外に分けて紹介】 | 【運用・改善が得意な仙台のホームページ制作会社】AndHA(アンドエイチエー)

          webGLの参考サイトを「日本サイト」「海外サイト」に分けご紹介させて頂きます! 少しでもwebGLサイトを作る上で助けになってもらえると嬉しいです。 ※こちらの記事もおすすめです。 :【Three.js入門...

          WebGL(Three.js)参考サイト10選【日本・海外に分けて紹介】 | 【運用・改善が得意な仙台のホームページ制作会社】AndHA(アンドエイチエー)
          • エンジニアのための Figma 知識

            エンジニアにデザインツールの知識・習熟は必要か? しなくても仕事はできると思うのですが、あるとよりクオリティの高い仕事ができることは間違いありません。 という訳でエンジニアがエンジニアとし...

            エンジニアのための Figma 知識
            • Whirl: CSS loading animations with minimal effort!

              • 実装しながら理解するモーダルのアクセシビリティ with React

                はじめに この記事では以下のアクセシビリティ要件を満たすモーダルを実装します。 モーダル要素に role 属性、aria-modal 属性、aria-labelledby 属性、aria-describedby 属性が付与されている モーダ...

                実装しながら理解するモーダルのアクセシビリティ with React
                • Webブラウザ上で動作する帳票エンジンを作る話

                  We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

                  Webブラウザ上で動作する帳票エンジンを作る話
                  • エンジニアを始めてから便利だったツールまとめ

                    概要 3年ほど前にエンジニアを始め、その時に初めてMacを触ってからいろいろな便利ツール・アプリに出会ってきたのでその中でおすすめなものをまとめました。 ※WEB用ツール多めです GUIツール・アプリ ...

                    エンジニアを始めてから便利だったツールまとめ
                    • サクっと作った英語学習サービスがバズって1週間以内にやったこと - Qiita

                      要約 Qiita記事がトレンドインすると、瞬間的にWebサービスへのアクセス数が急増するが、数日でアクセス数は元に戻ってしまう。 そこで以下の施策を速攻で打ってバズっているうちに有益な学びを得るべ...

                      サクっと作った英語学習サービスがバズって1週間以内にやったこと - Qiita
                      • rjとtとjqコマンドでHTTPレスポンスを試験する

                        Web 開発者は HTTP レスポンスをよく見る。 以前 CDN を導入する際に、キャッシュがヒットしているかどうか、どこのエッジがキャッシュを返しているかを確認するためにヘッダをよく見ていた。また、ヘ...

                        rjとtとjqコマンドでHTTPレスポンスを試験する
                        • フリーランサーをカモにするネット詐欺に要注意【引っ掛からないように気を付けよう!】

                          フリーランサーをカモにするネット詐欺に要注意【引っ掛からないように気を付けよう!】
                          • Adobe製品と同じような事をフリーソフトでやりたい場合の対応表がすごく使える→他にも高機能なフリーソフトが集まる

                            紹介されているフリーソフトは企業が無償提供しているものや信頼性の高い老舗のフリーソフトですが、野良フリーソフトの中にはウイルスを感染させる目的のものもあるので、信頼できる企業のもののみを...

                            Adobe製品と同じような事をフリーソフトでやりたい場合の対応表がすごく使える→他にも高機能なフリーソフトが集まる
                            • Lorem JPsum | 自然な日本語ダミーテキストを自動生成

                              さがすと証拠もぞくぞく出ているのです。すると鳥捕りが横からちらっとそれを見ていたのです。まっ白な、あのさっきの北の十字架のようになった水は見えなくなりました。みんなほんとうに別れが惜しそ...

                              Lorem JPsum | 自然な日本語ダミーテキストを自動生成
                              • WordPressで投稿のカテゴリー名・ID・スラッグを「取得」「表示」させる方法まとめ

                                この記事の概要 この記事では、WordPressのデフォルト機能としてある「投稿(投稿タイプ)」に登録されているカテゴリーを取得する方法をご紹介します。single.phpファイル内に記述することが多くある...

                                WordPressで投稿のカテゴリー名・ID・スラッグを「取得」「表示」させる方法まとめ
                                • CSSによるレイアウトの崩れやおかしな挙動を解決するテクニックのまとめ -Defensive CSS

                                  WebページやUIコンポーネントのレイアウトの崩れ、おかしな挙動にあらかじめ対応しておくためのCSSのテクニックを紹介します。 FlexboxやCSS Gridによるレイアウトの崩れ、テキストが長いコンテンツ、...

                                  CSSによるレイアウトの崩れやおかしな挙動を解決するテクニックのまとめ -Defensive CSS
                                  • 仕様書の参考例と、こんな内容を仕様書に最低書くといいというお話|田辺めぐみ|note

                                    よく、仕様書を書いていなくて、書いてみたいけど、具体的な仕様書がネット上に落ちてなくってこまってるって相談を受けるので 「仕様書の記載内容のイメージ」を作りました! ※前提として「現在仕様書...

                                    仕様書の参考例と、こんな内容を仕様書に最低書くといいというお話|田辺めぐみ|note
                                    • 採用サイトは「面接直前」しか読まれない。採用サイトのあるべき姿を徹底調査|WACUL TECHNOLOGY & MARKETING LAB | 株式会社WACUL

                                      ツイート シェア PDFダウンロード 調査に至った背景 採用サイトで本当に必要なコンテンツはなにか? 求職者と企業の接点の一つである「採用サイト」は、企業によっては毎年作り替えられるほど重んじら...

                                      採用サイトは「面接直前」しか読まれない。採用サイトのあるべき姿を徹底調査|WACUL TECHNOLOGY & MARKETING LAB | 株式会社WACUL
                                      • CSSの新機能コンテナクエリのポリフィルがこれほど使いやすく、Googleから提供されたことは素晴らしい

                                        先日の記事(2022年、注目しておきたいCSSの新機能のまとめ)の中でもすぐに使えたら便利な機能の一つが、コンテナクエリです。 コンテナクエリがすべてのモダンブラウザで動作するポリフィルがGoogle...

                                        CSSの新機能コンテナクエリのポリフィルがこれほど使いやすく、Googleから提供されたことは素晴らしい
                                        • 2021年にCodepenで話題!コピペ可なHTMLスニペット ベスト100発表 - PhotoshopVIP

                                          HTMLなどのコードをブラウザ上で確認ができ、公開や共有もできるなど、世界中のデベロッパーが愛用するCodepen。 この記事は、2021年に特に人気の高かったHTMLスニペットをランキング形式でまとめた Th...

                                          2021年にCodepenで話題!コピペ可なHTMLスニペット ベスト100発表 - PhotoshopVIP
                                          • 2022年から使ってゆくCSS 〜疑似クラス :is() 〜

                                            こんにちは、森田です。 2022年初記事です。明けましておめでとうございます。 本年も Gaji-Labo よろしくお願いいたします。 さて、年も変わったことですし今年から新しいことを始めたいと思います。 ...

                                            2022年から使ってゆくCSS 〜疑似クラス :is() 〜
                                            • さくらのレンタルサーバがリニューアル 価格据え置きで最大で性能5倍の新サーバ提供へ

                                              この記事は新野淳一氏のブログ「Publickey」に掲載された「さくらのレンタルサーバがリニューアル、価格据え置きで最大で性能5倍の新サーバ提供へ。既存ユーザーの移行も可能」(2022年1月18日掲載)を...

                                              さくらのレンタルサーバがリニューアル 価格据え置きで最大で性能5倍の新サーバ提供へ
                                              • Vite + React で新規プロジェクトの開発環境を作ろう

                                                2022年1月18日 JavaScript, React Viteは2020年に発表されたフロントエンドのビルドツールです。最初「ヴァイト」と読んでたんですが、「ヴィート」と読むみたいですね。フランス語で「速い」という意...

                                                Vite + React で新規プロジェクトの開発環境を作ろう
                                                • 2022年、Webデザインの新しいトレンド「クレイモーフィズム」のスタイルをさまざまな要素に適用できるCSS

                                                  クレイモーフィズムはWebデザインの新しいトレンドの一つで、クレイ粘土みたいなもこもこの質感にシャドウを加えてフラットなデザインに奥行きを与えます。メタバースなどの影響でデザインやイラストに...

                                                  2022年、Webデザインの新しいトレンド「クレイモーフィズム」のスタイルをさまざまな要素に適用できるCSS
                                                  • Safari 15 IndexedDB Leaks

                                                    Information leaks resulting from an IndexedDB same-origin policy violation in WebKit (a browser engine primarily used in Safari, as well as all iOS and iPadOS web browsers).

                                                    Safari 15 IndexedDB Leaks
                                                    • "security.txt" についてまとめみた

                                                      CISSPの継続学習で知ったので忘却録としてまとめました。 security.txtとは security.txtとは、IETFが提唱している、ウェブサイトにセキュリティポリシーやサイトの脆弱性を発見したときの連絡先を記載...

                                                      "security.txt" についてまとめみた
                                                      • これはかなりオススメの良書! 最近のWebデザインのアイデア・作り方がよく分かる -Webデザイン良質見本帳

                                                        Webデザインをレイアウトや構図から、最近のトレンドから、カラーや配色から、業種やジャンルから、印象やイメージから、そのデザインのアイデアや仕組みや作り方が分かるオススメの解説書を紹介します...

                                                        これはかなりオススメの良書! 最近のWebデザインのアイデア・作り方がよく分かる -Webデザイン良質見本帳
                                                        • UI上のラベルや説明文をどこにどれくらい書くべきか - hitode909の日記

                                                          インタラクションのあるUIを作っていると、UIパーツのみからは挙動を読み解けない場合があって、そういうときには、一言説明を添える、ということをやる。 こういうときに、どこにどれくらいの説明があ...

                                                          UI上のラベルや説明文をどこにどれくらい書くべきか - hitode909の日記
                                                          • clay.css - by Adrian Bece

                                                            NPM npm i claymorphism-css yarn add claymorphism-css CDN <link rel="stylesheet" href="https://unpkg.com/claymorphism-css/dist/clay.css" /> 2. Apply it Class clay provides bare minimum sty...

                                                            clay.css - by Adrian Bece
                                                            • 2ヶ月でCore Web Vitals, Lighthouseスコアを大幅改善するために行ったこと - SMARTCAMP Engineer Blog

                                                              こんにちは!!!スマートキャンプでエンジニアをしている吉永です! 自己紹介記事はこちら 前回の記事はこちら 私は現在、スマートキャンプの主力サービスであるBOXIL SaaS(以下、BOXIL)の開発にフロ...

                                                              2ヶ月でCore Web Vitals, Lighthouseスコアを大幅改善するために行ったこと - SMARTCAMP Engineer Blog
                                                              • 2022年、注目しておきたいCSSの新機能のまとめ

                                                                2022年に注目しておきたいCSSの新機能を紹介します。いくつかの機能はすでに1つ以上のブラウザでサポートされており、他のブラウザもそれに続く予定です。 ビューポートではなく親コンテナに応じてスタ...

                                                                2022年、注目しておきたいCSSの新機能のまとめ
                                                                • フロントエンドを集中的に学習できる究極の無料リソースを厳選してみた! - paiza開発日誌

                                                                  どうも、まさとらん(@0310lan)です! 今回は、フロントエンド開発者およびこれから学習をしようと考えている人に最適な無料リソースを厳選してご紹介します。 学習コンテンツばかりでなく、開発に便...

                                                                  フロントエンドを集中的に学習できる究極の無料リソースを厳選してみた! - paiza開発日誌
                                                                  • 顧客との打ち合わせが上手い人がやっていること|いまにし|note

                                                                    打ち合わせに苦手意識を持っている人は多いのではないでしょうか。 私はウェブディレクターとして、これまで数多くの打ち合わせに参加してきましたが、プロジェクトを円滑に進めていくためには、ファシ...

                                                                    顧客との打ち合わせが上手い人がやっていること|いまにし|note
                                                                    • 2022年1月:デザインの参考にしたい魅力的なWebサイト14選 | Web Design Trends

                                                                      2022年1月の最近見つけた「デザインの参考にしたい魅力的なWebサイト」をまとめました。 優れたWebデザインに触れることによって、トレンドのデザインを知ることができたり、デザインのヒントを見つか...

                                                                      2022年1月:デザインの参考にしたい魅力的なWebサイト14選 | Web Design Trends
                                                                      • 今日から効率UP!Web運営の現場で使われているChrome拡張機能29選 | [マナミナ]まなべるみんなのデータマーケティング・マガジン

                                                                        ネット関係のマーケター、あるいはWebサイト運営者はブラウザに触れている時間が長い職種の一つと言えるでしょう。Webページやあるデザイン要素の構成要素をチェックすることは、技術的に詳しい方なら...

                                                                        今日から効率UP!Web運営の現場で使われているChrome拡張機能29選 | [マナミナ]まなべるみんなのデータマーケティング・マガジン
                                                                        • パララックスもこれで簡単に! HTMLやCSSを変更せずにシンプルに実装できるスクリプト -simpleParallax.js

                                                                          ユーザーのスクロール操作に合わせて視差効果を与えるパララックスのエフェクトをシンプルに実装できる軽量のバニラJavaScriptのライブラリを紹介します。 実装は非常に簡単で、HTMLやCSSを変更せずに...

                                                                          パララックスもこれで簡単に! HTMLやCSSを変更せずにシンプルに実装できるスクリプト -simpleParallax.js
                                                                          • CSS Gradient Generator

                                                                            A front-end web development newsletter that sparks joyMy main focus right now is teaching front-end developers how to do cool stuff. My personal newsletter is sent once every few weeks, a...

                                                                            CSS Gradient Generator
                                                                            • Deno by Example

                                                                              Denoby exampleDeno is a simple, modern and secure runtime for JavaScript and TypeScript that uses V8 and is built in Rust. Deno by example is a collection of annotated examples for how to...

                                                                              • PHOTHIN

                                                                                フォーティンについて ベトナム・ハノイで絶大な人気を誇るフォーの名店が このたび日本に初上陸。 現地の人も行列をつくる人気ぶり、 メニューは1種類だけという職人魂。 牛や豚骨をじっくり煮込んだ...

                                                                                PHOTHIN
                                                                                • 2022年版 Web制作が捗るChrome拡張機能14選 | Pulp Note

                                                                                  Chrome拡張機能には便利なものが多く、特にWeb制作時には積極的に利用しています。昨年も紹介しているのですが、2022年に入ってChrome拡張機能の見直しをして現在よく利用しているものだけで再構成して...

                                                                                  2022年版 Web制作が捗るChrome拡張機能14選 | Pulp Note