This is only a small selection of style guides and pattern libraries that I like, you should check out styleguides.io for more resources. If you like this collection of style guides and pattern libraries, you might also enjoy some of my other projects motivational quotes, free stock images, collection of CSS Puns and my list of marketing and SEO tools. "This is truly an inspiring collection of sty

Windows 10のリリースが近づいて来た。時々聞くのは、新しいバージョンのWindowsが出ると、以前使っていたデバイスドライバー（以降ドライバー）が使えなくなり、その結果ハードウェアが使えなくなるので暫く様子を見るとか、アップデートはしないという話だ。実際には必ずしもそうではない。ドライバーのインストールソフトウェアが新Windowsへのインストールを制限しているケースも多いため、「Windowsドライバーには互換性がある」という事実が浸透していないのが実情だ。ここは簡単にWindows 10 への従来デバイスドライバーの移行方法を解説する。 必要な知識 古いバージョンのWindowsで動作していたドライバーを新しいWindowsで動作させるために必要な知識は次の通りである。 デバイスマネージャーを使用してドライバーの状態を確認、インストールや更新をする Windowsカーネルやドラ

CSS Flexboxとは水平または垂直に要素を配置し、柔軟なレイアウトを実現できるCSSのレイアウトモジュールです。複雑なレイアウトでも今までより少ないコードで、よりシンプルなプロセスで実装することができます。 CSS Flexboxの基礎知識、Flexboxの各プロパティがどのように機能するのか、Flexboxでどのようにレイアウトを実装するかを視覚的に解説します。 【アップデート: 2022年6月16日】 IEがサポート終了したことにあわせて、修正しました。 【アップデート: 2021年8月1日】 Flexboxの解説を2021年の現状にあわせて、修正しました。 【アップデート: 2020年8月23日】 Flexboxの解説を2020年の現状にあわせて、修正しました。 【アップデート: 2019年3月27日】 Flexboxの解説を2019年の現状にあわせて、修正しました。 【アップ

HTMLの各要素のブラウザごとに異なる差異をなくし、スタイルをリセットするスタイルシート「sanitize.css」を紹介します。 「Normalize.css」の共同開発者：Jonathan Nealの新しいプロジェクトで、最近の実装スタイルにあったアプローチがとられており、スマホなどのモバイルにも対応しています。 sanitize.css sanitize.css -GitHub sanitize.cssとは sanitize.cssの対応ブラウザ sanitize.cssのスタイル sanitize.cssの注目すべきスタイル sanitize.cssの適用 sanitize.cssとは sanitize.cssはHTMLのあらゆる要素を各ブラウザでの差異をなくし、整合性をもたせてレンダリングさせるスタイルシートで、ライセンスはCC 0で利用できます。 有用なデフォルトはそのまま 多

Dropboxだけじゃなく。アップルもグーグルも、2段階認証設定方法まとめ2014.10.17 23:00 福田ミホ これで万全！ Dropboxから700万人分のログイン情報が盗まれたかも！というニュースを見て、Dropboxや他のサービスのパスワードを変えた人も多いと思います。2段階認証をまだ使っていない人は、Dropboxに限らず可能なアカウントでは全部、なるべく早く使い始めたほうがいいです。2段階認証を使えば、万一パスワードを盗まれたとしても不正にログインされるのを防ぐことができ、従来のパスワードのみの保護よりぐっとセキュアになります。 2段階認証では、本人確認のための情報が通常のパスワードの他にもうひとつ必要になります。一番一般的なやり方は、パスワードを入力するとサービス側がテキストメッセージで独自の数字列を送ってくるものです。アカウントにアクセスする際は、その数字列もパスワード

.html拡張子のページにPHPを埋め込んで、コンテンツの一部を動的にしたいときってありませんか？ そんな時、以下のようなコードを「.htaccess」というファイルを作成してレンタルサーバーにアップロードをすれば、.html拡張子のページを、あたかもPHPの動的ページであるかのように動作させることができると言われています。 AddType application/x-httpd-php .php .html ですが、いくつかのレンタルサーバーで上記コードを試してみたところ、PHPがうまく動作しないケースが多く、レンタルサーバーの仕様や設定内容によって「.htaccess」の記述内容を変える必要があるようです。 そこで、代表的なレンタルサーバーを例に、レンタルサーバー別にまとめた .htaccess の記述方法をご紹介したいと思います。 ご紹介させていただくレンタルサーバーリストは以下にな

スマートフォンの普及で、PCで閲覧するWebサイト（以下、PCサイト）に対する注目度は下がっています。しかし、BtoBのデジタルマーケティングにおいては、PCサイトが今後も戦略の中心になるでしょうし、BtoCにおいても、PCサイトが不可欠な領域もまだまだ多いです。 ハードウェア的に大きな変化のないPC向けのWebデザインというと、ノウハウは固定化されている印象もありますが、実際には時代の流れを受け、今も変化を続けています。特に以下のような環境変化が、PCサイトのUIデザインにも大きな影響を与えています。 表示デバイスの多用化 スマートフォンアプリの一般化 タッチスクリーンの普及 トレンドに合わせれば成功、というではありませんが、その根底に流れているユーザ動向の変化については、十分に理解しておく必要はあるでしょう。そこでこのエントリーでは、PCサイトのUIデザインにおける最新動向を、その背景

カスタム投稿タイプで本文入力項目のフィールド（editor）を表示させないのは簡単。 functions.phpへのカスタム投稿タイプ追加コードの 'supports' => array('title','editor', 'custom-fields','author','excerpt','comments'), から、’editor’を指定しなければ非表示になる。 では、 Word Pressに元からあるデフォルトの投稿（post）から本文入力項目のフィールド（editor）を表示させないようにするには？ フォーラム内にて発見しました！ WordPress › フォーラム » 固定ページ編集画面の項目をユーザー権限で非表示にする方法 functions.phpへ、 add_action( 'init' , 'my_remove_post_editor_support' ); func

WordPressの「これが困った！」 WordPressで困っていることはありませんか？ サーバー移転／エラー解消／カスタマイズなど、WordPressの「これが困った」を解決します。 WordPressの便利屋 著者情報：この記事を書いた人 ウェブさえ web業界14年目。フリーランスwebデザイナーとして活動後、法人化。今でも年間100件以上のウェブサイトの企画・制作に関わっています。 ウェブさえにできること【お仕事のご相談＞サービスメニュー】 Follow @websae2012 WordPressの移転／バックアップ／複製に最適な「duplicator」とは？ WordPress › Duplicator « WordPress Plugins 『duplicator』は、WordPressサイトを丸ごと複製できるプラグインです。最初にデータベースだけ用意しておけば、新しいサーバ

WordPressを移転させるときに起きやすい事象と解決方法です。毎年サーバー移転をしているので無駄に経験値がついてきました…。 WordPress引っ越し手順 普通に引っ越しさせようとすると、 1. WordPressのディレクトリ丸ごとコピーしてFTP転送 2. 移転先にMySQLのDBを新規作成 3. phpmyadminでデータベースを移転元からエクスポート 4. phpmyadminで移転先データベースにインポート 5. wp-config.phpのDB接続の設定を書き換え 6. 表示確認 という手順になると思います。 起きやすいトラブルその1 4.のデータベースをインポートする時に、レンタルサーバーによっては1ファイルあたりの容量の上限があり、一気にインポートすることができません。 たいてい、「wp_posts」（ブログ記事を格納するテーブル）の容量が大きくて起きます。 一番簡

海外のサイトでの買い物が初めてで、住所の書き方が解りません。 [Street Address 1: Street Address 2: City: State: ]とは どう入力すればいいのでしょうか？ Cityが都道府県で、Stateが市区町村、Street Address 1には つづきの住所から番地まででStreet Address 2にはマンション名と何号室か、 で良いんでしょうか？結構高価な買い物なので着くかどうかが心配で・・・。 海外のサイトでの買い物に詳しい方、宜しくお願い致します。

印刷する紙のデザインと異なり、Webデザインは環境によって見た目が変わります。どの環境でも同じレイアウトで見せるには画像として書き出せば確実なのですが、テキストの部分はそうもいきません。 DTPデザイナーの方からも「こんな文字のレイアウトはWebだと無理？」といったご相談を受けることがよくあります。 今年に入って、HTML5＆CSS3に対応したブラウザのシェアもかなり増えてきましたので、今回は文字のレイアウトに関するHTMLとCSSをご紹介したいと思います。 目次：段組み縦組み（縦書き）行末揃え（両端揃え）先頭文字スタイル（ドロップキャップ）段落先頭1字下げ2行目から1字下げ（ぶら下げインデント）行頭禁則文字ふりがな（ルビ）圏点（傍点、脇点）大文字と小文字の変更スモールキャップス（スモールキャピタル）長体、平体（水平比率、垂直比率）※IE以外のブラウザは、2014年7月4日現在の最新版にて

ホームページのデザインっていろいろあって、どれが自分のビジネスにふさわしいものか迷ったことはありませんか？ 個人で事業をやっている方だと、そのような疑問を持つ方も多いのではないでしょうか。 でも実は、業種ごとの王道デザインを知っていれば悩む必要なんて何もないのです。 今回は、全16業種にわたる王道のホームページデザインをお伝えしたいと思います。 1. 美容院のホームページデザイン【王道】 おしゃれな髪型の女性の大きめな写真を載せるデザイン 【実例】 Nine9 / ナイン 美容室 pukka hair 美容院のホームページデザイン ポイント「おしゃれな髪型をしている女性の写真を載せる」 美容院のホームページの王道デザインは、お店のロゴが左上、メニューがその横にあり、その下には、おしゃれな髪形をしている女性の大き目な写真があるというものです。 これは美容院という商売の特性上、ごく自然なことで

無料のキーワード分析ツールSEO・Webマーケティング・商品開発・サービス開発・顧客開拓・コンテンツ作成など様々な場面で活躍します 無料でご利用いただけます。分析/時短に充実の機能を備えたプランは月々わずか990円

こんにちは、株式会社LIG 執行役員の寺倉と申します。 自社サイトの分析、競合他社、類似サイトの発掘と分析は、KPI設定や改修、WEB戦略を立てる上で非常に重要です。 今回は登録不要、かつ無料で使えるサイト分析ツールとサービスを8つほどまとめてみました。これが誰かのお役に立てば幸いです。 2007年から自社メディアで集客を行っている弊社LIGにご相談してみませんか？ Webサイトのみで年間1,000件以上の問い合わせを獲得！ KPI設計など上流工程から、オウンドメディア全体のコンサルティングに対応 サイトリニューアルと併せてのご提案も可能で、CV数1.5倍、離脱率4%改善など成功事例多数 LIGに問い合わせてみる 株式会社LIGとは 2007年設立、東京都台東区発のWeb制作会社。年間150サイトリリース、毎年複数のWebデザインアワードを受賞。Web制作だけでなく、月間200万PVのWe