タグ ウェブサイト制作
人気順 10 users 50 users 100 users 500 users 1000 usersウェブサイト制作では、游ゴシックはおすすめしない理由
ウェブサイト制作では、游ゴシックはおすすめしない理由こんにちは、こんばんは!せきゆおう です。 游ゴシックは好きですか?僕も印刷物では使いますが、ウェブサイトでは「游ゴシックを使ってください」と指示されるまでは使いません。 また、そう指示された場合もデメリットは必ずお伝えするようにしています。 「游... 続きを読む
Ajax 通信を簡単にする htmx の基本と実践 | フロントエンド | スタッフブログ | 名古屋のCMS構築・Web制作会社 アップルップル
htmx は、JavaScript のコードを書かずにサーバーとの非同期通信を実現し、ページの一部を更新することを可能にする JavaScriptライブラリです。HTML属性の拡張により簡単に使用できるようにし、結果として、コードの可読性が向上し、将来のメンテナンスも容易になります。これらの特徴から、htmx はウェブサイト制作の... 続きを読む
画像生成AIでウェブサイトやUIデザインを生成するコツ
人工知能(AI)は、ウェブサイト制作を、根本から変えてしまうでしょう。 今のところ、AI画像生成ツールは、呪文(プロンプト)を唱える、ちょっとしたコツを覚えることで、以下のようなWebレイアウトを作成できます。 beautiful landing for spiderman website, design, ux/ui, ux, ui --ar 3:2 --v 4 --q 2 「花屋、フ... 続きを読む
ウェブ制作で React(Next) や Vue(Nuxt)、jQuery が最近どれぐらい使われているのか調べてみた - feb19
ウェブアプリケーション開発で React や Vue を使うのはまぁよくある話かなと思うのですが、マーケティングや広報活動など広告クリエイティブ系のウェブサイト制作ではどれぐらい使われているのかなと思い、暇つぶしに集計してみました。 調査方法 母集団 ウェブギャラリーサイトをいくつか見て比較的国内系のセレクトが... 続きを読む
CSSのみで表現OK 人気レイアウトやUIパターンを集めた便利ライブラリ CSS Layout - PhotoshopVIP
依存性なしで、フレームワークも必要なし。 CSSの特別なテクニックも必要とせず、リアルに使えるCSSレイアウトやUIパターンを集めたサイト CSS Layout が注目を集めています。 フロントエンジニアとして働くひとは、ウェブサイト制作においてどれだけ多くのレイアウトやコンポーネントを扱う必要があるかよく分かるでし... 続きを読む
ウェブサイト制作に役立つ心理学 - NRIネットコム Design & Tech Blog
こんにちは、初めまして。Webディレクターをしております、西田と申します。 AWSやGoogle Analyticsのプロがたくさんいる弊社ですが、そんな中でも私は、Webのコンテンツ制作を生業としているチームのメンバーです。 私達チームが何をしているかを1秒でまとめると「どんなサイトにしようか考えて形にすること」です。 あ... 続きを読む
魅力的でインタラクティブなウェブサイト制作で意識したい6つのポイントまとめ - PhotoshopVIP
この記事では、ユーザーを飽きさせないインタラクティブなウェブサイト制作で意識したい6つのポイントをまとめてご紹介します。 ここでは、インタラクティブなウェブサイトとは、ユーザーと対話するような参加型サイト体験を指しており、その方法やエフェクトもさまざまです。 ここでは、いくつかの実例サンプル例を参考... 続きを読む
Square、無料のEC作成サービスを日本で提供開始--テイクアウトやPOSアプリ連携に対応 - CNET Japan
店舗向け決済サービスなどを提供するSquareは10月15日、無料でECサイトが構築できる「Square オンラインビジネス」を日本でも提供開始したと発表した。 BASEやSTORESなどと同様、コーディングやウェブサイト制作の知識がなくても自社オリジナルのECサイトを開設できるのが特徴。Squareの本業である決済機能も備えており... 続きを読む
ドローンで見る日本の絶景、富士山お鉢参り | ニュース3面鏡 | ダイヤモンド・オンライン
東京都文京区春日にあるシステム・デザイン会社。業務内容はドローンによる空撮、映像制作、ウェブサイト制作、ウェブアプリケーション開発、商業写真撮影、デジタルメディア事業、データベース設計&構築、携帯端末アプリケーション開発など。第1回 Drone Movie Contest グランプリ賞、審査員特別賞を受賞。http://www.... 続きを読む
半田っぽい人さんのツイート: "「jQueryはオワコンではない」 「通常のウェブサイト制作をしないエンジニアがjQueryをディスってるだけ」 「jQueryはオワコンではない」 このスライド全コーダ
「jQueryはオワコンではない」 「通常のウェブサイト制作をしないエンジニアがjQueryをディスってるだけ」 「jQueryはオワコンではない」 このスライド全コーダーに届いて欲しい #scc #サッポロクリエイティブキャンプ https://t.co/pEpnJFTYEl 続きを読む
若い世代が知らない2000年代のHTMLコーディングの地獄 - ICS MEDIA
ウェブの黎明期である2000年頃と比べてはるかにHTMLはコーディングしやすくなりました。10〜20年前のHTMLコーディングはどのようなものだったのでしょうか。 この記事では主にIE6が全盛期だった2000年代のウェブサイト制作を振り返ります。昔からコーディングしている方は懐かさに浸ったり、そうでない方は現代のウェブの成り立ちに通じる温故知新な情報として参照ください。 テーブルレイアウト / s... 続きを読む
ウェブ制作で感じたデザイン以外の“手間と煩雑さ”--「STUDIO」で狙う課題解決 - CNET Japan
STUDIOは4月2日、コードを書かずにウェブサイト制作ならびに公開、運用を行うことができるデザインツール「STUDIO」の正式サービスを開始した。 STUDIOの特徴は主に3つ。まずウェブ上で容易に行えるデザイン機能。画像や文字は、ドラック&ドロップで好きな位置に配置ができ、プロのデザイナーが作成したデザインテンプレートも活用可能。また作成したデザインは、モバイルなどのさまざまなデバイスサイズに... 続きを読む
ウェブサイト制作会社が存在する意味 | 奈良・大阪のホームページ制作インヴォルブ
ウェブサイト制作を主な事業として掲げる我々インヴォルブですが、実は ウェブサイト制作 だけ を売りにした会社 の未来はおそらく明るく無いのではないかとも考えています。きっとこの先、多くのウェブサイト制作会社はどんどんと時代に淘汰されていくことでしょう。 今回の記事では今後のあるべき ウェブサイト制作会社のあり方 を考えてみたいと思います。 ウェブ制作ツールの出現でウェブサイト制作が身近になった ネ... 続きを読む
イメージスライダーを魅力的に!コピペ実装できるHTMLスニペット24個まとめ - PhotoshopVIP
ウェブサイトでも使われることが多く、写真イメージをより魅力的に見せることができるイメージスライダー。 ヒーローヘッダー として利用されることも多く、イメージスライダーを効果的に利用することで、ウェブサイトを訪れたユーザーにより魅力的にコンテンツを見せることもできます。 今回は、 ウェブサイト制作で利用したいイメージスライダー をまとめてご紹介します。どんな案件にも対応できる万能コードから、ユーザー... 続きを読む
ウェブサイト制作に欠かせない、人気アニメーションテクニック4つまとめ - PhotoshopVIP
機能的で楽しいアニメーションは、現代のウェブデザインに欠かせない重要な要素のひとつです。論理的に考えられたアニメーションを活用することで、ウェブサイトに大きな違いを生み出します。アニメーションはステータスを伝えたり、注意を引くことはもちろん、ユーザーの行った行動の結果をうまく表現できます。 今回は、 より快適なウェブサイト体験を実現するために加えたい 、アニメーションの制作テクニックをサンプル例と... 続きを読む
1.2億枚のフリー写真を一括検索!似た素材も見つけることができる Mediachain Attribution Engine - PhotoshopVIP
ウェブサイト制作やブログの運営などで重要な要素のひとつが、人目を引く美しいサムネイル画像。 商用利用もできるフリー写真サイト から見つけることもできますが、膨大なコレクションからお好みの一枚を探すのは、骨の折れる作業とも言えます。 今回は、1億2千枚以上のCC0ライセンのフリー写真を一括検索できるサイト、 Media Attribution Engine をご紹介します。どれも自由に利用できるだけ... 続きを読む
AnimateCCでウェブサイトを作ろう | 宇都宮ウエブ制作所
はじめに この記事は FLASHer Advent Calendar 2016 の7日目の記事です。HTML + CSSを使用してウェブサイト制作を行う人を対象にして書いています。AnimateCC(旧Flash)の初歩的な知識があるほうが望ましいですが、もしFlashについて全く触ったことがなくても大丈夫です。 Flashの初歩的な操作方法などについての説明はこの記事内には書かれてありません。で... 続きを読む
Web Starter Kitからはじめるモダンなウェブサイト制作 (201512版) - つぶらぶろぐ
2015 - 12 - 22 Web Starter Kitからはじめるモダンなウェブサイト制作 (201512版) はじめに この記事は ドリコムアドベントカレンダーその1 の22日目の記事です。 21日目は、shinya131さんの エンジニアからデータ分析になって3ヶ月が経った - 機略戦記 でした。 また、 ドリコムアドベントカレンダーその2 もあります。 whoami 新卒1年目のエンジ... 続きを読む
CSSコピペで利用!話題のボタンデザイン用スニペット、サンプル30個まとめ - PhotoshopVIP
CSSをコピペしてウェブ制作に活用できる、ボタン用スニペットサンプルを、WEBデザイナーのためのコードコミュニティサイト、Codepenよりピックアップしてまとめています。 その場でコードを確認、編集することができるので、幅広いデザインプロジェクトに応用でき、アニメーションをうまく活かした新しいスタイルを、今後のウェブサイト制作に活用してみてはいかがでしょう。 詳細は以下から。 CSSコピペで利用... 続きを読む
配色やレイアウトの参考にしたい、無料UIコンポーネントとWebレイアウトまとめ - PhotoshopVIP
幅広いウェブデザイン制作に活用したい、最新トレンドやデザインテクニックを盛り込んだ、Photoshop無料UIコンポーネント素材をまとめています。 世界中のデザイナーが作成したPSDファイルは、どれもきちんと整理されており、ダウンロード後すぐに利用することができます。また後半では、実際にUIデザインを利用したウェブサイト制作の参考にしたい、Webページレイアウト用PSDファイルも一緒にまとめていま... 続きを読む
人脈作りなんてやめちまえ! ビジネスの基本は「人助け」だ | ライフハッカー[日本版]
「ビジネスとは人脈である」と思っている人は多いのではないでしょうか? だから起業家は、せっせと人脈作りのイベントに通ったりします。 でも、カナダのエドモントンでブランドアイデンティティやウェブサイト制作などを行うデザイン会社「Paper Leaf」の共同創設者、ジェフ・アーチバルド氏は、それは「見当違い」だと指摘します。その理由とはいったい何なのでしょう? ちょっと口は悪いようですが、言ってること... 続きを読む
弱視の子ども用ノート、可愛く 弱視男性が資金募り製作:朝日新聞デジタル
弱視の子どもが使いやすいノートを、自身も弱視者である東京都杉並区の伊敷(いしき)政英さん(38)がつくった。ノートの名は「KIMINOTE(きみのて)」。表現する楽しさを知り、自分のこと、弱視のことを社会に伝えられるようになってほしい。そして、君の手でよりよい社会を作ってほしいという願いを込めた。 障害者向けのウェブサイト制作を支援する伊敷さんの矯正視力は右目が0・02、左目は光を感じる程度で、幼... 続きを読む
Illustratorをもっと楽しく!無料の高品質ベクター素材30個まとめ 2015年3月度 - Photoshop VIP
不定期となりますがIllustratorで活用できる新作無料ベクター素材をまとめています。今回は、2015年3月度まとめとなります。 商用利用もできるiOS 8を完全再現したUIコンポーネントや、アイコン素材などウェブサイト制作でも重宝しそうなアイテムから、人気があるビンテージ系手書きデザインや、壁紙に利用したいテクスチャなどが揃っており、お気に入りのベクター素材を見つけてみてはいかがでしょう。 ... 続きを読む
色選びの参考に!「Material Palette」がけっこう便利! - IRORIO(イロリオ)
ウェブサイト制作やブログのデザイン、最近はスマホアプリなどでもメインカラー等を好きな色に指定できるものがありますが、そんなとき自分の配色センスにゲンナリすることはありませんか? そんな色決めに悩んだときに頼りになるサイトがありましたのでご紹介します。 「Material Palette」は好きな2色を選べば自動でマテリアルデザインに似合うカラーパレットを作成してくれるサイト。 使い方もとても簡単で... 続きを読む