＆nbsp; は半角スペースではないというお話 (フェンリル | デベロッパーズブログ)
いかがでしょう？ WEBブラウザにもよりますが、結構実際の見た目も違うように思います。 で、冒頭の「半角スペースと 」の件ですが、ちゃんと意識しておかないと「あれ？」と思うことがあります。 「 を半角スペース (0x20) に置き換える」プログラムがあるように、「 を半角スペースに置き換えず、nbsp (0xC2A0) に置き換える」プログラムもありますから、WEB ブラウザのように 0xC2A0 を表示できる場合はいいですけど、表示できないプログラムだと困りますよね。 冒頭の画像は、わが愛するテキステエディタ Emacs だとこんな感じになります、というサンプルでした おまけとして、 を 0xC2A0 に置き換える例を。雰囲気をお楽しみください。 use HTML::Entities; use Encode; use Data::Dumpe
画像の上に文字を表示 Hover Captions (HCaptions.js)
Markup example This example uses all default settings. <a href="#myToggle" class="panel"> <img src="http://placehold.it/470x300/f1f1f1/aaa&text=Example" /> </a> <div id="myToggle" class="cap-overlay hide"> <h5>Cupcakes</h5> <div class="content"> Name: cupcakes.png<br /> Photography: Ryun Shofner<br /> <a href="javascript:void(0)" class="button small"><i class="icon-edit"></i> Edit</a> <a href="jav
君は会議室で怒りに震えたことはあるか？
Ira Wrath 七宗罪之– 愤怒 / Vivionitier 前回のお話「ウェブサイト改善コンサルティングのはじまりは会議室ではなく居酒屋から」は、こちらです。 さて、CMSの改善をしようということで 更新担当者の方からの要望リスト 検索エンジン対策の為の内部構造改善案リスト を作成し、現状のCMSを作成した会社さんとミーティングを行うことになったのですが、そこで我々(主に私ですが)は驚愕しました！ やってきた某大手な会社の営業の人、なんにも理解していない！ それを隠すことも無く丸投げする下請けの人を同席させる！！ タグやカテゴリを追加するのにお金がかかる！！！ 表示するテンプレートを追加するだけで100万単位の費用！！！！ 1時間半位を想定していた総勢7名のミーティングは、20分位で話すことが無くなってしまいました。そのあまりにも不誠実な見積りと説明の数々に怒りで声が震えました。30
[JS]他のスクリプトで生じる端も埋める、パネルをレンガ状に配置するスクリプト -Mason.js
画像やテキストなどを配置したパネルをレンガ状に指定した間隔で配置するjQueryのプラグインを紹介します。 Mason.js Mason.js -GitHub Mason.jsの特徴 Mason.jsのデモ Mason.jsの使い方 Mason.jsの特徴 Maison.jsは、複数のパネルを積み上げたレンガ状に配置するレスポンシブ対応のスクリプトです。 他のスクリプト（Masonry, Isotopeなど）グリッドのレイアウトを使う時に生まれる隙間や端にも穴がない状態でレイアウトすることが可能です。 類似スクリプトで生じる隙間も埋めます。 比率 全てのエレメントのベースとなる比率を設定 サイズ グリッドに応じたサイズを設定 カラム 複数のブレイクポイントごとにカラムを設定 フィルター 空白スペースを埋めるための要素を設定 ガター エレメント間の溝を設定 Mason.jsのデモ ページには
WordCamp Kobe 2013 へ行ってきました - dogmap.jp
2013年6月15日に開催された WordCamp Kobe 2013 に行ってきました。 僕は、小賀さんと一緒に「AWSを利用したエンタープライズ向けWordPress環境の構築と運用」ってセッションで話してきました。 今回は、国内 WordCamp 連続出席記録を持つおでこんが居なくて残念。 おでこん、来てると思ってたよ… すいません、写真あんまり取ってないです。 まずは、限定でチャリティ販売されていたレアシールをゲット。 これで僕もワードプレスマスターだぜ！ 安定の直さんによる基調講演で幕開け、ぶれないっすな。 あとは、僕と小賀さんのスライドを添付しておきます。 AWS を使用したエンタープライズ向け WordPress サイトの構築、保守、運用なんかについてしゃべらせてもらいました。 僕のスライドは、WordPress でサイトを構築する際の Cloud Design Patter
SassというCSSコーディングを身につけよう!in Coda2!!超簡単な僕のSass覚書。
半年ほど前から良く話題になるSassとかLessとかってなんだろうなーって思いつつめんどくさそうだからこの手の記事は回避していました。 ですが、いつものようにTwitterでつぶやいていたらSassかなり良いよって言われて 「へーそうなんだ〜」と興味を持ち始めて 少しずつですが記事を読みあさりながらSassってこうゆう感じなんだーっていうのが掴みかけてきたので記事にしたいと思います。 Coda2で検索して来た方へ この記事ではCoda2の事についてあまり触れていません。ですが、こちらの記事でがっつりcoda2の魅力を語っていますので是非ご覧になって下さい。 参考記事：Coda2の使い方をマスター出来るチュートリアル[完全版] Sassってなーに? CSSを拡張しよう!っていう感じのメタ言語らしいです!サスって読むらしいです。なんだか僕的にはいい響き!「ググる」とかと似ているかも。「Sass
Pinterest風グリッドレイアウトを作ってみよう (1/4) - ＠IT
Pinterest風グリッドレイアウトを作ってみよう：jQuery×HTML5×CSS3を真面目に勉強（3）（1/4 ページ） はじめに 一口にSNSというと、読者の皆さんはまず、TwitterやFacebook、LINEなどのサービスを思い浮かべることでしょう。しかし、こういったデファクトスタンダードなサービスだけでなく、世の中にはさまざまなジャンルに特化したSNSがいくつも登場してきています。 特に写真共有に特化したSNSのUIというのは、その特性のためか画像を画面いっぱいに敷き詰めたものがよく見受けられます。基本的な操作性はもちろんのこと、いかに美しく、ユニークに画像を並べるかによって他サービスとの差別化を図るかが、デザイナーならびにフロントエンドエンジニアの腕の見せ所といっても過言ではありません。 Pinterestは、そうした写真共有SNSの1つです。高さが均一のグリッドが整然と
WordPress トップや固定ページに指定IDの固定ページ一覧や指定階層の固定ページ一覧を出力する方法 | Stronghold Archive
どうもこんばんは。toshikuraです。今回のTipsは【Wordpress トップや固定ページに指定IDの固定ページ一覧や指定階層の固定ページ一覧を出力する方法】です。固定ページ内に指定した複数IDの固定ページを表示したり、全ての固定ページ一覧を表示させる場合に活用できます。投稿のループを記述する【get_posts()】と似た【get_pages()】を使用しますので実装も簡単かと思います。get_posts()に関しては【WordPress タクソノミー、ターム、投稿タイプや著者を特定した記事一覧の出力方法（サムネイル出力含む）】として記事化していますので併せてご参照ください。 固定ページを一覧表示（3件） <?php global $post; $args = array( ‘post_type’ => ‘page’, ‘number’ => 3 ); $myposts = ge
WindowsにMySQL（zip版）をインストールする
WindowsにMySQL（zip版）をインストールする手順を紹介します。 通常のインストール版であればインストール時に初期設定が行われるのですが、zip版では設定ファイルを手動で作成したり、起動オプション・パスワードの設定を行ったりと、結構手間がかかりました。 ということで備忘録で残しておきます。 １．MySQLのダウンロード MySQLのダウンロードにはOracleサイトのアカウントが必要です。 MySQLのサイトで「MySQL Community Server」をクリック。 「Other Downloads:」の32bit版または64bit版の「Download」をクリック。 （クリックで拡大） アカウントを持っている場合は「Login」をクリック。持っていない場合は「Sign Up」をクリックしてアカウントを登録します。 「Login」の場合、ユーザーとパスワードを入力して、「サイ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
