![Loading...](https://cdn-ak-scissors.b.st-hatena.com/image/square/23998d3a00d378d846ed979ebe20f0dbd3158ff6/height=288;version=1;width=512/http%3A%2F%2Fwebdesignmatome.com%2Fwp-content%2Fuploads%2F2011%2F12%2FA131.jpg)
以前ご紹介したレスポンシブWeb デザイン対応のFoundationをベース としたHTML5製のWordPressテーマ フレームワーク・Reverieのご紹介 です。どんどん出てきますね。 Foundationってのは以前ご紹介したように、zurbっていう、jsライブラリ等を一杯配布してくれてるサイトのプロダクトで、WPテーマ化も済んでるんですが、またFoundationベースでリリースされたようです。 Foundationベースで、テーマ構造はRootsを参考にしたそうです。レスポンシブ対応には例によってMediaQueriesが使われています。bbPressとの互換性もあり、ウィジェットや画像のキャプションにもしっかりHTML5タグが出力されるようになっているみたいです。 スクリーンショット スクリーンショットです。iPadとiPhoneのスクショはシミュレーターのElectric
README がキチッと書かれているプロジェクトって、どんなに小さくても立派に見えますよネ。 GitHub の場合、大抵はマークダウン記法で書かれた README.md とか README.markdown とかいう名前のファイルが、HTML に変換 (マークアップ) されて表示されていることはご存知でしょう。 マークダウン記法自体はとても簡単なのですが、GitHub では GitHub Flavored Markdown (略して GFM) という GitHub 用にアレンジされたマークダウン・エンジンが採用されていて、一般のマークダウン・エディタでチェックしてからコミットしても、意図通りの見た目にならないことが多々あります。私 (もちろん GitHub 初心者です!) の場合、README ファイルだけで10回以上もコミットしてしまいました。「マークアップ (レンダリング) を気にして
JavaScriptの注意点 とりあえず、ホームの「設定」「Safari」「デベロッパ」で「デバッグコンソール」をオンにしておきましょう。JavaScriptのエラーのほか、HTMLやCSSのエラーも表示されるようになります。SafariのHTML解釈は厳密ですから、HTMLの記述ミスなども発見できます。 iPhone上のSafariでは、JavaScriptの制限はほとんどありません。バージョンも最新の3.1と同様ですから、過去のSafariにあった大きなバグも修正されています。 ただし、メモリ使用量が10Mまで、実行時間は5秒までとなっていますので、富豪的プログラミングというわけにはいきません。美しい継承階層構造と便利できれいなユーザーインターフェースを持った汎用のJavaScriptライブラリは無駄にリソースを食ってしまうかもしれません。 また、iPhoneの並列実行効率はあまりよく
検索キーワードを調べるツールまとめ キーワードを調べる決定版「Google キーワード プランナー」 Googleが運営するキーワードツールで、おおよその月間検索数や競合性が高いかどうかを調べることができます。 キーワードリストをダウンロードしておいて、そこから作る記事を考えるのが効率的。 一定の広告料を使わないと細かな数値は分かりませんが、Googleのデータを元に記事タイトルを決められるので、使ってない人は絶対使っておきましょう。 Googleキーワードプランナー キーワードの組み合わせが分かる「ラッコキーワード」 キーワードの組み合わせを探せるアドバイスツール。 Googleのキーワードプランナーほど細かなデータは分かりませんが、シンプルで使いやすいツールです。 ラッコキーワード 検索順位を調べるツールまとめ 業者も使う順位チェックツール「GRC」 他のツールだと毎回キーワードを入力
こんなフォームはイヤだ! フォームとは、HTMLのFORM要素などによってマークアップされているコントロール群の塊のことです。さまざまなウェブサイトにおいて、主に問い合わせのページであるとか、サイト内検索のためのキーワード入力用にだとかで利用されています。コミュニティ機能を備えているようなサイトであれば、掲示板システムのようなところでも使われていることでしょう。フォームのないウェブサイトのほうが珍しいのではないでしょうか。それくらい、制作側にもユーザーにも身近なものです。 INPUT要素やTEXTAREA要素などといった、フォームのコントロール各要素の機能はブラウザによって提供されているため、どのようなブラウザであってもその操作感に大きな違いが出ません。しかしコントロールごとの操作に違いが出ないといっても、フォーム全体としてはやはり使いやすいフォームと使いにくいフォームというのがあります。
2006-12-20T02:12:30+09:00 今回のリニューアルでは、これまで px で指定していたコンテンツの幅の値の単位を % と指定変更。 いわゆる liquid (リキッド) レイアウトというものにしました。ユーザが閲覧しているブラウザの幅に合わせてコンテンツの幅も変化します。 div#container { width: 80%; } px で指定していたコンテンツの幅を、% での指定に変更し、リキッドレイアウトに変更したものの、ウィンドウサイズの 80% の幅という指定ですので、ウィンドウサイズを広げればいくらでも大きくなります (もちろん小さくもなります)。それでも問題ないのですが、できればコンテンツの幅に最大幅と最小幅を指定し、小さくなりすぎてレイアウトが崩れるような事もなく、一行あたりの文字数を目で追える程度の幅をキープできればと考え、いろいろ試してみました。 fl
anthonyshortのエントリーから、クロスブラウザのためのHTMLとCSSのテクニックの紹介です。 How to get Cross Browser Compatibility Every Time 簡単な意訳なので、詳細やキャプチャは上記エントリーを参考ください。 サマリー doctypeはstrictを使用し、正しいHTML/CSSを使用してください。 スタイルをリセットするスタイルシートを使用してください。 Firefoxでのレンダリングのために、テキストのスタイルシートに「-moz-opacity:0.99」を指定してください。 Safari用には「text-shadow:#000 0 0 0」を使用してください。 画像のリサイズをCSS/HTMLで行わないでください。 全てのブラウザでフォントのレンダリングを確認してください。 「Lucida」は使用しないでください。 テキ
Crescent Eve はシンプルなエディタです。 こだわりの基本機能とHTML編集機能を持っています。 【雑談】 ある日のふとした疑問 ~ HTMLを書く道具 ~ ある日、メモ帳等のテキストエディタでHTML書いている人が意外に多いことに気がつきました。 「多機能で優秀なHTMLエディタは沢山あるのに、なぜかな」 「もしかして、軽くてシンプルなSDI形式のHTMLエディタが求められているのだろうか」 「よし、作ってみよう!」 「あくまでシンプルに、テキストエディタとしても使えるようにして、タグはキーボードから自然に入力補完できるようにしよう」 「手作業でタグを打ち込んだら間違いが出るから、文法チェック機能をつけよう」 「文字コードの自動認識は、絶対失敗しないようにしよう」 ・・・というような考えから Crescent Eveを開発することにしました。 その後 公開以来、多くの方に好評を
いいね! 11 ツイート B! はてブ 734 Pocket 58 ここ2・3日、ひたすら色々なサイトの会員登録フォームやコマースサイトの購入フローを見ていました。 また、フォームのユーザビリティについて語っているブログやサイトをみて研究していました。 こうすれば登録数が劇的に上がる!とか、売上が上がる!といった方法はありませんが、少しだけユーザーに安心感を与えたり、ストレスを取り除いたりする方法はたくさんありますし、見ていたサイトでも登録しやすいサイトには共通点が多くありました。 少し量が多いですが、自分で意識的に行ってきたこと、登録しやすいサイトの共通点、ブログやサイトをみて参考になる点をまとめてみました。 1つ1つはよく言われていることで、大したことありませんが、こういった小さなディティールにこだわって行きたいと思います。ケースバイケースの側面も強いのですが、何かの参考になればと思い
font …… フォントに関する指定をまとめて行う font-style …… フォントをイタリック体・斜体にする font-variant …… フォントをスモールキャップにする font-weight …… フォントの太さを指定する font-size …… フォントのサイズを指定する font-family …… フォントの種類を指定する font-size-adjust …… フォントのサイズを調整する font-stretch …… フォントを縦長・横長にする line-height …… 行の高さを指定する text-align …… ブロックコンテナ内の行の揃え位置・均等割付を指定する text-justify …… 均等割付の形式を指定する vertical-align …… 縦方向の揃え位置を指定する text-decoration …… テキストの線・色・スタイルをまと
100万人以上が使っている、大人気なレンタルサーバー!!月額105円から使えるので、ホームページ初心者でも安心♪
Operaブラウザが衰退してから、ネットの閲覧にはVivaldiを愛用しているのだが、このたびのアップデートで短文投稿SNSの「マストドン」も閲覧・投稿ができるようになった。 そのリリースのタイミングが、 イーロン・マスク氏がTwitterを買収した直後だけに、ネット上でも話題になった。 私が参加しているSNSといえば、放置している mixi 、そして今は亡きGoogle+と、Google+終了をきっかけに始めた Instagram しかしていないのだが、せっかくの機会なので マストドン にも参加してみることにした。 基本的にTwitterと同じであるが、違う点は以下の点ではないだろうか。 » 続きを読む 那覇と神戸を行ったり来たりしている。当然、移動は飛行機になるのだが、飛行機に乗るからには、やっぱり窓側席に座りたい。 那覇神戸間は現在、スカイマークとソラシドエアの2社が就航しており、神
FORM の method による違い GET と POST FORM の method 属性には get と post が指定できます。それぞれの違いについて書いておきます。 GET get が指定されていると、フォームの送信時には GET メソッドで要求を出します。具体的には、action 属性に指定した URI に ? をつけ、その後にデータをくっつけて、その URI を要求します。データは URI として送られ、それを受け取ったサーバは ? 以降を環境変数に入れて CGI のプログラムに渡します。実装上、URI の長さや環境変数の長さに制限がある場合、長いデータを送ろうとすると切れてしまうことがあります。掲示板への書き込みのように、大量のデータを送る必要がある場合には向きません。 また、FORM を使わずに <a href="http://hpcgi1.nifty.com/bake
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く