Photoshopのプラグイン、Cut&Slice meはコーダーの強い味方になるか試してみた
Photoshopのプラグイン、Cut&Slice meはコーダーの強い味方になるか試してみた 2013.01.07 | この方法お勧めです！ はじめまして。お弁当に入れてよし、おにぎりの具にもよし、卵はイクラでお寿司によし、年末にはまるごと新巻鮭で贈答品にもよし、いろんな形でお役に立つ、そんな鮭のような存在になりたいサーモンです。 決して食いしん坊だから、とか、もう選ぶ色がなかったとかそんなことではないですよ。 今日は七草 お正月、冬休み明けで、今日が仕事始めの方も多いのでは、と思いますが、そんな今日、1月7日は「七草粥」の日です。 1月7日の朝にセリ、ナズナ、ゴ（オ）ギョウ、ハコベラ、ホトケノザ、スズナ、スズシロの「春の七草」を入れたおかゆを食べて、無病息災を祈る、という行事ですね。地域によっても少しずつ違うのかもしれませんが、私の住む関東地方ではこんな感じだと思います。 そして、正月
WordPressの使えそうなプラグインを効率的に探す方法教えます
どうも、大人になっても三角食べを実践しているグリーンです。 ノンプログラマーがWordPressをさわり始めてはまるのがプラグインですよね。 でも公式サイトから2万以上もあるプラグインを一個一個見ていくとかはとても現実的じゃありません。 検索で「WordPress導入時に入れたプラグイン20個」、「リニューアル時にWordPressに入れたプラグイン、はずしたプラグイン」みたいな記事を探して参考にしてる人も多いと思います。 しかし、古い記事を参照すると現在は使えないものやより便利な別のものなどもあります。 ひたすらいろんな記事を見ていけば、そのうちなんとなく匂いでわかるようにはなるのですがそれも時間がかかって大変ですよね。 もう少し効率的に使えそうなプラグインを探せたら…。 WordBenchなどでスピーカーやってる人達は技術的にも信憑性が高い人が多いです。 「そんな人達ってどんなプラグイ
[CSS]コピペで簡単にCSS3アニメーションを実装できるライブラリ・ツールのまとめ
CSS3アニメーションで、背景を変えたり、ボタンをバウンドさせたり、画像をフェードやフリップで表示したりなどをコピペで実装できるライブラリ、緩急をともなったイージングやトゥイーンの微調整を設定できるオンラインツールをまとめて紹介します。
これぞレスポンシブ確認ツールの決定版！OSを選ばずにウェブサイトをすぐに確認できる -Viewport resizer
ウェブページの表示サイズをデスクトップやスマフォ・タブレット用に変えてレスポンシブの確認をするツールはたくさんありますが、これはかなりおススメのツールです。 Viewport resizer Viewport resizerの特徴 Viewport resizerの使い方 Viewport resizerの高度な使い方 Viewport resizerの特徴 Viewport resizerはブラウザベースで動作するブックマークレットで、WindowsでもMac OSでも即時にツールを起動して、表示しているウェブサイトをあらゆるサイズに変更して確認できます。 フルカスタマイズが可能。 その場でサイズ変更してのカスタマイズも可能。 1クリックでスマフォやタブレットの縦・横向きを変更できます。 Media Queriesをサポート。 Metaのviewportタグを適合させます。 ページのリロ
CSSのセレクタによる優先順位を分かりやすくビジュアル化するオンラインツール -Specificity Calculator
Specificity Calculator CSSの優先順位とは、例えば同じセレクタでスタイルを定義した場合、後に記述したものが適用されます。これは「後に記述したものが優先される」ということです。 例： <h1 class="title">見出し</h1> h1の見出しに、同じセレクタで異なるスタイルを適用してみます。 .title{ color:red; } .title{ color:blue; } この例では、後に記述した「color:blue;」が適用されます。 いわゆる、上書き状態です。 また、記述の順番には影響されず、セレクタのポイントにより優先順位が決まります。 ここで紹介する「Specificity Calculator」では、セレクタを入力するだけで、そのポイントをビジュアル化して優先順位が簡単に分かるようになります。 例： h1.title{ color:red; }
ウェブデザインにおけるテクスチャやパターンの使い方をしっかり学びたい人用のまとめ
当サイトでもテクスチャやパターンなどを素材として紹介しますが、ダウンロードして満足するだけでなく、どのように使うかが大切です。 テクスチャやパターンを効果的に使った実例を見ながら、その使い方を紹介します。 The What, Why and How of Textures in Web Design 下記は各ポイントを意訳したものです。 1. ノイズのテクスチャ 2. リアルにするためのテクスチャ 3. ビジュアル効果を与えるテクスチャ 4. トーンや印象を明確にするテクスチャ 5. シンプルなピクセルパターンの繰り返し 6. 大きなインパクトを与えるパターン 1. ノイズのテクスチャ ノイズのテクスチャは最近のウェブデザインでとても人気があります。これは背景からボタンまで、あらゆるデザインほとんどのエレメントにマッチします。 ノイズの使い方は使う場所に依存しますが、良いノイズというのはぱ
WD101: Webデザインであるもの、そうでないもの
このシリーズでは Web Design101（WD101）と名付けて、ウェブデザインをより深く理解するための最初の一歩になる知識やノウハウをコラム形式で紹介していきます。 Webは見た目のコントロールがきかない モニターの外をデザインするのが大半である Webは寛容性をデザインする場である Webのデザインは枠のない世界である Web や書籍を見ていると、様々な「素晴らしい Web サイト特集」があり、一体何を基準に評価しているのか分からなくなることがあります。人間中心設計をしようという声が高まっていると同時に、グラフィカルで一方的なコミュニケーションのサイトも評価が高いですし、Web という媒体への理解や解釈が様々なので、評価がバラつく場合もあります。 もちろん、Web の捉え方は人それぞれで良いと思います。しかし、それにより「Webデザインしたい！」と考えている人たちが、何をもって良い
ダウンロードしておきたいフリーのデザインフォントのまとめ -2012年7月
最近リリースされたものを中心に、高品質なフリーのデザインフォント・タイプフェイスを紹介します。 Sina Nova 個人・商用利用無料。 Ashbury 個人・商用利用無料。 Epocaclassic
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
