タグ

関連タグで絞り込む (211)

タグの絞り込みを解除

*webデザインに関するSuiJackDoのブックマーク (195)

  • XAMPPを使ってローカル環境にWordPressをインストールする方法

    ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. サイトの改修やWordPressのテーマ作成の為に、XAMPPを使ってWordPressのローカル環境を構築したいとお考えだろう。 現在も多くのサイトでこの「XAMPPを使ったWordPressローカル環境の構築方法」が紹介されているが、実はXAMPPは最近仕様が変わってしまった為、大半のサイトの説明は古いものになっている。 だが安心してほしい。この記事では筆者が2019年6月にXAMPPを使ってWordPressのローカル環境を構築した経験を基に、その正しい全手順を画像付きで紹介する。 この記事の通り行えば、初めてローカル環境を構築するあなたでも15分ほどで構築が完了するはずだ。 ※なお、XAMPPはWindowsにおける利用に向いてい

    XAMPPを使ってローカル環境にWordPressをインストールする方法
  • デベロッパツールの新機能が便利! そのCSSがなぜ機能しないのか、どう修正すればよいのかが分かる

    デベロッパーツールの地味だけど便利な新機能が実装されるので、紹介します。CSSの非アクティブなプロパティを表示し、それがなぜ機能しないのか、どう修正すればよいのか教えてくれる機能です。 たとえば、親がdisplay: flex;ではないのにFlexboxのプロパティを設定しまった場合は、下記のように表示されます。 CSSに携わる人なら、この機能をオンにしておいて損はないでしょう。 display: flex;ではないのにFlexboxのプロパティを設定 ほかにも、widthを設定したのに効かないときは、それインライン要素ですよ、と教えてくれます。 インライン要素にwidthを設定 デベロッパーツールのこの新機能は「Find inactive styles」と呼ばれるもので、要素に適用されている非アクティブなスタイルを見つけることができます。 Find inactive styles -Ca

    デベロッパツールの新機能が便利! そのCSSがなぜ機能しないのか、どう修正すればよいのかが分かる
    SuiJackDo
    SuiJackDo 2022/11/04
    “デベロッパーツールの地味だけど便利な新機能。CSSの非アクティブなプロパティを表示し、それがなぜ機能しないのか、どう修正すればよいのか教えてくれる”
  • BtoBサイトランキング 2016 総合ランキング | BtoBサイトランキング | ブランド戦略通信│トライベック・ブランド戦略研究所

    総合ランキングはニーズ充足度に基づいて行った。なお、ニーズ充足度はアクセス率(ターゲットのうち、過去1年以内に業務目的でアクセスした人の割合)とニーズ充足率(アクセス者のうち、ニーズが充足された人の割合)から算出したものである。 オムロンの制御機器サイトが10年連続でトップとなった。 総合2位は三菱電機(FA)、3位はキーエンスと、トップ3にはFA(制御機器等)が並ぶ。その他、上位には建材・住設機器などのサイトが並ぶ。 ※順位は216社中のもの。 順位サイト名製品・サービス名ニーズ充足度(%)

    BtoBサイトランキング 2016 総合ランキング | BtoBサイトランキング | ブランド戦略通信│トライベック・ブランド戦略研究所
    SuiJackDo
    SuiJackDo 2016/07/28
    「アクセス率(ターゲットのうち、過去1年以内に業務目的でアクセスした人の割合)とニーズ充足率(アクセス者のうち、ニーズが充足された人の割合)からニーズ充足度を算出」
  • 2012スマートフォンサイト編|Webユーザビリティランキング|トライベック・ブランド戦略研究所

    トライベック株式会社は、スマートフォンで主要サービスを展開している企業のうち、ポータルサイト、ECサイト、企業サイト、特定ジャンルの専門サイト(不動産、金融など特定ジャンルや用途に特化したサイト)の4分類30サイトを抽出し、対象となるスマートフォンサイトに対してユーザビリティ診断を実施しました。 ※ A軸:アクセス性、B軸:サイト全体の明快性、C軸:ナビゲーションの使いやすさ、D軸:コンテンツの適切性、E軸:ヘルプ・安全性 ※ 総合スコアは、5軸に傾斜配分をかけて割り出したものであり、5軸の単純平均ではありません。(満点=100点) 順位 サイト名 総合スコア

    2012スマートフォンサイト編|Webユーザビリティランキング|トライベック・ブランド戦略研究所
    SuiJackDo
    SuiJackDo 2012/04/06
    スマートフォンサイトのユーザビリティランキング。ポイントは全体的に高い。問い合わせの最適化やFAQコンテンツに難が見られる。
  • ブログテンプレート作成ツールで簡単ブログデザイン! - CSSEZ

    Cssez : ผลบอล บอลวันนี้ วิเคราะห์บอล ข่าวฟุตบอล เราคือผู้นำของเว็บดูผลบอลสดออนไลน์ ผลบอลสดภาษาไทย 7m ข่าวฟุตบอล สรุปผลบอล ไฮไลท์ ที่สามารถเช็คผลบอลทั่วโลก มีทั้งภาษาไทย Livescore 7m 888 ผลบอลมีเสียงวันนี้ล่าสุด พรุ่งนี้ หรือเมื่อคืน รวบรวมเว็บผลบอลต่างๆมากมายมารวมไว้ที่เดียวเช่น livescore.com 7m.cn 888scoreonline.com thscore.cc และ spbo.com รวมทั้งมีวิเคราะห์บอล ตารางบอล คะแนนบอล และดูบอลสดออนไลน์

    SuiJackDo
    SuiJackDo 2011/09/18
    Web上でblogのデザインテンプレートを作成。MT、WPほか各種blogサービスに対応。
  • Mobile Web Design Trends and Best Practices - DesignModo

    Web designers are well aware of the fact that the industry is in the process of continuous progress and adaptation and specialization of skills is required in order to remain in touch with the modern technology. Recently a huge amount of change has been noticed in the field of internet services because now the users can access it through the mobile devices. Consequently there is a need for the web

    Mobile Web Design Trends and Best Practices - DesignModo
    SuiJackDo
    SuiJackDo 2011/07/28
    スマートフォン向けWebサイトのトレンドとデザイン事例。英文。
  • 960pxのグリッドを基準にサイトレイアウトをする考え方「960 Grid System」 | ブロックワークス

    Webサイトのレイアウトを考える上で参考になりそうなサイトを見つけました。 960pxを短冊のように分割し、そのグリッドに合わせてレイアウトするその名も「960 Grid System」というサイトです。まずは文章で説明するより絵で見てみてください。 みての通り、一見変哲もないサイトですが、実は960gridのルールに沿って作られていることが分かります。 [60px][20px余白][60px][20px余白]の繰り返しに、両脇に10pxを入れた960pxで成り立っています。 多種多様な情報をいかに見やすく、分かりやすく配置していかということを考えると、960gridのような考え方でデザインしてみるのもいいかもしれませんね。 レイアウトのベースとなるテンプレートファイル(psd、FireworksPNG、omnigraffle、visio)も無料でダウンロードすることができるので、これをベ

    SuiJackDo
    SuiJackDo 2011/02/24
    両端10px、60pxと20pxの繰り返し。300pxで3カラム。
  • 絶対見ておきたい有名企業のスマホサイトまとめ (1/5)

    この記事で取り上げているスマートフォンサイトの「BEFORE & AFTER」を以下の記事で紹介しています。合わせてご覧ください。 日のスマホサイトは2年間でこんなに変わった iPhoneAndroidの普及を背景に、スマートフォンのブラウザー向けにコンテンツや表示を最適化した「スマートフォンサイト」(スマホサイト)を開設する企業が増えている。当初はiPhone(iOS)の標準UIに倣った画一的なデザインが多かったが、最近では独特のレイアウトや斬新な色使いの個性的なスマートフォンサイトも増えてきた。 ここでは、Web制作者が見ておきたいスマートフォンサイトを紹介する。実務で参考にできるように、対象を日語の企業サイトに絞り、業種別に分類してまとめた。スマートフォンサイトの制作に入る前にチェックしておこう。

    絶対見ておきたい有名企業のスマホサイトまとめ (1/5)
    SuiJackDo
    SuiJackDo 2011/02/21
    ファッション・アパレル、メーカー(自動車・家電)、メーカー(食品・飲料)、交通・旅行、小売・飲食、不動産・建設の業種別。
  • [ウェブサービスレビュー]デザインカンプに使えるダミー文章を生成--「すぐ使えるダミーテキスト」

    内容:「すぐ使えるダミーテキスト」は、デザインカンプなどに必要となるダミーの日語テキストを出力できるサービスだ。条件を指定してボタンを押すだけで、形態素解析を経て意味が通らないよう加工されたダミーのテキストが出力されるので、コピーして自由に使うことができる。 「すぐ使えるダミーテキスト」は、ウェブサイトのデザインカンプ(見)などを作成する際に必要となるダミーの日語テキストを、条件を指定して出力できるサービスだ。 使い方はいたって簡単で、パラグラフごとの文の数、パラグラフの頭の全角スペースの有無、元テキストを指定して「ダミーテキスト生成」ボタンを押すだけ。フォーム内にテキストが出力されるので、あとはコピーして必要な箇所にペーストするだけだ。 元に使われるテキストは、青空文庫所収の「私の個人主義」(夏目漱石)、「セロ弾きのゴーシュ」(宮沢賢治)がプリセットされているほか、オリジナルのテキ

    [ウェブサービスレビュー]デザインカンプに使えるダミー文章を生成--「すぐ使えるダミーテキスト」
    SuiJackDo
    SuiJackDo 2010/09/25
    これを使えば簡単にblogの更新ができそうな気がしてきた……。
  • Showcase Of Beautiful Vertical Navigation Designs — Smashing Magazine

    Website navigation menus generally come in one of two orientations: vertical and horizontal. Horizontal navigation menus display items side by side. Vertical navigation menus stack items on top of each other. In this post, we highlight some remarkable vertical navigation menus, for your inspiration. Go to any website and you’re guaranteed to find one thing: a navigation menu. Navigation menus enab

    SuiJackDo
    SuiJackDo 2010/04/20
    サイドの階層型ナビゲーションのデザインをあれこれ紹介。(via @bookslope
  • タイトルタグを作るときに意識したい7つのポイント | ウェブ力学

    タイトルタグは様々な観点から見ても最も重要なHTMLタグといっていいでしょう。ここでは、サイトのトップーページと個別記事(サブページ)のタイトルタグを作成する場合に意識しておきたいポイントを紹介します。 1.ターゲットとするキーワードを含める SEOの観点からもクリック率を高める観点からもタイトルタグにキーワードを含めることは大切です。 数年前に比べると、特にYahoo!においてタイトルタグにキーワードを含めた場合のSEOスコアが弱くなった印象がありますが、それでも最も重要なタグであることに変わりはありません。また、検索されたキーワードは強調表示されますので、検索結果で目立つことになります。 SEO狙いで無理やりキーワードをタイトルの先頭に入れようとする人もいますが、無理してまで先頭に拘る必要はないでしょう。 ただし、キーワードが前方にないと検索結果で目立たなくなってしまいます。検索結果で

    SuiJackDo
    SuiJackDo 2010/03/29
    「ほぼ確実に表示されるであろう全角30文字前後に」、「Yahoo!の場合は強制的に半角パイプに変換されてしまうため、半角パイプを用いてその前後に半角スペースを付けるのがいい」
  • UI Stencils - Templates & Stencils for UX Designers / Developers

    Drawing Stencils, Pads and Accessiories for Designers & Developers.

    SuiJackDo
    SuiJackDo 2010/03/27
    iPhoneやWebサイトのペーパープロトタイピング専用の定規、メモパッドを販売。無駄にほしい。
  • テキストリンク色の変更で、70億円(!)を稼ぎだすことに成功したマイクロソフト - Feel Like A Fallinstar

    ユーザビリティの中でも特に狭義の「テキストリンク色」を変えただけで、恐るべきビジネスインパクトが現れたという事例です。 実際に成果の変化が起こったのは、マイクロソフトが鋭意売り出し中の検索エンジン「Bing」です。 テキストリンクを、入念にテストし、8000万ドルの売り上げ増 マイクロソフトは従来、「Live Search」という形でもう少し明るい青(水色に近い)を採用していました。   Bingよりも、明るいというかすこし緑に近い感じの色がベースになっていますね。 ちょっと比べてみました。 (※Live Searchは画像検索からキャプチャを取っています) こう見ると確かに色はかなり変化しています。 CNETの記事によると、マイクロソフトはBingを作る過程でかなりの数の色をテストしたようです。 Microsoftは最終的に「Bing」となるものを設計していたとき、膨大な数の色を検証し、

    SuiJackDo
    SuiJackDo 2010/03/18
    「もっと具体的に言うと、それはGoogleが使用しているものと非常に近い色合いの青だった。」
  • シンプル、ミニマルなサイトを作りたい時に役立ちそうなアイコンやフォント、ギャラリーなどのまとめ - かちびと.net

    個人的にミニマリズムなサイトが 好みなので自分用の備忘録です。 情報が多いので若干まとめのまとめ という感じになっていますがご了承 下さい。シンプルなサイトを作る時に 役立ちそうなリソースやギャラリーを。 内容はシンプルなアイコン、インスピレーション向上に必須なギャラリー、相性の良さそうなフォントなどになります。 白黒のサイトを作りたいときに役立つもの、という記事と被りますがご了承下さい。 Iconic モノクロながら可愛らしい感じのアイコン103個セット。 Iconic picol 汎用性の高そうなアイコンセット。 picol Token 色々なところで紹介されてるアイコン。28万人中10万人はDLしてるみたいです。人気ですねー。 Token Brightmix icon set EPSファイルで配布されるアイコンセット。丸型にほぼ統一されてます。地球のアイコン凄いですね。。 Brigh

    SuiJackDo
    SuiJackDo 2010/03/10
    ちょっと作ってみたくなる。
  • IBMがWebアプリケーションのUIガイドラインとHTML/CSSのソースコードを公開

    業務アプリケーションがWebアプリケーションとして開発されるのは現在の大きなトレンドです。それに伴ってHTMLCSSによって業務アプリケーションの複雑なユーザーインターフェイスを構築する必要性が生じます。 しかし機能が豊富な業務アプリケーションのユーザーインターフェイスをHTMLCSSで構築するのはそれほど簡単ではなく、しかもそれをアプリケーション全体で統一し、優れたユーザビリティを実現するのはさらに手間のかかる作業です。 そうした業務用のWebアプリケーションのユーザーインターフェイスを構築するためのサンプルが豊富に含まれたガイドライン「IBM Lotus User Interface Developer Documentation」が、IBMから公開されました。 今回公開されたIBMのガイドラインは、同社のLotus製品群のユーザビリティを統一するための社内プロジェクト「One U

    IBMがWebアプリケーションのUIガイドラインとHTML/CSSのソースコードを公開
    SuiJackDo
    SuiJackDo 2009/11/06
    「IBM Lotus User Interface Developer Documentation」の概要紹介
  • 分かった気になるHTML5 〜開発者の視点から〜

    Editor's NotesGoogle Chrome Experience Youtube HTML5 Demo勧告とは・・・エディタはMLをチェックしてフィードバックを仕&

    分かった気になるHTML5 〜開発者の視点から〜
    SuiJackDo
    SuiJackDo 2009/10/21
    分かった気になった。なかなか重たい。
  • リクリでコンテンツとデザインについて話しました : could

    コンテンツ講演 リクリでコンテンツとデザインについて話しました 先日スピーカーとして第2回 Re:Creator’s Kansaiに参加しました。WDEの菊池さんも加わり、これから何をしようかといった将来の話題が中心のイベントになりました。大阪でセミナーをするのはかなり久しぶりだったので、こうした機会が巡ってきて嬉しかったです。今年は執筆している記事も含めコンテンツにフォーカスした講演が多かったですが、リクリでも再びコンテンツをテーマにした話題でした。今までは概念的な部分が多かったのに対し、今回は「コンテンツ戦略を意識したデザインアプローチ」という題名で、コンテンツにフォーカスしたサイトの組み立て方を、実際あるサイトを例に挙げて解説しました。 テレビ、紙媒体、ラジオでは顧客・消費者を「視聴者」「読者」「観覧者」と呼びます。受動的な呼び名が使われているのに対し、Webでは「利用者」という能動

    リクリでコンテンツとデザインについて話しました : could
    SuiJackDo
    SuiJackDo 2009/10/21
    「常に何かをすることが出来る Web で、突然従来のような「観覧者」のような扱いにしているサイトは幾つかあります。「自分たちを見てくれ」と自己主張は強いものの、利用者に価値を与えているか再確認が必要です。」
  • ASCII.jp:HTML5はFlashの脅威か?エバンジェリストに聞いた

    かつてFlashの専売特許だったRIA(リッチ・インターネット・アプリケーション)の世界が激変している。JavaScriptの高速化が進み、jQueryやYUIYahoo! User Interface Library)、Ext JSなどのフレームワークを使ったAjaxアプリケーションは珍しくなくなった。2012年にW3C(World Wide Web Consortium )が勧告を目指している「HTML5」をめぐる動きも、ここのところ活発化している。 こうしたライバルたちの動きを、アドビ システムズはどう見ているのか? 2010年に発売する新しいデザインツール「Flash Catalyst」のPRのため来日した、米アドビ システムズのシニア プラットフォーム エバンジェリストであるエンリケ・デュボス氏に話を聞いた。 HTML5の完成には10年かかる ――ここ数年でRIAの環境が大きく

    ASCII.jp:HTML5はFlashの脅威か?エバンジェリストに聞いた
    SuiJackDo
    SuiJackDo 2009/09/28
    「HTML5の完成には、あと10年はかかるでしょう。アドビはHTML5のWGのメンバーとして必要な作業をしていきますが、一方ではFlashプラットフォームのイノベーションを続けていきます。」
  • アドビがeコマース向けコンテンツ作成のASPサービスを提供開始

    アドビシステムズは2009年9月17日,日を含むアジア太平洋地域向けにASPサービス「Adobe Scene7」の提供を開始した。Scene7はユーザーがアップロードした画像を,ズーム,サイズ変更,回転といったインタラクティブな操作が可能なコンテンツに自動変換して提供するサービス。eコマース・サイトの商品紹介ページなどでの利用を想定している。 Scene7を利用すれば,素材となる画像があれば,特別なスキルが無くても直感的な操作でインタラクティブ・コンテンツを生成可能だという。「服の縫い目まで確認できるほど画像をズームできるコンテンツを,特別な開発をせずに実現できる。開発コストの圧縮につながるだけでなく,商品の返品率を下げたり,安心して購入できるといった顧客満足度を向上する要因になる」(米Adobe Systems Scene7プロダクトマーケティング担当シニアディレクターのシーラ・ダンク

    アドビがeコマース向けコンテンツ作成のASPサービスを提供開始
    SuiJackDo
    SuiJackDo 2009/09/18
    「Scene7はユーザーがアップロードした画像を,ズーム,サイズ変更,回転といったインタラクティブ操作が可能なコンテンツに自動変換するサービス。ecサイトの商品紹介ページなどでの利用を想定」
  • Adaptive Path

    Join AdaptivePath.org for an evening of lightning talks about design for social impact at CounterPulse. We’ve invited five people who are using the power of design to make a positive impact on our world and our region. Come learn about our speakers’ work with non-profits, government agencies, and industry to serve vulnerable populations and foster a more inclusive world.

    SuiJackDo
    SuiJackDo 2009/09/18
    語学学習SNS「iKnow!」が総合学習サイト「smart.fm」に生まれ変わるまでの裏側。