導入必須のWordPressプラグイン7選＋便利なおすすめプラグイン8選
プラグインとは、WordPressを自分好みにアレンジしたい場合に非常に便利なツールである。 サイトの表示速度を高速化したり、安全に利用できるように対策したり、サイトの見栄えを整えたりする上で、適切なプラグインをインストールすることは必須項目といっても過言ではない。 ただしプラグインは何千種類もあり、どれを使うべきか悩む方がほとんどだろう。「あれもこれも」と手を出し、結果的に何十個もインストールしてしまった方も多いのではないか。 しかし、誰にとっても必要といえる優秀なプラグインはそれほど多くはない。この記事では、バズ部が本当におすすめするプラグインに絞って、簡単な使い方や設定方法も含めて紹介していく。
CSS の書き方についてのメモ | Unformed Building
どんな感じで書けば楽できるかとか、後から修正しやすいかとか、そんなことです。 ボタンのスタイリングを例に、自分の通った道を追ってみます。 今回使う HTML は次のようになっています。 <div class="buttons"> <button class="edit">Edit</button><button class="publish">Publish</button><button class="delete">Delete</button> </div> これを CSS でスタイリングしていきます。 1. とりあえず個別指定 こんな極端な書き方する人はあまりいないでしょうけど、例として。 .edit { margin: 0 5px; padding: 0; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 5px; widt
Photoshoopでの作業時間を短縮するのに役立つ10のテクニック
10 Photoshop Quick Tips to Improve Your Workflow 下記は各ポイントを意訳したものです。 1. レイヤースタイル パネルでの操作 2. 空の選択範囲の変形 3. 斜めの画像を水平にする 4. 画像に磨りガラスのようなパネルを設置 5. キレイな切り抜きを素早く 6. 瞳のカラーを変更 7. 画質に影響を与えないで照明のエフェクト 8. 作業確認用の新規ウインドウ 9. 画像からカラースウォッチを作成 10. レイヤースタイルをレイヤーの一部に適用 1. レイヤースタイル パネルでの操作 レイヤーパレットの下の「fx」ボタンをクリックすると開くレイヤースタイル パネルで、レイヤースタイルのアクティブ時に直接微調整ができます。 操作可能なスタイルは、4つです。 ドロップシャドウ グラデーションオーバーレイ サテン パターンオーバーレイ 4つのスタイ
サウンドエフェクトを自分で細かく設定して作り出すことができる「Bfxr」
by wblo サンプルをもとにして、スライダーを動かすだけで自分好みのサウンドエフェクト(SE、効果音)を作り出せるネットサービスが「Bxfr」です。マリオがジャンプする音やコインを取ったときの音は、たとえゲーム中でなくても聞けばすぐにそれとわかりますが、ああいったものを自分で簡単に作り出すことが可能です。 Bfxr. Make sound effects for your games. http://www.bfxr.net/ ブラウザ上で動作させるにはAdobe AIRが必要です。また、スタンドアローン版もあります。 画面左上に並んでいる「Pickup/Coin」などのボタンはそれぞれの状況に応じたオーソドックスな音を設定するボタン。 そこから自分でいろいろ細かい調整をしていき、1つしかない効果音を作り出せるというわけです。設定可能な項目は30にものぼります。 デフォルトで「Play
着信応答や写真撮影など、iPhone付属イヤホンのリモコンでできる8つの操作 | ライフハッカー・ジャパン
iPhoneを最近購入された方であれば、リモコンとマイクを搭載したイヤホンがついてきたかと思います。リモコンといってもボタンがたった3つしかない、いたってシンプルな作りのものです。 実はこのリモコンを使って、さまざま操作ができることをご存知でしょうか？ ニューヨークのAppleショップ「Tekserve」のChris D'Landoさんが、iPhoneリモコンでできる8つの操作をまとめてくれていましたので、ご紹介します。 知っているようでよく知らないリモコン（主にこの真ん中のボタン）を使ってできる小ワザたち。普段からイヤホンを使っている方も知らなかった！ という機能があるかもしれません。 Photo by Nicholas Lundgaard. 1. Siriの起動 iPhone 4Sユーザーの方であれば、本体に触れることなく「インテリジェントパーソナルアシスタント」ことSiriを立ち上げ
2万以上もの各種ボタン・アイコン・バーなどのユーザーインターフェースパーツのデザインを検索してダウンロードできる「UICloud」
「Download button」「CSS button」「Music Player」など、テキストボックスに欲しいユーザーインターフェースパーツを記入するだけで、総合計2万個以上のパーツの中から欲しいものを検索してきてくれるのが「UICloud」です。 UICloud | User Interface Design Search Engine, UI Elements, GUI Design, Free Downloads http://ui-cloud.com/ トップページのテキストボックスに探したいパーツの名称を記入して「Search」ボタンを押します。今回は「Download button」で探してみました。 すると検索結果一覧が表示されます。色んなダウンロードボタンがずらり。 気になったものをクリックします。 すると、大きめサイズのイメージが表示されます。 画面右端には詳細情報
Photoshop Elements SFX:iPhone風アイコン
■使用Photoshopバージョン：Photoshop Elements 4.0 作成：01.14.2007 改訂：MM.DD.YYYY 新規にファイルを作成します。 角丸長方形ツール（）で四角形を描きます。Shiftキーを押しながらドラッグすると、正四角形が描けます。 レイヤーパレットで、シェイプのレイヤーサムネールを、Ctrlキー（Mac:Cmdキー）を押しながらクリックします。この操作で、シェイプの形状をした選択範囲ができます。 ［選択範囲］メニューの［選択範囲を保存...］を選択し、適当な名前で保存します。 ここでは「ボタン」としました。 レイヤーをひとつ追加します。 グラデーションツール（）を選択します。 ツールオプションバーで、「反射形グラデーション」を選択します。 続けて、ツールオプションバーの［編集］ボタンをクリックして、グラデーションエディタを表示させ、左下端の家のような
作業時間を10分の1にできて、デザイナーとコーダーのお互いが幸せになれるプラグイン「SPECCTR」が素晴らしい。
ややうさんくさい感じのするタイトルですが、ホントの話なんです。 海外のサイトを見ていてたまたま見つけて試してみたところ「このプラグインを使えばデザイナー自身、そしてコーダーのお互いが幸せになれるっ!」と思ったので全力でご紹介したいと思います。 SPECCTRについてごく簡単に説明すると… フォント名やオブジェクトのサイズ、間隔、色などをボタン一つで建築の設計図のようにデザインの仕様を書き出せる というものです。 これまで、デザインからコーディングに取りかかる際に、ボタンのサイズやレイアウト間隔を正確に調べたりするには元データをいちいち開いたりしなければならず、地味ながら非常に手間のかかる作業が必要で、それらを一覧にできる良い方法が無いのが実情でした。 また、デザイナーからコーダーにデータを渡して、いざあがって来た時のレイアウトをみると、ところどころ変わっている部分があったりして、相互の無駄
CSS3の勉強になるかも！？画像を使わないボタンの作成手順
CSS3を使うと画像のようなボタンも簡単に作れます。よくあるタイプのボタンですが、できあがりのコードだけだと勉強にならないので、作り方を順番に紹介していきます。 今回、ChomeとFirefoxで動作確認しています。IEだとグラデーションが使えないので、同じボタンがたくさんあるように見えます。スマホサイト用なんかだと十分実用的だと思います。
リッチに見せるデザインテクニック。Appleのデザインのように美しい金属調の質感を表現する方法。 (フェンリル | デベロッパーズブログ)
こんにちは、イメージ担当の長谷川です。 今回は Apple がデザインしている iCloud アイコンのような美しい金属調の質感を Fireworks で表現してみました。 アレンジ次第で水平のエッチングやブラスト加工のようなイメージも簡単に作ることができます。 ぜひ Web や UI デザインの参考にしていただければと思います。 1. ベースのテクスチャを設定する まずグラデーションの設定をします。 長方形ツールで作成するボタンなどのサイズより少し大きいサイズの四角を描き、グラデーションの塗りを円錐にします。 以下のように白とグレーを交互に設定します。右端と左端を同じ色にしないとグラデーションに線が出来てしまいますのでご注意ください。 ここでは濃いグレーを #666666、両端の薄いグレーを #999999 に設定しています。 次にノイズを適用量：10で追加します。これが同心円状のヘアラ
無料でダウンロードできるUIデザインのPSDファイル集 – creamu
綺麗なグラデーションや立体感のあるメニューやボタンを作りたい。 そんなときに参考になるのが、「Free PSD Web UI Element」。無料でダウンロードできるUIデザインのPSDファイル集です。 なかなかいい感じのものが揃っています。 Modern Web UI Set かっこいいメニューやボタン、フォームなど。商用でも利用可 Massive Web UI & Button Set カラフルなアイコンやパンくずなどのPSDファイル Free PSD : Checkbox Replacement iPhoneのオンオフボタンのような、チェックボックスのデザイン Webdesigner Toolkit 優しいトーンで角丸デザインのUIパーツ Scalable calendar シンプルなカレンダーのPSDファイル UIの要素をさくっと作りたいときに、参考にしてみてはいかがでしょうか。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブデザインのセンスを学ぼう、2012年上半期洗練されたディテールのUIデザインのまとめ
新着記事
効率のよい地図の描画方法、JR路線図のうまい描き方とは
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP