こんにちは、デザイナーのサリーです。セブ島のお土産に名物のシニガンスープの素をたくさん貰いました。 シニガン？な私は裏面（おそらくフィリピン語）を見てもさっぱり作り方がわかりません、クノールなのに… パッケージイラストとクックパッドを頼りにどうにかこうにか料理してみようと思います。 今日はデザインやコードをチェックするのに便利なブックマークレット10個を紹介します。 デベロッパーツールやブラウザの拡張機能を使った方が良さそうだと思ったもの、個人的に使いづらかったものは除外して、実用性のあるブックマークレットを選んでみました。 「ブックマークレットってなんだろう？」な方に説明をしておくと、 ブックマークレット 通常ウェブブラウザでブックマーク（お気に入り）を選ぶと、登録しておいたURLに遷移するが、URLの代わりにJavaScriptのプログラムコードをブックマークしておくことで、それを選ん

Webサイトの閲覧に使うプロトコル「HTTP」が備える、最も基本的なユーザ認証方式。 アクセスの制限されたWebページにアクセスしようとすると、Webブラウザでユーザ名とパスワードの入力を求め、サーバでアクセスを許可しているユーザに一致すると、ページを閲覧することができる。

●フリーフォント（総合書体限定） フルセットの総合書体から、教育漢字1,006文字＋α等、インターネット上で無償頒布している実用性のあるアウトライン和文フォントを集めてみました。欧文フォントや仮名フォントを取り上げると膨大な量になってしまうので総合書体だけに限定して紹介。（順不同）

スマートフォンサイトを制作する際、個人的に覚えておいた方が良いと思うCSSのプロパティやテクニックをまとめてみました。 自分用の備忘録ではありますが、他のブログ等でも取り上げられていることが多いので、いずれも覚えておいて損はないものだと思います。 普段から制作している方にとっては目新しいのはないと思いますが、まだスマートフォンサイトを制作したことがない方やまだまだ苦手だなと思う方は参考にしてみてください。 UA切り替え・Viewport指定・拡大縮小の有無・電話番号リンクの無効化・ホーム画面用のアイコン指定など、スマートフォンサイトを制作する際に最低限覚えておくべきと思うことは他にも沢山あるんですが、今回はCSSに焦点を当てています。 また、タイトルでは「スマートフォンサイト制作時」としてはいますが、レスポンシブWebデザイン制作時でも頻繁に使うものだったり、PCサイト制作時でもCSS3に

このページでは 16x16, 24x24, 32x32, 48x48, 64x64 の5つの画像を含むマルチアイコンを生成します。 16x16のみ、16x16と32x32の2個、などのアイコンも作成可能です。 入力された画像は指定サイズに拡大縮小されます。 長方形の画像を指定した場合は正方形に変形されます。 透過情報を含むPNG画像も指定可能です。 指定した大きさの画像がアイコン内に作成されます。 16x16の画像のみ作成する場合は16x16に画像を指定して下さい。 32x32の画像のみ作成する場合は32x32に画像を指定して下さい。 同時に複数画像を指定すると、マルチアイコンになります。 16x16と32x32に画像を同時に指定すると2サイズのマルチアイコンになります。 16x16,24x24,32x32,48x48,64x64すべてに同時に画像を指定すると、5サイズのマルチアイコンにな

We are a Global Design Partner UXデザインを軸に最適なユーザー体験を生み出し 新たな価値の創出に貢献しています。

こんにちは。 デザイン以外もいろいろ幅広く担当しているデザイナーの”ら～は～”です。 2012年から流行ると言われて、今年の2013年にはより一般的になってくると言われてる。 そんなレスポンシブサイトの制作について、実体験ベースにあれこれを職種ごとに紹介したいと思います。 結構長くなります。最後までお付き合いください。 目次 はじめに ディレクター編 デザイナー編 コーダー編 さいごに 1.はじめに そもそもレスポンシブWebサイトって？？ PC、タブレット、スマートフォンなどを、 1つのHTMLでデバイスごとに表示を変更できる制作手法です。 主に使われる技術は、CSS3からスタイルのMedia Type 拡張である「Media Queries」です。 これはデバイスのスクリーンサイズ毎にスタイルを読み替えてくれる機能で、各種デバイスに応じて見せ方を変更できるというわけです。 ※ほかにもJ

ステップ1: WordPress を準備する WordPress はインストールしてDB設定やら終わってる段階なことを確認。 既存サイトをマルチサイト化するときはデータベース・アップロードしたファイルのバックアップをとっておくこと。 って書いてますけども、今回は新規なのでスルー。 ステップ2: マルチサイトを有効化 マルチサイト、デフォルトでは定義されていません。 なので wp-config.php で定義しなきゃいけません、WordPressをインストールしたフォルダ直下にあります。 テキストエディタで開いて、4行追加しました（あとでわかりやすいようコメントを付けておく <?php /** * WordPress の基本設定 * * このファイルは、MySQL、テーブル接頭辞、秘密鍵、言語、ABSPATH の設定を含みます。 * より詳しい情報は {@link http://wpdocs

概要 運営したいサイト、ドメインの数だけサーバーを契約したりプログラムをインストールするのは大変ですが、WordPressには「マルチサイト」という機能が標準で用意されています。 「マルチサイト」は1つのサーバー、1つのプログラムで複数のサイトを運営できる便利な機能です。 「マルチサイト」で複数のサイトを運用する場合、以下の3つの方法からお選びいただけます。 サブディレクトリ型 サブドメイン型 複数ドメイン型 ※ 最初にお選びいただいた方法から、途中で別の方法には変更できません。 今回は「サブディレクトリ型」についてご説明します。 サブディレクトリ型 マルチサイトとは？ 「example.com」で公開しているサイトに「example.com/site1/」「example.com/site2/」など、下層のディレクトリで複数のサイトを公開します。 WordPressのインストール/設定

robots.txtとは、Googleなどの検索エンジンのクローラーに対して、「どのURLにアクセスしていいか」を伝えるものである。 これを使えば、特定のページやフォルダのクロールを拒否できる（クロールさせない）ことができる。クローラーの動きを最適化することで、SEOの観点からも良い影響を得られる可能性がある。

画像を着実に撮影し、地図に命を吹き込む ストリートビューは、数十億枚ものパノラマ画像をつなぎ合わせることで、私たちを取り巻く世界を Google マップ上で仮想的に表したものです。ストリートビューの写真には、Google が提供したものと、Google 以外の投稿者が提供したものがあります。バーチャル リアリティの技術によって、あらゆる地域の人々が世界中を見てまわれるように、Google は総力を挙げて取り組んでいます。

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

はじめに Webサイトの高速化について調べてみるとCSSの@import url();は使わない方が良いという指摘をよく見かけます。 問題となるのはパラレルロード（複数のリソースを同時にロードする）ができなくなる場合があることと、CSSの読み込み順序が変わってしまうことがあるようです。 実際にどれだけ読み込み速度に問題があるのか、3つの読み込み方で試してみたいと思います。 比較する3つの読み込み方 今回はこの3つで読み込みを比較してみます。 CSSの@import url();で読み込む HTMLのlink要素で別々に読み込む Sassで@importして1つにまとめてlink要素で読み込む 対象ブラウザ 今回の検証ブラウザはChromeとInternet Explorerです。 どちらも備え付けの開発者ツールで検証します。 今回計測したサンプル サンプルはこちらに公開しているので問題があ