カラー別にデザインが素晴らしいウェブサイトのまとめを紹介します。 Web Design: Nice and Clean Layouts ホワイトをベースにしたウェブデザインのまとめ キャプチャ:Stu
カラー別にデザインが素晴らしいウェブサイトのまとめを紹介します。 Web Design: Nice and Clean Layouts ホワイトをベースにしたウェブデザインのまとめ キャプチャ:Stu
Eコマースサイトでよく利用される機能を備えたWordPress用のテーマファイルとPrestashop用のテーマファイルを紹介します。 Free Prestashop and WordPress E-Commerce Theme: Velvet Sky [ad#ad-2] すぐにEコマースサイトができてしまいそうなテーマファイルですが、利用するにあたっての一番のポイントは日本語化でしょうか。 デザインをはじめ、機能も便利なものが揃っているので、勉強目的にも役立つと思います Velvet Skyの主な特徴 Velvet Skyの対応ブラウザ Velvet Skyのデモ Velvet Skyのライセンス Velvet Skyの主な特徴 WordPress 3.1+対応 Prestashop 1.4.2.5対応 カスタムホームページ 水平タイプのメニューとサブメニュー スライドショーモジュール
galleryFocus フォーカスした周辺をアニメーションでフェードさせ、中心をくっきり見せるギャラリー。 [ad#ad-2]
Skitter 多種多少なアニメーションで画像を変更するスライドショー。 キャプチャは「cube」、キューブ状になって変更します。
Photoshopのキャプチャ ブラシの利用は無料ですが、ライセンスの明記がないため商用利用の際は問い合わせをした方がよいと思います。 同作者は、他にも写真の「ぼけ」をモチーフにした面白いPhotoshopのブラシを配付しています。 [ad#ad-2]
IEの各バージョンごとに異なるスタイルシートを適用する方法はいくつかあります。それらの利点・欠点を検討し、さらにIE9へどのように対応したらよいのかを紹介します。 In defense of CSS hacks — introducing "safe CSS hacks" [ad#ad-2] 下記は各ポイントを意訳したものです。 Conditional stylesheets -条件付きコメント:スタイルシート Conditional classnames -条件付きコメント:class名 CSS hack -安全なCSS hackとは 条件付きコメント:class名とCSS hackのコンビネーション [ad#ad-2] Conditional stylesheets -条件付きコメント:スタイルシート 条件付コメントはInternet Explorerの特定のバージョンでロードさせるべ
写真画像をブラウザいっぱいに表示し、ウェブページにフル表示の背景画像やスライドショーを設置するjQueryのプラグインを紹介します。 ドットベースのオーバーレイ用の画像が数多く用意されているので、画像にスタイリッシュなエフェクトを加えることも簡単にできます。 デモページ サムネイルをクリックすると、写真画像が変更されます。 Vegasの実装 外部スクリプト 「jquery.js」と当スクリプトを外部ファイルとして指定します。 <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="/vegas/jquery.vegas.js"></script> スタイルシート スタイルシートもあらかじめ用意されており、外部ファイルとして指定します。 <link rel="st
最近リリースされた高品質なフリーのデザインフォントを紹介します。 Elega 個人・商用利用無料。 Decani 個人・商用利用無料。 Dalle 個人・商用利用無料。 [ad#ad-2] Fabri
jQuery Mobileを使って、スマートフォン対応ページをはじめて作成する際に役立つコード、つまづきやすいポイントを紹介します。 10 handy jQuery mobile tips and snippets to get you started [ad#ad-2] 下記は各ポイントを意訳したものです。 スマフォ対応ページの基本HTML jQuery Mobileの利用方法 AJAXナビゲーションの停止 リストアイテムの省略を阻止 Media Queriesの利用 プラットフォームの特定 フォームを使用する際の注意点 ポップアップ ダイアログの作成 キャンセルとセーブのボタン カラム構造を作る時のポイント スマフォ対応ページの基本HTML まずは、スマートフォン対応ページを作成するための基本となるHTMLです。 HTML <!DOCTYPE html> <html> <head> <
企業サイトにはなかなか難しいですが、素敵なレトロ風デザインのウェブサイトをDesignM.agから紹介します。
当サイトではCookieを使用しています。引き続き当サイトを閲覧することにより、ポリシーを受け入れたものとみなされます。今後表示しない詳しく見る
「お世話になっております」、「了解しました」、「取り急ぎ、お礼まで」など、ビジネスメールでよく使用する言い回しの間違った使い方、正しい使い方など、ビジネスメールのワンランク上の作法を紹介します。 [ad#ad-2] 下記は、月刊誌「日経おとなのOFF 4月号 美しい日本語」で紹介されている「『美メール』の作法」から、特に気になった箇所をピックアップしてまとめたものです。 日経おとなの OFF 2011年 4月号(amazon) マナー以前のビジネスメールの常識 ワンランク上のビジネスメールの作法 シーン別のビジネスメールの作法 マナー以前のビジネスメールの常識 メールの件名は具体的に 内容が分かる具体的な件名にしましょう。 「こんにちは」「お願い」「なるはやで」は、ダメ。 返信メールの件名は変更しない 同じ議題であれば件名は変更せずに、「Re: 」を付加して返信しましょう。 議題を変更する
IE6, 7でもドロップダウンとしての機能を損なうことなく、そしてCSS3対応ブラウザでは更に見栄えをよくし、ユーザビリティも向上させるスタイルシートのチュートリアルを紹介します。 CSS3 dropdown menu デモページ [ad#ad-2] CSS3非対応のIE6, 7ではCSS3の角丸などは適用されてませんが、ドロップダウンとしての機能は損なわれずに実装されています。 デモページ:IE6での表示 下記は各ポイントを意訳したものです。 HTML HTMLはシンプルで、ドロップダウンはリストの入れ子で実装されています。 <ul id="menu"> <li><a href="#">Home</a></li> <li> <a href="#">Categories</a> <ul> <li><a href="#">CSS</a></li> <li><a href="#">Graphi
Photoshopのガイドをドラッグして配置するのが面倒だな、という人にぴったり! 数値を指定して1クリックでドキュメントにガイドを配置するPhotoshopのエクステンションを紹介します。 GuideGuide [ad#ad-2] GuideGuideはPhotoshop CS4, 5に対応しており、数値を指定してカラムや溝のガイドを簡単に配置することができます。 GuideGuideのインストール ページ下部の「Download GuideGuide 1.0」からファイルをダウンロードします。 ダウンロードした「guideguide_1.0.zip」を解凍します。 解凍した「GuideGuide」を下記のフォルダ内に移動します。 Win: \Program Files\Adobe Photoshop \Plug-Ins\Panels\ Mac: /Applications/Adobe
House of Buttons ボタンのコレクションは上記トップページからも閲覧できますが、月ごとにまとめられたアーカイブページも用意されています。
ウェブサイトでよく使用されるエレメントやデザインのアイデアをコレクションしている、インスピレーションを与えるサイトを紹介します。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く