タグ

*web制作と*webデザインに関するSuiJackDoのブックマーク (8)

  • 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の非アクティブなプロパティを表示し、それがなぜ機能しないのか、どう修正すればよいのか教えてくれる”
  • テキストリンク色の変更で、70億円(!)を稼ぎだすことに成功したマイクロソフト - Feel Like A Fallinstar

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

    SuiJackDo
    SuiJackDo 2010/03/18
    「もっと具体的に言うと、それはGoogleが使用しているものと非常に近い色合いの青だった。」
  • 分かった気になるHTML5 〜開発者の視点から〜

    セッション: 分かった気になるHTML5 〜開発者の視点から〜 スピーカー: shoito イベント: 世界有数の勉強会(遺産的な意味で) Hokuriku.lang出張編 - 2009/10/03(Sat) 金沢Webデザイナー向け出張セッション - 2009/10/07(Wed) URL: http://blog.air-life.net/ twitter: http://twitter.com/shoitoRead less

    分かった気になるHTML5 〜開発者の視点から〜
    SuiJackDo
    SuiJackDo 2009/10/21
    分かった気になった。なかなか重たい。
  • セマンティックHTML? KISS!

    Keep It Simple, Stupid ウェブの文書とデータ 人間が読むためのウェブ文書にはさまざまな情報が詰まっている コンピュータ(エージェント/処理ソフト)はHTMLから文書構造の大枠を把握して提示できるが、内容(データの意味)は基的に関知しない コンピュータ処理用のデータは別途用意する? 両方まとめて、シンプルにしよう! HTML文書中のデータをコンピュータ処理も可能にする HTMLのシンプルさを生かすことが大切 しかしコンピュータにとっても明快でシンプルであること だからセマンティックHTML ウェブリソースの型と関係 ウェブ文書中のデータを明示するためには 文脈によらない識別(名前付け):何が同じで何が異なるかを明確にする データはどんなタイプ(型)か:文書について? あるいは文中の映画について? データどうしの関係:この日付は映画の封切り日? 映画を観た日? ウェブ文

  • Web UIプロトタイプ自動生成ツール

    公開日:2009年3月31日 最終更新日:2010年6月11日 芝浦工業大学大学院 工学研究科 機能制御システム専攻 ソフトウェア工学研究室 小形 真平 システム開発の成功に向けて、ソフトウェアに対する要求を正しく十分に仕様化することが必要不可欠です。 そのため、開発者は要求仕様の妥当性を顧客との間で十分に議論する必要があり、この前提として両者にとってモデルが容易に理解できるものでなければなりません。 その理解支援を目的として、業務系Webアプリケーションを対象にオブジェクト指向分析を基礎として、 UML(Unified Modeling Language)モデルから UI(User Interface)プロトタイプ を生成する手法の研究と ツールの実装を行ってきました。 ここで、UIプロトタイプとは、例えばWebページのようなUIのみを実現したシステムの模型であり、機能を持たないものを指

    SuiJackDo
    SuiJackDo 2009/05/26
    JUDEのUMLからWebのUIを自動生成。わかる人に聞いてみる。
  • ウノウラボ Unoh Labs: ユーザビリティ・ガイドライン

    sashaです。 naoya君が前回のエントリーで振ってくれたように、ジョエルテストの話から、ユーザビリティ・テストをどこまで行うかという話になりました。 私が今まで見たユーザビリティ系の記事の中には、追求したら悟りが開けそうな、限りなく奥深いものもありましたが、適度に深く、満遍なくカバーしているユーザビリティ・ガイドライン(原文)を見つけ、以降これを参考にしています。少し前に翻訳しましたので、今日はそれをご紹介いたします。 一般ユーザー向けのWebサービスでは、全部のチェック項目が該当するわけではありません。個人的には、各項目のスコアより、「スコアの説明」という欄を重視しています。現状では何が問題であり、どう解決するべきなのか、そういった思考のプロセスが、「ユーザーのことを思うこと」だと思うのです。 いま、ウノウではフォト蔵のデザイン見直しを行っております。私たちのデザインを省み、

  • Site-it!: DESIGN IT! w/LOVE

    不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 これはいい!って思いました。これ考えた長谷川さんすごい。金曜日の第3回情報デザイン・フォーラムで、コンセントの長谷川さんが紹介していたSite-it!。 これはいい!って思いました。これ考えた長谷川さんすごい。 どういうものかというと、プレゼンシートに書いてあったことをそのまま引用しておくと以下の通り。 ウェブサイトの典型的なページをテンプレート化した付箋ノートです。このSite-it!を用いて自由にブレインストーミングを行うことができます。白紙の付箋よりイメージがつかみやすく、PC+プロジェクターを使うより自由に議論ができ、そしてなにより紙なので安い!Site-it!によって、クライアントも巻き込んで、より柔軟にサイトストラクチャを議論してください。 これ使って、サイトの

    SuiJackDo
    SuiJackDo 2009/04/01
    ウェブサイトの典型的なページをテンプレート化した付箋ノート。ペーパープロトタイピングがより容易に。
  • 1