私がよく使っているウェブサイト作成に役立つChromeの拡張機能6選
個人的に良く使っているウェブサイト作成時に役立つChromeの拡張機能を紹介します。有名なものばかりだと思いますが、ひとつでも新しい発見があればうれしいです。 CSSViewer マウスを乗せた場所のスタイルの状況を知ることができます。余白を調整したいときに使います。調整したい余白がどの要素にあたるのかがすぐに分かります。 次に紹介するものはさらにスタイルの変更もできるわけですが、こちらの方が見やすいのでちょっと確認したいというときはこちらを使います。 Code Cola 先ほどと似ていますが、こちらはスタイルを確認できるうえに内容を変更することもできます。 フォントやボックスモデルに関するプロパティやもちろんtext-shadow、box-shadow、border-radiusなどのCSS3にも対応しています。 Page Ruler 自由に大きさを図ることができます。縦横の長さと、画面
なんでもっと早く使わなかったんだと後悔したChrome拡張５つ（ブロガーとして）
今回はChromeExtensionを５つのご紹介。正確には以前に１個紹介しているので４つかな。 たった4つかというのもありますが、あんまり拡張するのが好きではないのもあり、入れてもすぐ消す癖があって、本当に便利なもの、もしくはよく使うものしか基本的に追加してません。ただこれ、「職業ブロガー」っていうところに恐らく焦点が合わさっていますので、さきにご了承願います！ 以前書いた記事でもそうなんですけど、かなり消してますね・・・ 私が厳選して愛用するGoogleChromeエクステンション12個＋消した奴36個 是非まだ入れてないって人は使ってみてください。 使えば使うほど味が出る超便利エクステンション とりあえず今回紹介する4つはこちら。 他のやつはド定番なので紹介の必要が無いかと判断したりなんだりです。 １）ato-ichinen ダウンロード とりあえず「１」と書かれたアイコン。押してお
スマートフォンサイトのHTMLコーディングメモ12個 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
display:table-cell; を活用する リキッドレイアウトのコーディングにすごく便利。 親要素に display:table; 子要素に display:table-cell; 記事リストなど、画像とテキストを横並びにするときに。 均等に横並びにしたいときに。 タップ時のカラー設定 CSSで以下のように設定。アルファ値も設定可能。 -webkit-tap-highlight-color: rgba(255,105,183,0.6); 画像、iframeに max-width を指定 img・iframeは、サイズが大きすぎて画面からはみ出すことがあるので max-width:100%; を指定する。 word-break:break-all; を指定 スマホは幅が狭いため、長いURLなどが1行に入りきりません。 word-break:break-all; を適宜指定する。 フォ
あなたのブログを圧倒的に便利化・効率化する最強のプラグイン40選 | アフィリエイト初心者でも稼げるネットビジネスブログ
仕組みはわからなくても、誰でも簡単にワードプレスのブログを拡張することができる素晴らしいアイテムであるプラグイン。 ネットビジネス＆アフィリエイト＆ワードプレス1年半になる僕が、ワードプレスに絶対に入れておくべきプラグイン40選をまとめました。 目次 1.デザインを強化するプラグイン 1-1.Shadows 1-2.jquery-colorbox 1-3.Newpost Catch 1-4.Smooth Scroll Links 1-5.Category Order 1-6.wp-pagenavi 1-7.WordPress Content Slide 1-8.Browser Shots 1-9.Favicon Rotator 2.ソーシャルメディア活用プラグイン 2-1.Open Graph Pro 2-2.WP Social Bookmarking Light 2-3.ShareBar
[JS]アニメーションが気持ちいい！複数のパネルをiOS風のエフェクトで切り替える -Kontext
CSSの3Dアニメーションを使った、iPhone, iPadアプリで見かけるパネル切替のエフェクトをウェブページに実装するスクリプトを紹介します、 Kontext -GitHub Kontextのデモ Kontextの使い方 Kontextのデモ デモでは3枚のパネルをダイナミックなアニメーションで切り替えます。 操作は、下部のナビゲーションとキーボードの矢印キーに対応しています。 Kontext -デモページ Kontextの使い方 スクリプトは単体で動作するので、jQueryなどは必要はありません。 Step 1: 外部ファイル 当スタイルシートをhead内に、スクリプトを<body>の上に外部ファイルとして記述します。 <head> <link rel="stylesheet" href="css/kontext.css"> <link rel="stylesheet" href="
初めて構築したWordPressにとりあえず導入したプラグイン16個 | mugen beer
初めて借りたレンタルサーバで構築したWordpressに最初に導入したプラグイン16選。はじめてレンタルサーバを借りて、WordPressを構築。 今の時点で導入しているWordPressプラグインをまとめてみようかと。 備忘録的な感じ。オススメの物がアレば、Twitterかコメント欄で教えてください。 ちなみに、サーバはCoreServerで借りたんだけど、選んだ理由はお値段とDBの使える数。 でも、PHPがセーフモードで、ちゃんと稼働させるまで色々四苦八苦したのはまた別の機会に。 WordPressのセキュリティ対策プラグイン Akismet WordPress › Akismet « WordPress Plugins WordPressをインストールすると最初から入っているスパム対策プラグイン。 どこの紹介を見ても、とにかく有効にしておけという定番のスパム対策。 メール
[iPad] GarageBand: いつでもどこでも、iPadだけで音楽制作できる時代がやって来た！773 | AppBank
GarageBandの凄さが、この動画だけでわかります！ GarageBandが本当にリリースされてしまいましたっ！ ぜひ冒頭の動画をチェックしてくださいっ。 音楽製作をする人であれば全員、必ず購入したくなると思います！！ iPadさえあれば、思い浮かんだメロディーや曲のアイディアをすぐにアウトプットしてメモしておくことが可能です。そのまま曲のラフスケッチレベルまで簡単にできてしまいます。このスピード感はハンパないです。 キーボード、ギター、ベース、それぞれの楽器の完成度も素晴らしいです。楽器が演奏できない人でも簡単にフレーズやパターンを作成できるSmart Instruments機能も嬉しいですね。僕みたいにリズム感の無い人でも、すぐにドラムパターンを作成することができました。 ギター用アンプシミュレータも内蔵されており、これだけでも￥600の価値があると感じました！！「ギタリストなら買
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
