「ふたり会議」は、カップルでお互いの気持ちや共同生活の価値観を楽しく共有できる質問アプリです。93%のカップルが「話し合いに役立った」と回答しています。
もはやスマホ表示を考えないwebサイトは新規制作やリニューアルではほぼない今日、どんなに横に長いテーブルでもレスポンシブでどうするか考える必要があります。 PCで組むだけなら何も考えずに済むのですが、スマホの縦長の画面で如何にユーザビリティを落とさず横長になりがちなテーブルを表示させることができるか、いくつかtableコーディングのパターンを用意してみました。 demo Contents 縦に積むテーブルレスポンシブ横並びを縦並びにするテーブルレスポンシブ疑似要素で見出しを用意するテーブルレスポンシブcontent:attr() で見出しを表現するテーブルレスポンシブspanで見出しを表現するテーブルレスポンシブスクロールで表示させるテーブルレスポンシブ 縦に積むテーブルレスポンシブPC SP ごくごく一般的なテーブルパターンですね。 ソース上は上から順番に要素が並んでいるので、それらをb
この記事では、デザイン制作で役立つ無料の高画質テクスチャ、パターン素材をまとめています。 そのまま背景や壁紙として利用したり、ウェブサイトのヘッダーやバナー、ファブリック生地、パッケージデザインなど幅広いデザイン制作に活用でき、どれも無料ダウンロードできるというのも魅力です。お気に入りの無料テクスチャ素材を見つけて、自分のコレクションに追加してみてはいかがでしょう。 【無料DL可!】デザインの幅が広がる高解像度のテクスチャ素材47選 Precious Gold Textures Kit デザイン制作でもなにかと重宝する、光沢感たっぷりの黄金テクスチャ14枚が高画質なJPGファイルで収録されています。 Rose Gold Foil Textures ピンクゴールド、ローズゴールドの美しいテクスチャ素材12枚セットで、金属メタルやレザー、コンクリート、レンガ、ウッドなどのスタイルと組み合わせる
2016年4月に施行された「障害者差別解消法」により、公的機関のみならず多くのWebサイトでもウェブアクセシビリティの確保や向上が必要とされています。 ウェブアクセシビリティへの取り組みを行う上で欠かせないのが、ウェブアクセシビリティ規格「JIS X 8341-3:2016」です。 今回は「JIS X 8341-3:2016」について、最低限知っておくべきことを解説していきます。 JIS X 8341とは? そもそもJIS X 8341は、日本工業標準調査会(JISC)が制定した、情報通信における機器、ソフトウェアおよびサービスの情報アクセシビリティを確保・向上するために、企画・開発・設計者および経営者が配慮すべき具体的な要件がまとめられた標準規格です。 情報アクセシビリティとは高齢者・障がい者等が、情報通信における機器、ソフトウェアおよびこれらによって実現されるサービスを支障なく操作また
Webデザイナーや開発者は往々にして、自分たちの制作物に誰がアクセスして使うのかという点に関して無関心です。 使いやすさなどよりビジュアルが優先されることも多いですが、現代のクリエイターとして私たちは、より道徳的な観点を持ち、人それぞれの能力に併せたアクセシビリティを提供するべきです。 イギリスのアクセシビリティに関する法律に対する法的義務はさておき、イギリスには1,190万人以上の障害者がおり、その数は人口の19%に該当します。これはつまり、アクセシビリティが十分でないサイトに対して不満を持っている潜在ユーザーが、それくらい存在するということです。 どうして良いWebアクセシビリティが必要なのか ユーザーはWebサイトを使用するとき、どんなことを困難と感じるのでしょうか。アクセシビリティを語るにあたって、どういったものがあるかを見てみましょう。 聴覚系の障害 これは軽度なものから重度の聴
高齢化に伴い、今後ますますWEB業界では課題としてあがるアクセシビリティ。 WEBサイト制作の際に課題としてあがるシーンも多いのではないでしょうか。 今回はそんなアクセシビリティとして対応したい10の具体的ポイントをご紹介します。 そもそものアクセシビリティについての概念も解説するので併せてお読みください。 アクセシビリティとは アクセシビリティとは、特にWEBサイトにおける情報・コンテンツへのアクセスのし易さのことを指します。 高齢者や障がい者など、体の機能が十分ではなく、WEBサイトの情報をうまく取得できない場合や、健常者でもうるさい・暗い・通信回線が弱いなどの情報を取得し辛い環境下でWEBサイトを閲覧する場合を想定し、情報へのアクセスのしやすさを図る概念です。 アクセシビリティというと、どうしても「バリアフリー」のような”高齢者・障がい者に優しい設計”というイメージをしがち(実際想定
私がSEOを始めたときから住太陽さんやその書籍からたくさんのことを学ばせていただきました。 このサイトには多くの人が学ぶべき正しいSEOの情報が詰まっています。このサイトの情報をもとにして自身のウェブサイトに合うようにアレンジすることで、成功に近づけると思います。 日本でトップのSEOコンサルタントを3人挙げろと言われたら、絶対に住太陽さんを含めます。実績と経験、知識ともに間違いなくトップです。でも、住さんの最も素晴らしいところは、知識の共有です。住さんが惜し気もなくこのサイトで公開している情報は、ウェブのどこにもない独自のもので、かつ極めて有用です。僕自身も多くのことを学ばせてもらっています。 SEO(検索エンジン最適化)の意味SEO(Search Engine Optimization: 検索エンジン最適化)とは、自社のウェブページがGoogleやBingなどの検索結果で上位に表示され
デジタルマーケティングでは、ブランドの認知向上や集客施策において多くの手法や媒体が存在しますが、その中でも検索エンジンでの上位表示は非常に重要な施策の一つです。 検索エンジンを通じてウェブサイトに訪れるユーザーは、特定の問題を解決しようとする明確な意図を持っており、その結果、コンバージョン(成果)につながる可能性が高く、ウェブプロモーションの成功に欠かせない要素となります。 しかし、SEOは正しい知識と戦略が不可欠であり、誤ったアプローチを取ると、検索エンジンから適切な評価を受けられず、期待した結果を得ることが難しくなります。 この記事では、SEOの基礎的な仕組みやGoogleが重視する要素、SEO対策の種類、そして具体的に上位表示を目指す方法を、初心者にも理解しやすい形で解説します。 SEOは常に進化しており、最新のトレンドや検索エンジンのアップデートに迅速に対応することが重要です。 本
こんにちは。sitoです。 みなさん、XDのプラグイン、使ってますか? 最近どんどん便利なプラグインが増えているようなので、sitoもいくつか導入してみました。 その中で、使ってみて便利だったプラグインをご紹介します。 Remove Decimal Numbers 図形等をリサイズしていて、小数点がついてしまったときに、整数(小数点以下切り捨て)に直してくれるプラグイン。 今まで手で地道に消していたので、めっちゃ楽になりました! Stark カラーブラインドのシミュレーションと、コントラストチェックができるプラグインです。 カラーブラインドシミュレーションはアートボードごと、コントラストは2つのレイヤーを選択してチェックすることができます。 Ikono フリーアイコンサイト「ikonate」のプラグインです。 XD内でアイコンを選択して配置できるようになります。 線の太さを選択できたり、ア
今回はFont Awesomeという超便利なサービスの使い方をまとめます。後半ではアイコンにさまざまなアニメーション効果をつける方法も解説します。 1. Font Awesomeとは? ざっくりというとウェブサイトやブログでWebアイコンフォントを表示できるようにしてくれるサービスです。
.htaccess(ドットエイチティーアクセス)とは、Apache(アパッチ)というウェブサーバーソフトウェアが使用されている環境の中で、ウェブサーバーをディレクトリ単位で制御するためのファイルのことです。 具体的には、リダイレクトの設定やカスタム404ページの表示設定などを行うことができます。 本記事では、.htaccessの基本と主な活用方法について、詳しく解説していきます。記事後半では、.htaccessに関する注意点もまとめていますので、ぜひ最後までご一読ください。 また、サイトリニューアルのために.htaccessについて調べている方は、ほかにもいくつか注意すべき点があります。詳しくは、以下の資料でご確認ください(ダウンロード無料)。 \サイトリニューアルで気をつけるべきポイントはこちらから/ この記事のポイント .htaccessはApacheが使用されている環境で、Webサー
Google Maps API の使い方・利用方法 Google Maps API を利用すると Google Maps を Web ページに表示させることができます。Google Maps API を使用するには APIキーが必要です。 APIキーの取得方法から各種 API を使った地図の表示、マーカー、情報ウィンドウの表示方法や設定、ジオコーディングやジオロケーション、ルートの表示、周辺検索などについて。 基本的な使い方から簡単な応用などの解説です。 関連ページ:WordPress ショートコードの作成/Googlemap を表示 API キーを使わずに(無料で) Google Maps を Web ページに表示する方法は以下を御覧ください。 New API キーなしでサイトに Google マップを表示(埋め込みコード) ※ このページでは、画像データを遅延読込するプラグインを使用し
Sip is a modern color picker that brings ease to color organization & team collaboration. Try Sip for Free 🍃 No credit card required Menu Bar Edit your color palettes on the fly in our thoughtfully balanced menu bar app that offers essential functionality without being intrusive. Main Window For more advanced color and format management, use the full native app window that empowers all the organi
2022年4月27日 Webデザイン, XD Webサイトのデザインカンプを画像として作成…というのはもう昔の話。最近ではアニメーションの伴ったWebサイトやアプリばかりで、それを画像で説明するのはなかなか困難です。Adobe XDを使えばアニメーションを含めたプロトタイプが作成できますよ! ↑私が10年以上利用している会計ソフト! 作成するもの 今回はAdobe XDを使って、ローディングバーが動き、画面が推移し、スワイプで画像が切り替わる、というアプリのプロトタイプを作ってみようと思います。 Adobe XDの基本的な使い方は過去記事を参考にしてみてください: Adobe XDでWebデザインをしよう!画面作成からページ推移までの手順を紹介 Adobe Experience Design(XD)を使ってアプリのプロトタイプを作ってみた ローディングバーの作成 まずはベースとなる画面とロ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く