サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
デスク環境を整える
boxboa.jp
post:2008年11月19日 ※11.20追記・・・いつも書いている(仕事で)cssをメモ的に記事にしたんですが、サンプルhtmlを用意したりと何となく凝りだしてしまいました。css(外部)の先頭1行目から少しづつ、サンプルページを都度用意してやってます。 11.17の記事、続きです。margin、padding、font-size、リストマークをリセットしたので次は、右図の様にheader、container、content、side、footerの各ブロックレベルに大枠のレイアウトと背景カラーを外部cssで施したいと思います。(以下Read more…から) 11.17記事までのスタイル *{ margin:0; padding:0; font-size:100%; } li{ list-style:none; } 11.17記事のサンプルページ・cssスタイル定義なしのhtml
人にやさしい、デザインを作っています。 menu openclose
post:2008年11月17日 作ってみました。CS4発売で体裁も変わるかもしれないけど。各パーツ、それぞれの部位レイヤーで効果もそのままです(グラデーション部分はツールで塗ったのでいじれませんけど)。テキスト部分はフォントが無いといけないのでラスタライズしてます。 iPhone風 AdobeアイコンPSDファイル ダウンロード http://boxboa.jp/weblog/dl/20081116iPhone_adobe_icon.lzh
post:2009年10月23日 あまり時間もとれないんで、html 5の仕様云々はリンク張ったりと横着な感じですすめますよ。 参考にしたサイト html 5で組むにあたり、原文を読み砕く英語力がないので以下のサイトを参考にしました。 仕様など W3C HTML 5 における HTML 4 からの変更点 HTML5.JP コーディングのサンプルとして Apple Safari 4 株式会社カナリヤグラフィックス html 5サイトのギャラリー(html5gallery)があり、そこから適当に参考にしました。 実際にhtml 5+WordPressで作ったブログサイト カナキのフォト・ログ(※Firefox2以下では崩れます) html 5の新しい要素とか html 5で追加に新しい要素の中で、今回使ったのは以下。(括弧は参考サイトからの引用) article (要素は blog エントリや
post:2008年6月6日 昨日の記事、「jsmap [javascript] フォーム入力支援」で都道府県名の入力を支援するスクリプトを取り上げたけど、郵便番号を入力しただけで住所(番地は除く)が自動入力された方が、さらにユーザビリティを確保していると思ったんだけど。どっかで見たなぁと早速ググッて見ました。ありましたよ、簡単なのが。 「AjaxZip 2.0 - Ajax郵便番号→住所自動入力フォーム」javascriptで容易に設置ができるものでした。サイトには昨日jsmapを付けてしまったので以下ページにサンプルを設置しました。是非試してください。 サンプルページ http://boxboa.jp/ajaxzip2/sample.html 設置方法は AjaxZip 2.0サイトからajaxzip2-20080504.zipファイルをダウンロード 解凍したフォルダを任意のディレクト
post:2009年5月13日 WordPress2.7デフォルトテーマ3カラムを作りました。デザインもカスタマイズ完了したのでUPします。ご自由にダウンロードください。 WordPress2.7デフォルトテーマ3カラム(カナキ作)+ページナビ付(Yurikoさん作) ダウンロード⇒http://boxboa.jp/weblog/dl/default_page_navi_3column.lzh lzhファイル/94KB ダッシュボード内外観/ヘッダーの背景と文字の色、にてheaderイメージをカスタマイズするphpの修正が結構面倒でした。コーナー部分の数値を広げた分プラスするんですが、計算違いで訳わかめな感じで。デザインはimagesフォルダ内の背景パーツをサイドバー1カラム分(190px)広げただけです。cssはpage,header,footer,sidebar要素を190px分広げ、
post:2009年10月19日 先ずはカナ・ログ(当ブログ)の「今日の一枚」シリーズの写真関連ですが、別ブログに引っ越します。といってもこちらの該当記事はそのまま残しますが。 ことの経緯はhtml5でサイトを作ってみる、 というコンセプトの元にどうぜなら WordPressで組めないかと思い、 いきなりクライアント案件では出来ないので(html5の発注もない)、 ちょうど当ブログの写真カテゴリーを独立させたいと考えていたので(営業面も含め)、 この2大プロジェクトをまとめちゃった次第です。 とりあえず、サイトの紹介をしまして、 html5+WordPressの設計奮闘記(Tips)は後日に譲りたいと思います(前置き、長いね..) 【制作事例】 カナキのフォト・ログ こちらがWordPress+html5のサイト、カナキのフォト・ログです。 本職はコーダー・webデザインですが、写真撮影の
post:2008年11月27日 content内、パラグラフの中に画像がありますが、図(上)のように画像の下揃えで右にテキストが続いています。図(下)のように画像の上揃えでテキストが続くようにします。パラグラフ内画像をfloatプロパティでleft値にしているため、次に続くh3見出しの回り込みを解除する必要があります。 (以下Read more…から) パラグラフ内img画像とテキスト #content p img{ float:left; margin:0 10px 0 5px; } #content p{ overflow:hidden; margin:0 0 1em 0; } #content h3{ clear:both; } 02. float:left; 画像を左寄せにし、次に続く要素が直右からはじまる 03. margin:0 10px 0 5px; 次に続くテキストとの余
post:2008年8月3日 WordPressのページ表示でページナビゲーションが今一分かりにくいんで、入れてみました。 デフォルトではこんな感じ(上画像)で次という表記が古い記事なのか、新しい記事なのかピンときません。それでプラグインにWP-PageNaviというページ番号リスト表示(下画像)のがありました。日本語化の言語ファイルもあったんで合せてインストール。 WP-PageNavi 日本語版インストール手順 lesterchan.netさんのサイトから、GaMerZ 「WP-PageNavi」からプラグインをダウンロード http://lesterchan.net/portfolio/programming/php/ こちらのサイトから、WP-PageNavi2.20 日本語言語ファイルをダウンロード MMRT daily lifeさんのサイトhttp://wp.mmrt-jp.n
このページを最初にブックマークしてみませんか?
『boxBoa WEBデザイン製作所』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く