こんにちは。デザイナーのハルエです。 Dreamweaverの数ある機能を十分に活用できてる方ってどのくらいいるのでしょうか？ 私の場合、これまで最低限の機能しか使ってこず、操作上でわずらわしく感じることでも我慢してたんです。で、そのわずらわしさも苦痛に感じなくなってきて、いつの間にか慣れちゃってました。いけない子ですね。 そこで今日は以前の私みたいな方のために、作業効率を良くするDreamweaverの便利な拡張機能やおすすめ設定術を紹介させていただきます。 閉じタグコメントを自動挿入：End_comment.mxp 閉じタグコメントはソースの構造をチェックしたりする時に便利なんですが、その都度書いていくのって手間ですよね。 この拡張機能は閉じタグコメントを自動で挿入してくれます。もちろんIDとclassもちゃんと認識してくれます。 コメントを生成して挿入するDreamweaver用の拡

コンテキスト Windowsでファイル編集するのに慣れている。 問題 さくらVPS (CentOS) でたくさんのファイルを編集したい。 解決 WinSCPのミラーリングアップロードを使う。 これで、Windowsのローカルディレクトリで編集したファイルを自動的にさくらVPS側のリモートディレクトリに転送してくれる。 詳細 WinSCPを起動する。 メニューから、コマンド→ミラーリングアップロードを選ぶ。 ダイアログで監視するローカルディレクトリとリモートディレクトリを選ぶ。 参考 Windowsの秀丸でさくらVPS上のファイルをリモートで編集する方法 さまざまな方法を教えてくださったフォロワーさん方に感謝します。

あなたが悪意ある侵入者ではないとしても、パスワードなしでマシンにログインしたい場面があるかもしれません。パスワードなしでログインできるかって？　Macではとても簡単なことです。この記事では、Macでのログイン方法とその防ぎ方をご紹介します。 Macへのログイン方法は数多くありますが、基本はどれも同じです。ここでは代表的な2つの方法を採り上げます。 また、『John the Ripper』や『THC-Hydra』などのクラッキングツールもありますが、操作が複雑だったり高価だったりします。今回はこれらのツールは使わないでおきましょう。■Mac OS XのインストールCDを使う方法 Mac OS XのインストールCDがあれば、管理者アカウントのパスワードを簡単に変更できてしまいます。CDを挿入して、キーボードの「C」を長押ししながらMacを起動してください。しばらくするとMac OS Xのインス

■ Contact Form 7 http://contactform7.com/?lang=ja メールフォームプラグイン。 普通にメールを送信できるだけではなく、 フォーム本体に好きなclassをつけたり、返信メールのカスタマイズも自由自在。 最近capcha機能も見つけてテンション上がりました。 通常送信先メールへの宛先の他に、bccでメールのコピーを送ったり 送信完了ページも作れます。 Akismetでのスパム対策もできます。 ■ Duplicate Post http://wordpress.org/extend/plugins/duplicate-post/ Wordpressのページを複製するときに使います。 ページ送りの表示などで大量にページを投下してテストしたいときに便利です。 投稿リストからも、投稿ページからもコピーできるのもすばらしいです。 ■ カスタムフィールドをカ

自分用メモ。wp-config.phpの設定 で出来る事のリストです。よくある カスタマイズは、テーマファイル内 にコードを書きますが、wp-config で出来る事を知っておくのもとても 大事ですね。 普段あまり利用しないので覚えてないし、困ったときはいちいち探してるので時間をロスしないようにメモしておきます。 スニペットのメモリストですし、細かい解説は面倒なんでしません。また、「wp-configってなんだろう？」という方には全くお役に立てないと思います。 wp-config.phpで出来る事リスト 以下リストです。古いバージョンの事は視野に入れてません。 リストはCODEXのwp-config.phpの編集から抜粋しています。 ※変更前にバックアップして下さい ※自己責任でお願いします ※コード一覧は記事最下部に有ります 01. デバッグモードにする define('WP_DEBUG

日曜日なので軽い話題。WordPress のカスタムフィールド内でショート コードを利用する方法です。あまり 使う事も無いかもしれませんが、 ショートコードを多用する方には 利用価値がありそうです。 使えたらいいなぁ、というシーンはたまにあるので覚えておいて損は無いと思います。 通常のカスタムフィールドの場合 <?php echo get_post_meta($post->ID, 'foo', true); ?> おさらい。普通にカスタムフィールドを使う場合は上記のようなコードを使います。fooという名前で登録したカスタムフィールドに入れた値が、このコードで出力できます。 ですが、このままここにショートコードを入れてもそのショートコードの文字列が出力されるだけです。 apply filtersを使う カスタムフィールドでショートコードを使うには以下のようなコードをテーマファイルに挿入します

jQuery Mobileでは、ページ遷移の際に自動的にajaxが利用されています。特に何もしなくても遷移先のページをajaxで取得してアニメーションをつけて遷移するというのがjQuery Mobileの大きな特徴のひとつになっています。 しかしながら、巷では、何か問題があるとすぐにこのajaxを無効にするという対処方法が蔓延しているようです。ちなみにajaxを無効にする方法というのは、以下のようなものを指します。 a要素やform要素に data-ajax="false" を指定する。 グローバル設定で $.mobile.ajaxEnabled = false; を設定する。 もちろん、このajaxの挙動を理解した上で、ajaxを無効にするという方法を取ることは何ら問題ないのですが、とにかく困ったらajaxを無効にするということが多いようです。 具体的には以下のようなケースが挙げられるで

#sample { width:500px; font-size: 16px; color:#333333; background:#d6e5f5; padding:20px; } #sample li { list-style-type : none; padding:5px 10px; border-bottom:1px solid #84b2e0; } 1. 下に薄いラインを追加してみる このリストに1本ラインを加えるだけで全然印象が変わってきます。試しに下に白いラインを追加してみます。 #sample { width:500px; font-size: 16px; color:#333333; background:#d6e5f5; padding:20px; } #sample li { list-style-type : none; padding:5px 10px; bord

まだまだ知らないことって多いもので、ネットで配布されているpsd素材を勉強がてら解体していたところ 初めて「スマートフィルタ」なるものに遭遇しました。 CS3以降の機能なのかな、まったく知らなかったので使い方など調べてみましたのでまとめます。 スマートフィルタとは 後から数値を調整できるフィルタのこと。 「ぼかし」「ノイズを加える」などなど これまでフィルタというものは後からの調整は出来ないのが通常でしたよね。 しかしスマートフィルタを使えば直したいと思った時に再びフィルタメニューを開くことができるので 仕上がりが気に入らなければ後から何度でも修正が可能になります。 何だこれディ・モールト便利じゃあないか・・！ スマートフィルタの使い方 それでは簡単に使い方を書いていきたいと思います。 photoshopでのデザイン中、いつもならオブジェクトに直接フィルタを使用するところを、 スマートフィ

jQueryで画面遷移のないサイトを作ろうとしたときのちょっとしたメモ jQueryを使って画面遷移のないサイトを作ろうとしたときのちょっとしたメモです。 サーバーとやり取りをする、Ajax的なことは書いていないのであしからず。 投稿日2012年02月03日 更新日2012年02月03日 リンク（href）を無効にする 画面遷移のないWebサイトでもJSのない環境やSEOも考慮して href にリンク先を設定したいときがあります。 hmtl <a href="hoge.html" id="btn">ボタン</a> このような場合だと #btn にイベントを設定しても画面遷移してしまいます。 click イベントに「e.preventDefault()」と記述すればhrefを無効にになり画面遷移が行われません。 javascript $('#btn').click(function(e){

2012年 02月 29日 WordPressのお作法-テーマ作成時のテスト・デバッグについて WordBench大阪 カテゴリ： WordPress タグ：WordBenchWordPress 第2回WordBench大阪に参加してきました。その中でみやさん（@miya0001）がお話されていたWordPressのお作法に非常に興味を持ったのでシェアしたいと思います。 1.テーマのデバッグに関して 2.theme-checkプラグイン 3.テーマユニットテスト 4.参考文献 1.WordPressのデバッグに関して スライド「WordPressのお作法：by miyauchi」 WordPressのテーマはかなりの数がインターネット上に公開されてますし、自身で作ることも可能です。ですがそのすべてが安全という保証はありませんし、エラーの出ている物Web上に公開及び納品すると言った行為は良い

Photoshopの秘法 発掘キャンペーン - ... / 画像を拡大してもできるだけ画質を下げないPhot... / ちょっとぼんやりした画像をくっきりさせるPhot...他...全9件

前回もちらっとメモしたんですが、 もっと具体的な内容も覚えておきたいので改めて実際のコードとともに手順をメモしたいと思います。 オリジナルの管理画面を用意しておくと、クライアントさんがサイトの更新を行う場合に安心して更新をお任せできますｗ ゴールはこれ。 不要なダッシュボードウィジェット、左メニューなどをすべて非表示にし、 オリジナルで用意したヘッダー＆メニューを差し込みます。 デフォルトの管理画面は高機能な分、メニューがずらーーーっと並んでおり WEBに詳しくない方にとっては何が何だか分からないものですからね。 ここは一思いにばっさりと切り捨て、クライアント専用にやさしいシンプルな見た目の管理画面を用意してあげることで 大幅に間違いが減りますし、説明の時間も短縮できると考えてます。 ちなみに、上記キャプチャに表示されているメモは『Headache With Pictures』というプラグ

Illustratorで文字詰めするには、「プロポーショナルメトリクス＋自動」が最適解なわけですけど（用意された答えという意味では）、最近ようやく認知されてきたのかな……。［文字ツメ］だとか［オプティカル］だとかいったインチキな機能は使いませんよ？ 分からない人はこことかこことかこれとか読んでいただくとして、その前提で話を進めますので、この時点で意味のわからない方は以下は読まないでください。 ［プロポーショナルメトリクス］をチェックし［自動］を選択する。さらに、約物を詰めるために［文字組み］から「約物半角」を選択……と。 計3か所です。 はっきりいってかったるいです。 やってられっか！という感じですよね。 ……めんどくさいから一括適用でいいんじゃね？ ここで段落スタイルを使っちゃいましょう。Illustratorの段落スタイルって使ってる人います？　いないですよね。いや、僕もほとんど使って

div.tucked-corners { background: #f6f6f6; height: 380px; margin: 50px auto; padding: 10px; position: relative; width: 580px; -webkit-box-shadow: 0 1px 7px hsla(0,0%,0%,.2); -moz-box-shadow: 0 1px 7px hsla(0,0%,0%,.2); box-shadow: 0 1px 7px hsla(0,0%,0%,.2); } ...詳細はリンク先を参照 /* Sticky Footer Solution by Steve Hatcher http://stever.ca http://www.cssstickyfooter.com */ * {margin:0;padding:0;} /* must 

サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

ドットインストール代表のライフハックブログ