A Simple Device Diagram for Responsive Design Planning 和訳:スマートフォン、タブレット、デスクトップのためにレイアウトの幅をどのように設計すればよいか 各デバイスのサイズ一覧を踏まえ、どのようにレイアウトの幅を設計し、いくつレイアウトを用意するのがよいか。PSD素材付き。
タイトルはパンくずリストなんですけど、パンくずリストを紹介する記事ではありません。でも、パンくずリストを自分で作ってみると分かるんですけど、パンくずリストのコードには、WordPress でのサイト構築のノウハウが詰まっているなーって思います。なのでパンくずリストを作りながら、WordPress でのサイト構築の考え方みたいなものを紹介する感じの記事になっています。 WordPress でブログじゃない Web サイト構築をするとき、サイトの構造によってはサイドバーなどを自分でカスタマイズしなくてはいけません。例えば固定ページを作ったら、親ページでは子ページへのリンクを表示したりとか、逆に子ページでは親ページのリンクを表示したりとか …。もちろんリンクだけじゃなくて、アイキャッチ画像なんかも一緒に表示したいこともあったりします。一般的な Webサイトを WordPress で作ろうとすると
ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ https://mac-tegaki.comへ移転中 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.
wibdesignboothに良い記事があったので、琴線に触れたデザインをかいつまんでピックアップ。元記事には30サイト紹介されています。 30 Creative and Unusual Layouts Elite Webmaster Portfolio Samsung Jet Denny’s Hotel Oxford Level 2 Design robinizer たくさん紹介されているので、元記事もぜひ。 30 Creative and Unusual Layouts 最近のウェブデザインのトレンド 最近のウェブデザインの動向としては、 ・HTML5による「脱フラッシュ化」 ・マンガやイラストのようなテイストを取り入れた「コミカルな表現」 ・マウスを載せると微妙に表現が変わる「遊び心」 ・矢印や点線、半透明化といったテクニックを使った「アテンションの獲得」 ・クリック箇所を減らす「シ
jQuery++は標準のjQueryにはない機能を幾つも追加するプラグインです。 jQueryはとても優秀なJavaScriptライブラリです。プラグインも多数作られており、それを使えば様々なことができます。そうした多彩な機能をまとめて提供してくれるのがjQuery++です。 ブロックの大きさを自動計算します。ブラウザごとの誤差も吸収してくれるようです。 フォームの各項目を操作するのに便利なメソッドです。 選択している文字、場所を取得できます。 マウスの場所やその時のDOM要素が取得できます。 ドラッグアクションです。 ドロップアクションです。 リサイズです。 jQuery++ではこれ以外にもアニメーション、クッキー、キーボード入力でBackspaceやタブ、エンターキー、ファンクションキーの入力を判定したりできます。全てのライブラリを一括でインストールする必要はなく、必要な機能だけをピッ
レスポンシブ・デザインの無料テーマまとめを発見。12個載ってますが、かいつまんで5つ紹介。 12 New Free Responsive WordPress Themes [June 2012] Meeta Demo | Download Accentbox Demo | Download Unique Demo | Download Live Wire Demo | Download Newzeo Demo | Download 12 New Free Responsive WordPress Themes [June 2012] というわけで、気になったものを5つピックアップ。もっと知りたい方は元記事をぜひ。 無料でもかなりいいものが出てきてますね。当ブログもレスポンシブ・デザインのテーマに変えたいところ。 イケハヤです。 「収入に不満がある」 「不労所得がほしい」 「自力で稼げるよう
モバイルバッテリーとは呼べない。「ほぼポタ電」なコレ1台で有事の時もアウトドアも大活躍!【AmazonスマイルSALE】
webimageはコマンドラインでWebKitベースのWebブラウザサムネイルを作成するソフトウェアです。 Webサイトのサムネイル画像生成サービスは多数あります。しかしサービスによってWebブラウザの種類が決まっています。Geckoエンジンを使ったものが多いですが、WebKitを使って取得するサービスを構築するなら使ってみたいのがwebimageです。 デモサービスを通じて生成された画像です。ページ全体がキャプチャされています。 日本語がトウフになってしまっていますが、JavaScriptが解釈された点は評価できます。 利点、欠点の双方がありそうですがこの手のシステムでは総じてセキュリティ上の理由からJavaScriptやFlashがオフにされているのが一般的です。しかしwebimageを通じて作成した画像はJavaScriptが評価されているので、Webアプリケーションのスクリーンショ
RedactorはjQuery製のWYSIWYGエディターです。 Web上でテキストコンテンツを記述する際には素のテキストエリアではなくWYSIWYGエディタを使いたいのではないでしょうか。そこで試したいのがRedactorです。jQueryを使ったすっきりしたデザインのWYSIWYGエディタです。 一行のツールバー、画像埋め込みにも対応していてすっきりとしています。関係ありませんがアナ・トーヴ(フリンジの主役で写真の方)は好きな女優さんです。 画像はプロパティを編集できます。 右側に寄せました。右でも左でもアナ・トーヴは映えますね。 全画面表示。大きくしてもやはりアナ・トーヴは格好いいです。 動画の埋め込みはEmbedタグのペーストで行えます。 コード表示モードです。 スクロールした時にツールバーを上に貼付けた状態で維持できます。 独自のCSSを追加できます。 テキストエリアがなかったと
Cropp.meという便利なサイトを見つけたのでご共有。 オンラインで簡単画像リサイズ 使い方は超簡単。まずはUpload Your Imagesをクリックして、リサイズしたい画像をアップ。 アウトプットするサイズを選びます。最大4種類まで選択できます。カスタムサイズも可能。 Cropp Your Imagesをクリックでダウンロード。 超簡単に画像ファイルを編集できました。 個人的にはパッと利用シーンが思い浮かびませんが、覚えておくと便利そうなサイトですね。 Cropp.me
「Split & Merge PDF」はPDFファイルを結合したり分割したりできるサービスです。複数のPDFをひとつのPDFにまとめたいときや、PDFをページごとにバラバラにしたいときに便利です。 以下に使ってみた様子を載せておきます。 まずSplit & Merge PDFへアクセスしましょう。有料プランもありますが、無料プランで十分使えますよ。 分割したいPDFを選択し、分割するページを指定します(たとえば2ページ~3ページだけを抜き取るなど)。あとは自動で処理してくれ、ZIP形式でダウンロードできますよ。結合はこの逆になります。複数のファイルを指定すると1つのPDFファイルにまとめてくれます。 PDFの結合・分割をしたいときにぜひご活用ください。 Split & Merge PDF (カメきち)
Mac OS X:キーボードショートカットを覚えることは生産性向上への近道です。しかし、覚えるべきキーがあまりにも多くてとても覚えきれないのも事実。さらに、アプリごとに独自のショートカットキーがあるともうお手上げです。そんなときは『CheatSheet』を使いましょう。CheatSheetは、現在使用中のアプリのショートカット一覧をワンタッチで表示してくれる無料ユーティリティです。 CheatSheetをインストールすると、次回からバックグラウンドで自動で起動するようになります。どのアプリを使っている場合でも、コマンドキー(⌘)3秒間長押しするだけで、そのアプリのショートカットの一覧が表示されます。 これはGmail上で「Shift + /」を押すとGmailのショートカットキーのリストが表示されるような感じです。私が試したところ、OS X 10.7ではほぼすべてのアプリでCheatShe
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く