配色に自信がなくても！Webデザインが好きになる配色ツールと使い方
2016年12月13日 Webデザイン, 便利ツール, 色彩 以前書いた記事「配色パターンからWebデザインを考える」を見た方から「いい配色だなーと思ってもうまく使いこなせない」という意見をいくつか頂きました。確かにすてきな配色をどうデザインに取り込んでいいのか、というのは難しいところです。今回は簡単に配色を提案してくれるオンラインツール「ウェブ配色ツール Ver2.0」を使って配色をWebデザインに取り込む方法を紹介します。 ↑私が10年以上利用している会計ソフト！ ウェブ配色ツールを使った基本的な配色方法 まずこの「ウェブ配色ツール Ver2.0」について。テーマカラーを一色選べば、それにあった配色を提案してくれる配色ツールです。Webサイトのプレビューを見ながら配色の調整ができるので、初心者さんにもおすすめです！ オレンジを元に色相差0°で配色した例。色相差を0°にすると同系色（＝同
WEB・アプリ開発・音楽制作 | Kaleidoscope
人探し的な投稿が続いていますが、、、Unityでゲーム作りができる方を探しています。 現在、新作iOSアプリを開発・制作中ですが、私（荒木）が執筆や音楽制作のお仕事で 時間が割けなくなってきたため新作の進捗が滞っています。 もし助けていただける方がいらっしゃるようでしたら、 お会いしてお仕事の相談をさせていただきたいです。 具体的に探している方は、下記のような方です。 ・ゲームエンジンUnityが使える方（個人） ・かつ、Unityのスクリプトを組むことができて、ゲーム開発を行えるスキルがある方 要するに、こちらが持っているゲームのアイデアをUnityを使って形にできる方を探しています。 とは言っても、グラフィックや音楽まで形にしてほしいということではありません。 ゲームの仕組みをプロトタイピングできるレベルの方を求めています。 「Unityを使いこなせるスキルはあるけど、なかなかアイデア
Webアプリに使えるAjaxライブラリ8選！ ― ＠IT
Ajaxライブラリを利用する際の注意点 ここではAjaxライブラリを利用するうえでの注意点を2つ挙げたいと思います。 ユーザビリティ WebアプリケーションへのAjax採用の主な理由に「ユーザビリティの向上」があると思います。Ajaxの利用により、リッチなGUI部品を配置したり画面遷移を抑えたりすることでユーザーの操作性を大幅に向上させることができます。前章までで見てきたとおり、Ajaxライブラリを用いることでWebアプリケーションにさまざまな機能を追加することができますが、単にそれらの機能をやみくもに採用するだけでは、見た目は派手なだけで実際はユーザーにとって使いづらいものになることは明らかです。 また同時に考えなければいけないのがユーザビリティの向上と間接的にトレードオフの関係にある、処理の重さです。Ajaxライブラリの機能を数多く利用しようとすると、Ajaxライブラリの初期ロードに時
なぜECサイトの売り上げが伸びないのか？ サイトを診断し、原因を突き止め、改善せよ！
インターネット通販の普及にともない、ECサイトを運営する企業も増えている。しかしその収益の伸び悩みを感じている経営者は多いのではないか。SEO対策はしているのに売り上げがなかなか伸びない原因の多くは、ECサイトの“ユーザビリティ”、つまりユーザーにとってのサイトの使い勝手にある。アクセスしたECサイトにイライラや不安を感じる部分があると、ユーザーはすぐにより使いやすいECサイトへ移っていってしまう。そこでTOKO DSが提供するのが、ストレスがないECサイトの設計を実現するための「Webユーザビリティ診断サービス」だ。現状の問題点を把握できれば、改善への道筋が見えてくる。 インターネット通販の普及にともない、ECサイトを運営する企業も増えている。しかしその収益の伸び悩みを感じている経営者は多いのではないか。SEO対策はしているのに売り上げがなかなか伸びない原因の多くは、ECサイトの“ユーザ
Home
The World Wide Web Consortium (W3C) develops international standards for the Web: HTML, CSS, and many more. Current Work (updated monthly) See What We're Working On – Accessibility Activities and Publications For Wide Review: Collaboration Tools Accessibility User Requirements (2024-Jul-10) Collaboration Tools Accessibility User Requirements is ready for review. The document covers accessibility u
ユーザビリティの原則と現場で使えるユーザビリティテストの方法
今回は、Web制作の現場でも使えるようなユーザビリティテストの方法をご紹介します。 アクセス解析を使ったものではなく、あくまでもサイトの構造の問題点を洗い出す方法です。 そのため、それにいたる細かい基本部分についてもかなり大胆に触れてます。 試験をする前に、どのような観点からサイトを見て行く必要があるのかと言うユーザビリティの原則から、試験方法、試験の結果からの問題解決にむけて、私がこれまで行ってきている仕事の一部をご紹介します。 Webユーザビリティについて：目次 書き出したらとまらなくなりましたが、これでも結構情報削りすぎたかなぁというのはあります。 私の仕事について方法を学べばユーザビリティテストは出来る最大の原則はユーザーに考えさせない事たった一人でも試験をするほうが100倍ましになるユーザーの視点を理解する箇所法則1「長いテキストを最初からよし見ようとは思わない」法則2「長たらし
Webアクセシビリティとは？／基礎知識 － Webアクセシビリティポータルサイト『infoaxia(インフォアクシア)』
Webアクセシビリティとは？ 2004年6月20日にWebコンテンツのアクセシビリティが、JIS（日本工業規格）化されました。"アクセシビリティ"というと、障害者への配慮だと考えている人が多いようです。もちろん間違いではありませんが、日本でアクセシビリティを考える場合には、それ以外にも高齢者層のユーザーへの配慮も考えなくてはなりません。2004年6月20日に公示されたJISの正式名称は、JIS X8341-3『高齢者・障害者等配慮設計指針－情報機器における機器，ソフトウェア及びサービス－第三部：ウェブコンテンツ』となっています。 アクセシビリティの定義 "Webアクセシビリティ"とは、"Webを利用するすべての人が、年齢や身体的制約、利用環境等に関係なく、Webで提供されている情報に問題なくアクセスし、コンテンツや機能を利用できること"ということができます。そして、そのようなWebコンテン
シニア層のためのWebサイトユーザビリティ
2013年3月23日 ユーザビリティ 以前「笑っていいとも！」の山口智充さんのコーナーを見ていて、ちょっと驚いた事があります。20代～60代の女性の必需品をランキングしたもので、40, 50代女性では5位圏外だった「パソコン」が60代で3位にランクイン。シニア層のインターネット利用率は年々高まってきているのはニュース等で読んでいましたが、これを見てなんだか実感しました。という事で今回はシニア層のWebサイト設計について考えてみたいと思います！ ↑私が10年以上利用している会計ソフト！ 上記「笑っていいとも！」の件で興味を持った私は、シニア層のインターネット利用方法なんぞを調べていたところ、丁度私の母親が「インターネットで買い物がしたい」と言ってきました。彼女は海外に住む私と連絡をとるためにメールやSkype等を使う事ができるので、ある程度インターネットについて理解しているのだと思っていまし
http://oalp.org/doc/nilesen/
For full functionality of this site it is necessary to enable JavaScript. Here are the instructions how to enable JavaScript in your web browser.
Web Design KOJIKA17
1年に1回は更新する Container Queriesの沼へようこそ2023-03-08UAスタイルシートとリセットCSSとは - 20232023-02-26脳内フィルターで見るCSSレイアウト2022-11-22劇薬の The New CSS Reset2021-07-20Sassを@importから@useに置き換えるための手引き2020-05-26 / 2022-09-29Container Queriesという手法 / CSS Advent Calendar 20192019-12-23レスポンシブwebデザインのコーディングでやってること2018-12-28宣言ブロックのCSS設計2017-07-18Webデザイナーに最低限知っておいてほしい、検索と置換(正規表現)2016-05-21画像をCSSで斜めにマスクした時の知見2015-04-10CSSで2カラムを作ってみる201
各HTMLバージョンのDOCTYPE宣言のサンプル集
当ページの概要 HTML,XHTMLで使えるDOCTYPE宣言(公開識別子とシステム識別子)などを分かりやすく使いやすくリストにまとめました。 各HTMLバージョンのDOCTYPE宣言(公開識別子とシステム識別子) HTMLでは、バージョンごとに使用できる要素(タグ)や属性、要素の配置のしかたについて厳密に定義されています。これはDTD(Document Type Definition:文書型定義)をDOCTYPE宣言で指定することで、そのバージョン規則に添って表示します。 簡単なメモ書きですので、参考までに。間違っていたらお教え下さい。 HTMLには以下のようなDTDがあります。目的に応じて使い分けてください。他にも大量にあります。 HTML 1.0 DTD HTML 1.0用のDOCTYPEなし HTML 2.0 DTD (RFC1866) [1994年に標準化] <!DOCTYPE
DOMINION Online|概要
outline of Dominion online browser game.ドミニオンとは? ドミニオンは、プレイヤー同士が勝利点の獲得を競い合うデッキ構築型カードゲームです。 Rio Grande Games から2008年にリリースされ、いくつものゲーム賞を獲得しました。 日本語版は、ホビージャパンより発売されているます。 このサイトについて このサイトは、ブラウザからドミニオンのオンライン対戦を楽しむためのサイトです。 ドミニオンに興味はあっても友人と集まって遊ぶ時間のない人向けに、日本語で手軽に遊べる環境を作ろうと制作しました。 公開について Rio Grande Games に問い合わせたところ、公式のオンラインゲームがリリースされるまでの期間、無料であれば公開してよいとのことでしたので公開することにしました。
ベスト・オブ・ウェブサービス2010--無料で使える10のサービス
クラウドというキーワードがブームの昨今、オンラインで動作するさまざまなウェブサービスは以前にも増して注目を浴びるようになりつつある。これまで個人が業務効率アップのために使うレベルにとどまっていたのが、会社をあげて導入するケースも珍しくなくなった。また海外のウェブサービスが日本語対応したうえで国内市場に参入してくるケースも目立つようになってきた。 今回は本誌連載「ウェブサービスレビュー」で2010年に紹介したウェブサービスを中心に、計10個のサービスを独断と偏見でセレクトして紹介する。文字通り定番のウェブサービスから、2010年に新たに登場した有望株、また今後ブレイクすることが期待されるサービスまで、内容はさまざま。まだ使ったことがないサービスがあれば、新たな年のスタートにあたってぜひ試してみてほしい。 2010年に大幅な進化を遂げた“定番”ウェブサービス4選 クラウドサービスの特徴として、
TwitterやFacebookの複数アカウントをシンプルな画面で管理できるWEBクライアント「GrabInbox」
HootsuiteやTweetDeck、Crowyなどなど、複数のソーシャルメディアアカウントを管理できる、便利なWEBクライアントは数多く存在しますが、どうにもタイムラインが横に並びすぎて、うるさく感じてしまうひとも多いことでしょう。 情報を一箇所に集約できる代償として、膨大な量の情報が一画面に入ってきてしまうわけです。 そこで今回は、そんなひとにおすすめな、複数アカウントをシンプルに管理できるWEBクライアントをご紹介します。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! シンプルなUIで複数アカウントを管理できる「GrabInbox」 「GrabInbox」は、TwitterやFacebookなどの複数アカウントを一箇所で管理できるWEBクライアント。 複数アカウントへの予約投稿も可能で、
Twitterの複数アカウントを管理できるWebクライアント6つ
僕の周りでもTwitterで 複数アカウントを取得 されたり、botを作って Twitterを楽しんでいる方も 増えてきた印象ですので、 複数アカウントを管理できる TwitterのWebクライアントを 6個ほどあげてみます。 順不同です。個人的な感想なので参考程度に。。 Splitweet シンプルですが、楽なので結構多用しています。複数アカウントでまとめて同じPostをする事が可能。定番でしょうか。 Splitweet hootsuite 企業向け、という事で最近人気も出ました。確かに多機能で優れたマルチユーザーWebクライアントですが、OAuth認証でないのと、Post内のリンクに飛んでも直接そのページに飛べないっぽいのであまり企業向けとは思えませんが、かなり使いやすいクライアントである事は間違いないです。 hootsuite TwitHive 結構高機能です。複数アカウントの管理は
たった一人でwebサービスを作るための、６つの技術と４つの知識
ふとワクワクするようなアイディアが浮かんだ時、もし自分でwebサービスを作れたらなーって思う方も多いんじゃないでしょーか。 実際、twitterやfacebookを徘徊してても、結構頻繁に「webサービス作ってみたい☆」みたいな投稿をみかけますが、中には「何から手を付け始めれば良いか分からない！」的な迷える子羊達もちらほら。 そんなワケで、ささやかながら今まで当ブログでもいくつかの自作webサービスを公開してきて、企画からデザイン・コーディング・プログラミング・宣伝に至るまで、若輩ながら全て一人で担ってきた私の知見をご紹介したいと思います。 だいじょーぶ、やりゃーできる！ webサービスを作るための技術と知識 技術に関する最大のポイントは「全てを知る必要はあるが、全てに精通する必要は無い」、つまり「広く浅く」で良いというコト。 その中でどこかに自分の強みが持てると尚良しですが、手始めであれ
Meity.jp (メイティ) - Twitter の ID やリストを使って公開先を指定するメッセージサービス
こんな時に使おう。 Twitterに流したいんだけど全員には見られたくない... オフ会参加者に周知内容を送りたいけどダイレクトメッセージ面倒... フォローされてないからダイレクトメッセージが送れない... Meity なら... メッセージは指定したTwitterユーザーのみ閲覧できます。 メッセージのメンバーはフォロー状態に関係なく指定できます。 さらに便利に使えます！ メッセージには140文字以上入力出来ます。 スケジュール調整機能が使えます。 メッセージの公開先をTwitterのリストで指定できます。 メンバーはメッセージにコメントをつけられます。 新着コメントの通知を受け取れます。 ケータイからも使えます。
[JS]jQueryのプラグイン100選 -2011年総集編
2011年に紹介したものを中心としたjQueryのプラグイン100+α選です。 今年はCSS3の影響もあってかアニメーションのエフェクトが目立ちました。また、Resposive Web Design用の可変ものや動画・テキストを扱ったものも多かったですね。 [ad#ad-2] 動画関連 画像ギャラリー関連 画像拡大関連 画像配置・キャプション関連 背景画像関連 コンテンツスライダー・カルーセル関連 タブ関連 ナビゲーション関連 レイアウト関連 パネル・ボックス関連 ツールチップ・ティッカー関連 アニメーション関連 エフェクト関連 スクロール操作・スクロールコンテンツ関連 リスト関連 テーブル関連 フォーム関連 テキスト関連 見出し抽出関連 ローディング関連 エレメント・コンテンツ生成 その他 動画関連
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Webデザイナーが読んでおきたい、最近公開されたWeb系のスライド
libra-sc.jp