【img via Mac Keyboard by DeclanTM】 作業している時にキーボードから手を離さずに作業をしたいという人も多いはず。僕自身も可能であればキーボードに手をおいたまま作業をしたい。 お気に入りのランチャーアプリ「Alfred」を使ってファイルやフォルダを任意のアプリケーションで開く方法はないのかな、と思って調べていたら当たり前のようにあったので、紹介する！！ HTMLファイルをデフォルトでブラウザで開くようにしているが、ソースを修正したいのでCoda 2で開きたい、という人もいるはず。そんな時に役立つのがこの昨日。有料版のPowerpackを購入した人のみ利用できる機能となっている。 僕の場合はこの記事のために作成した画像をImageOptimで開いて圧縮する作業をAlfredで行なってみた。以下がそのやり方。 使い方 まずはAlfredを起動し、ファイルを検索。該

floatで寄せた要素を親要素の高さに合わせたいと思って、はまってしまったので共有します。 そもそもfloatってなに？ floatとは要素のボックスを浮かせることによって左や右に移動させることです。floatさせた要素にはwidthをつけなければいけません。 ではサイドバーを親要素の高さいっぱいに表示できるようにしてみます。 gist7905003 このようなときイメージときにはこんなサイト ここでcontentクラスの高さが仮に900pxでかつコンテンツが増えていくごとに増えるとします。 サイドバーもこれに合わせて高さが変わってほしい。（背景が違う色であればこっちのほうが望ましい） footerクラスにはclear:both;をしてあります。 sideクラスをheightを100％にするとブラウザの画面いっぱいの高さになってしまい、しかもfooterまでもsideクラスに隠れてしまいま

ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. SEOを最短で効率的に攻略することを考えた時、WordPressはベストの選択肢の一つだ。 最近では、検索エンジンで上位に表示されているサイトやブログのほとんどがWordPressで作られているほどで、その有効性は、Googleの検索エンジンチームのリーダーとして著名なマット・カッツ氏も認めている。 そこで本日は、SEO効果を極限まで高めるために、WordPressでブログテーマを構築する際に必ず抑えておくべきポイントをご紹介する。 ぜひ、あなたが自社でWordPressブログを構築する時の参考にして欲しい。 また、私たちバズ部は12年で400社以上のメディア支援を行い、 立ち上げから10ヶ月で14.6億円の売上を産んだ不動産メディア8ヶ

ターミナルで defaults を使って変更するMacの隠し設定84個です。Finder と Dock 中心ですが、Mission Contro、Launchpad、Dashboard、スクリーンキャプチャ関連の設定も少し混ざってます。 MacPilotやOnyXを使えば簡単に変更できますが、ターミナルで変更する方法をメモっておくと割と重宝するので、まとめて記事にしてみました。 Macの隠された設定を変更するハック集の目次 Finder関連の隠し設定（47個） Dock関連の隠し設定（24個） Mission Controlの隠し設定（4個） Launchpadの隠し設定（2個） Dashboardの隠し設定（2個） スクリーンキャプチャの隠し設定（5個） Finder Finder関連の隠し設定です。特に注意書きのない設定については、変更後にFinderの再起動が必要になります。ターミナ

Emmetのカスタマイズ シリーズ１　１で終わるかも。。（笑） 前回、「Sublime Text2用ZenCodingで閉じタグの後ろにコメントを加える方法」という記事を書きましたが、ZenCodingの新しいバージョン、Emmetを使っている人も多いと思います。 そこで、今回は、Emmetでも、閉じタグの後ろにコメントを自動的に挿入する方法です。 C:\Users\＜ユーザ名＞\AppData\Roaming\Sublime Text 2\Packages\Emmet\emmet の emmet-app.js をいじります。 12477行目に移動します。 } else { start = '<' + tagName + attrs + '>'; end = '</' + tagName + '>'; }この部分を } else { start = '<' + tagName + attr

CSS3セレクタの中でも特に使い勝手がいいと個人的に思う「nth-child」と「nth-of-type」の使い方を紹介します。似ているようで若干違いますので正しく理解しましょう。 基本的な使い方 まず、「nth-child」と「nth-of-type」の基本的な使い方を説明します。 nth-childの説明 一般的に「E:nth-child(n)」という風に表されていて、親要素のn番目の子要素であるE要素ということになります。 具体的には以下のように使います。

「Windows から Mac に乗り換えたけどよく分からない」「いまいち使いこなせない」という方のための連載、2回目は「Spotlight」です。 Spotlightとは Mac を使い始めたばかりの方にとって、Spotlight は「ファイルやフォルダを検索する時に使うもの」のように見えるかもしれません。 確かにそれは Spotlight の主要な機能ですが、Spotlight はあらゆる調べ物に利用することができます。 Spotlight を使いこなせるようになると、たとえば以下のようなことができます。 コーディング（HTML/CSS/JavaScript などの記述）の時間を大幅に短縮する 英語を書く時間を短縮する 言葉の意味を調べる 複雑な計算を素早く行い、結果をクリップボードにコピー マウスカーソルを動かさずにアプリケーションの起動や切替えをする 指定した期間に作成したファイル

カスタムフィールドの内容を設定 次にカスタムフィールドの内容を設定していきます。 『Custom Field Template』は「テンプレートコンテンツ」のフィールドにコードを入力することで フィールドの内容を設定することが出来ます。 コードの書き方は「デフォルトテンプレート」を参考にすると分かりやすいですが基本は下のような形式です。 [KoToRifield] type = text size = 35 label = テキストフィールドだよ 「[KoToRifield]」はファイル名です。ここは半角英数で入力してください！日本語だと出力するときにコケる可能性がありますので。 「type」でフィールドのタイプを指定できます。ラジオボタンとかチェックボックスとかテキストエリアとか。。。 「label」はフィールドに説明をつけることが出来ます！ 各タイプ色々オプションが用意されていますので

誰でも作れる！ “崩れない”HTMLメルマガ作成術：一撃デザインの種明かし（12）（1/4 ページ） キレイなHTMLメールを作るコツ/Tips盛りだくさん！ ECサイトはもちろん、企業サイトのニュースなど、いまなおプッシュ型の情報配信として支持されるメールマガジン。一時のフィードリーダーの盛り上がりもあり、以前に比べると落ち着きましたが、まだまだメールマガジンの効果は侮れません。 今回は、そんなメールマガジンの中でも、表現力豊かなHTMLメルマガの作り方について、徹底解説します！ 「HTML」自体は、それほど難しくないが…… 「HTML」というマークアップ言語自体はプログラム言語に比べると手が出しやすいので、Webを仕事としていない方でも触れた経験をお持ちの方はいらっしゃるのではないでしょうか？ そういう人にとっては、HTML言語自体はそれほど難しくないと思います。 しかし、そのHTML