パソコンやスマートフォンの操作説明で、画像を部分的に強調させたい時ってありますよね。Macに標準でインストールされているアプリ「プレビュー」で画面キャプチャ画像の一部をハイライトさせる方法を紹介します。
続きを読むカテゴリー: WebDesign
iPhone Safari で CSS を即座に更新する方法(スーパーリロード)
CSSを編集しているときに、変更したはずのウェブページをいくらリロードしても反映されないことがあります。それは、ブラウザのキャッシュ機能によるものです。Mac や Windows PC のブラウザであれば、キャッシュを無視して全てのファイルを再読み込みする「スーパーリロード」という機能があるのですが、iPhone Safari にはその機能がありません。
そこで、iPhone Safari でスーパーリロードを実行するブックマークレットを紹介します。
続きを読むURLエンコードツール
URLエンコード、デコードができます。日本語URLを扱う際に使用してください。
続きを読む
Amazonの画像URLの取得方法と商品URLを短くする方法
Amazonアソシエイトの画像付き商品リンクですが、サイトのデザインにうまく溶け込ませることができずに浮いてしまう場合があります。そこで、商品画像URLと商品URLを独自に取得して、Amazon商品リンクをデザインしてみようと思います。
続きを読む
JavaScriptで特定のid属性を持つ要素の表示・非表示を切り替える
限られたスペースをいかに有効に使うことが出来るかで、ユーザーに伝えられる情報量は異なってきます。ここでは、特定のid属性を持つ要素の表示/非表示を切り替える JavaScript を紹介します。
続きを読む
フリーのテクスチャ素材提供サイト「Subtle Patterns」
ウェブサイトを製作する際に背景画像でもう悩まない。フリーで使えるテクスチャ素材提供サイト「Subtle Patterns」の紹介。
続きを読むタブレットやスマートフォンのdevice-width一覧
主要なタブレット端末やスマートフォンが返すdevice-widthをまとめましたので、参考にして下さい。
続きを読むDOCTYPE宣言とレンダリングモード
DOCTYPE宣言とは、以降に続くHTMLのバージョンを示すもので、HMTL文書の先頭に記述します。
続きを読む古いIEにHTML5を適用させる
ここでは、JavaScriptを利用して、HTML5に対応していないIE8以前のIEをHTML5に適用させる方法について説明しています。使用の際は、JavaScriptをOFFにしている場合には適用出来ないことと、そもそもIE8以前のIEでは動作が重くなることを念頭に置いて、適用するかどうかを判断して下さい。
続きを読む
フロートによる2カラムレイアウト
ここでは、ブログなどでよく利用されているフロートを用いた2カラムレイアウトを実際に作成しながら段組みレイアウトの基礎を学びたいと思います。
続きを読む