Movable Type のテンプレートタグでよくある5つの書き間違い
Movable Type でテンプレートタグやテンプレートの実験をするとき、私はいつも手入力で作るため、頻繁に文法誤りをしています。 ここでは、よくありがちな5つの書き間違いを紹介します。 中には、保存や再構築でエラーにならないパターンもあるので、きちんと書いたつもりなのにうまく動かないときなど、参考になれば幸いです。 １．終了タグのスラッシュ抜け 終了タグにスラッシュがありません。終了タグは開始タグをコピー＆ペーストして書くので、個人的にはこのパターンが一番多いです。 【誤】 <mt:Entries> <$mt:EntryTitle$> <mt:Entries> 【正】 <mt:Entries> <$mt:EntryTitle$> </mt:Entries> これは再構築でエラーになるのですぐに分かります。 ２．変数の「$」抜け 変数を name モディファイア以外で使うときは、大抵先頭
[CSS]スタイルシートの実用的なテクニック集：エレメント・CSS3・Tips編
先日紹介した「レイアウト・ナビゲーション・画像・タイポグラフィ・アイコン・ボタン・リンク編」の続編となる、リスト・カレンダー・表・フォームなどのエレメントの実装や進歩したスタイルシートのテクニック集をSmashing Magazineから紹介します。
知っておきたい15個のCSS TIPS
知っておきたい15個のCSS TIPS IN THE WOODSでまとめられている15 CSS Tricks That Must be Learnedを紹介します。 原文は素敵なイラスト付きで解説されていますので、合わせてチェックしてください。 positionがabsoluteの要素をpositionがrelativeの要素の中に入れる positionがrelativeを指定した要素の中にpositionがabsoluteを指定した要素を入れることにより、計算した場所に配置することができます。 参考：positionプロパティの考察 z-indexによる配置 z-indexを利用する場合は、「position:relative」と共に利用することにより要素の重なり順を制御することができます。 margin auto widthを指定した要素の左右にmargin:autoを指定すると中央
[CSS]うっかりでは済まないスタイルシートの記述の間違い集
スタイルシートが意図した通りにブラウザに表示されない時、ブラウザのバグが原因の場合もありますが、ここでは主に制作者のタイポや勘違いでうっかりやってしまいそうなスタイルシートの記述の間違いをCSS newbieから紹介します。
通常変更できないちょっとした設定をターミナルから変更する50のTips | Macの手書き説明書
ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ https://mac-tegaki.comへ移転中 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.
MdN Design｜総合情報サイト
デザインする グラフィックアプリの使い方から、デザインの基礎、最新の表現手法まで、デザイナー、イラストレーター、写真家が知りたい情報が満載！
ウノウラボ Unoh Labs: jQueryのパフォーマンス最適化に関するTips
こんにちは、山下です。 今回は、jQueryのパフォーマンス最適化について説明したいと思います。 軽量と言われているjQueryですが、いろいろな機能を実現しようとして複数のプラグインを導入すると、だんだんと動作が重くなってきます。サーバ側をいくらチューニングしたところで、ブラウザ側での処理に時間がかかっていたら、せっかく訪問してくれたユーザに重いサイトとして認識されてしまいます。以下に、ウノウで運営している「映画生活」で実際に行っている方法を紹介します。 1. Packed版ではなくMinified版を使う jQuery1.1まではPacked版のみだったのですが、jQuery1.2からMinified版もダウンロードできるようになりました。Packed版よりもMinified版を使うことをお勧めします。どう違うのかというと、Packed版はファイルサイズを極限まで削減するために静的辞
新米Web担当者もこれで安心！8つのステップで始める実践アクセス解析（前半） | Web担当者Forum
この記事で解説しているステップ 健康診断：サイト全体の状況をおおざっぱにつかむ来訪理由チェック：来訪元をつかんで集客のヒントを得る入り口チェック：最初に見られるページから改善のヒントを得る離脱率の改善：訪問者を逃がしているページを動線から見つける次回の記事で解説するステップ コンバージョンの測定：サイトの役割を金額に換算して考えるダッシュボード機能の活用：毎日見るレポートを楽に管理するエクセルでレポート：上司への報告書をテンプレートでつくるさらに詳しい解析：アクセス解析コンサルティングを受ける ステップ1 健康診断： サイト全体の状況をおおざっぱにつかむアクセス解析で毎日見るのはサイトの状況を知るため。健康診断でいうと毎朝の血圧チェックのようなもの。毎日のチェックは簡単にすませよう。サイトの全体的な状況をおおざっぱにつかめばそれでいい。このための指標は次のたった2つだ。 総ページビュー数
Subversion＋svkでらくらく分散リポジトリ：第1回 Subversionを使おう｜gihyo.jp … 技術評論社
Subversionのセットアップから、基本的な操作方法を説明します。 Subversion概要 ソースコードのバージョン管理システムは、ソフトウェアの開発の中でもっとも重要なツールです。チームで開発を行なうときにソースコード管理システムは必須のツールの一つですが、ソースコードだけでなく様々なフィアルも管理できます。単にチームとしての利用だけでなく、個人のツールとしても威力を発揮します。筆者も、個人でバージョン管理システムを導入して、原稿やサーバの設定ファイルなどのドキュメントの管理をしています。 バージョン管理システムとして、以前はCVSが多くのプロジェクトで利用されていました。しかし、CVSは履歴を保持したままでのファイルの移動ができないなどの問題もありました。SubversionはCVSが抱えていた問題を解決するために開発されました。現在では、多くのプロジェクトでSubversion
正しい知識を得たい人の爲のCSS2リファレンス
正しい知識を得たい人の爲のCSS2リファレンス 簡易目次 概要 CSS2の構文 基本データ型 セレクタ 値わりあて，カスケード処理，継承 メディアタイプ HTML文書へのスタイルシート適用 プロパティの定義 テキスト 色と背景 フォント ボックスモデル 視覚整形モデル テーブル 生成内容 リストとマーカー ユーザインタフェイス 附録 CSSに関するアクセシビリティ技術 CSS2.0のプロパティ一覧表 CSS2.1のプロパティ一覧表 CSS2.1の視覚整形モデル詳細 詳細目次 概要 CSSの概要 HTMLの経緯とCSSの役割 CSSの正式勧告水準について 改訂版CSS2.1と次世代CSS3 CSS2.1 vs CSS2 CSSの設計原則 CSS2の処理モデル カンヴァス（The canvas） わりあてモデル（addressing model） 用語の定義 CSS2の構文 構文（Syntax
JavaScriptを理解する
java script を理解する。。。 愛用本 詳解 HTML & JavaScript 辞典 IE でしか動かない物が多いと思いますので Using the W3C DOM もチェックして修正してください。 算術演算子 演算 演算子 加算 + 減算 - 乗算 * 除算 / 剰余算 % 代入演算子 演算子 意味 = 代入 += 足して代入 -= 引いて代入 *= 掛けて代入 /= 割って代入 %= 割った余りを代入 単項演算子 演算子 意味 ++ １足す -- １引く - 符号の反転 関係演算子 演算子 意味 > 大きい時 >= 以上 < 小さい時 <= 以下 == 等しい時 != 等しくない時 真と偽 真は true 偽は false 論理演算子 演算子 意味 && (and) 比較対象が真ならば真、それ以外ならば偽 || (or) 比較対象のどちらかが真ならば真、それ以外は偽 ! (
CSS Nite in Osaka vol.7終了
CSS Nite in Osaka vol.7終了 CSS Nite in Osaka vol.7が終了しました。 私は『jsライブラリで実装効率的なWeb制作』という内容でお話しました。 Web標準の日々での再演になるのですが、内容に関してはjsライブラリの使用のみにフォーカスして、紹介するライブラリなどを変更してお送りいたしました。 Web制作を効率的に行うためのjsライブラリ 資料は以下を参照ください。 SlideShareを使ってみたかったんですけど微妙ですね。 なにかきれいに生成するコツとかあるんでしょうか？ pdfバージョンでごらんください。 音声に関してはCSS Nite公式サイトより公開されると思いますのでお待ちください。 ライブラリの詳細については以下のエントリーなどでも詳しく説明してます。 ウィンドウサイズに合わせてCSSを変更できるdynamiclayout.js I
Thumbs.dbファイルを作成しないようにする － ＠IT
対象OS：Windows XP／Windows Vista／Windows 7／Windows Server 2003／Windows Server 2008／Windows Server 2008 R2 解説 ●Thumbs.dbファイルとは？ エクスプローラの表示オプションで、システム・ファイル（システム属性と隠し属性の付いたファイル）を表示するように設定変更していると（オプションの［すべてのファイルとフォルダを表示する］を選び、さらに［保護されたオペレーティング システム ファイルを表示しない］をオフにする）、「Thumbs.db」という名前のファイルが見つかることがある。 作成されたThumbs.dbファイル 画像ファイルが保存されているフォルダを縮小版表示させると、このようにThumbs.dbファイルが作成されることがある。ただしこのファイルにはシステム属性と隠し属性が付けられて
Macのアプリを、ターミナルから起動すると意外と便利だった - Goodpic
This shop will be powered by Are you the store owner? Log in here
WingMemo: 月別アーカイブを年毎に区切ってみる(3) 4.0完成版
月別アーカイブが増えてくると縦にずらーっと長く並んで場所をとるので、もっとコンパクトに整理したいと思うことはありませんか。従来それによく使われてきたのがArchiveDateHeaderプラグインです。これを使うと以下のように書いて <MTArchiveList archive_type="Monthly"> <MTArchiveDateHeader> <br /><MTArchiveDate format="%Y">年： </MTArchiveDateHeader> <a href="<$MTArchiveLink$>"><MTArchiveDate format="%B">月</a> </MTArchiveList> 以下のようにコンパクト化できます。 2007年：6月 5月 4月 3月 2月 1月 2006年：12月 11月 10月 9月 8月 7月 6月 5月 4月 3月 2月 1
livedoor Readerパーフェクトガイド - livedoor ディレクター Blog
※この記事は、2013年3月14日にアップデートしました。 こんにちは、「livedoor Reader」などのディレクターを担当している佐々木です。 「世界の技術者、刺激したい」―ライブドアRSSリーダー英語版公開 「RSSリーダーにも2対8の法則がある」と池邊CTOは言う。2割のヘビーユーザーが、8割のフィードを読んでいるというのだ。「livedoor Readerは、2割の人に最適化している」 これは弊社スタッフの偽らざる本音なのですが、そうは言っても、より多くの人に使っていただけるよう、livedoor Readerのサイト上では初心者向けの説明を中心に掲載しています。 しかしそれによって、2割のヘビーユーザーに対して満足な説明ができていなかったのではないか、ということを心配してきました。 そこで今回は、Webディレクター向け（つまり、2割に相当するヘビーユーザーであるべき職種の人
MySQLノウハウ
いろいろな本からメモってきたメモのメモ。出典を書いておくのを忘れた。思い出し次第補完するかも。 deleteのコストは高いので、無効化を示すフィールドを作ってupdateすべき slow query logに要注意 多くのエントリでほとんどのフィールドが同じ値を持つ場合はインデックスの効果が小さい →複合インデックスの効果が大きい 複合インデックスは指定の順番が大切。AとBという指定の場合、A単独でもインデックスの効果がある。逆は真でない。 インデックスが使われる場面は フィールド値を定数と比較するとき (where name = 'hogehoge') フィールド値でJOINするとき (where a.name = b.name) フィールド値の範囲を求めるとき (<,>,between) LIKE句が文字列から始まるとき (where name like 'hoge%') min(),
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Scriptを使わないCSSエフェクト、Tipsいろいろ - DesignWalker
[CSS]いろいろな問題を解決する1行のスタイルシート集 | コリス![[CSS]いろいろな問題を解決する1行のスタイルシート集 | コリス](https://cdn-ak-scissors.b.st-hatena.com/image/square/bc54860ba06deaa45382cf2bddc929515def0354/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fshared%2Flogo-2014050501-en.png)
http://www.designwalker.com/seed/graphicdesign/button-tutorial/