入力フォームの入力欄を飾るアニメーション Animated input labels
入力欄にフォーカスすると、ラベル部分がアニメーションしてデザインが変わるものです 入力が必須のところで入力が無いと赤色の表示のエラーを示すようになっていています入力内容も判別しているようです
シンプルでフラットなデザインのツイートカウンターボタン Twitter Button (Tweet)
シンプルでフラットデザインのツイートカウンターです、表示のはじめに数字がコロコロと変化して表示されます。 hoverすると鳥がパタパタと羽ばたきます
Paint.NET 4でカスタムブラシが正式対応されるかもしれない話
現在Paint.NET 4のbeta版が公開されています このbeta版では、カスタムブラシの導入はされていないのですが、カスタムブラシが導入されるかもしれないという話があります。フォトショップのブラシにあたるものです。 […]
XMedeiaで動画の画面の一部を切り抜き、画面の範囲を変更する方法 クロップ
動画に無駄な領域が入ったり切り抜きたい時がありますよね。 シーンをカットする作業ではなくて、画像のトリミングと同じような作業をします、このことをクロップと呼びます XMediaでもクロップ作業が行うことが出来ます &nb […]
Bracketsで簡単にCSSとJSをminify・圧縮することができる拡張機能 Minifier
WordPressとかCMSでもCSSとJSを圧縮するプラグインとかありますが、Bracketsも拡張機能を導入すれば数クリックで元のファイルを残したままできちゃいます。メリットは簡単な事、元ファイルはそのままにしておい […]
パステルカラーの付箋風のWEBデザインが魅力的 Sticky notes without images
背景は画像を利用しているものの、他はCSSでデザインされています。ブロックを付箋で表現したデザインがとてもいいですね。新着記事一覧等にこれを利用するのも有りかと思います
ポップでかわいい テキストベースのローディングアニメーション
カラフルでポップなデザインのローディングアニメーションです #containerLoaderのところを調整すれば、コピペで使えますね
Paint.NET 4で図形の回転が簡単にわかりやすくなった
図形の回転 自分がメインに使っている画像編集ソフトPaint.NET 4のベータ版が登場して色々機能アップしていますので、今回は扱いやすくなった図形の回転を紹介 今までは右クリックをしながらで図形の回転をすることが出来ま […]
BracketsでCSSのクラス名・ID名を自動補完する拡張機能
一度使ったことのあるクラス名・ID名を呼び出すことが可能です、プロジェクト単位で動作するようで更に一度も使われていないものはリストに出ることが無いようです
床屋さんに有るクルクル回るアレが CSSだけで作られたアニメーション Barbershop Loader
床屋さん、理容室美容室にある外においてあってクルクル回るサインポールってやつです それがCSSのアニメーションで表現されたものです。
ヌルヌル動くCanvasで作られた オリンピックの輪がすごい olympic circles logo
画面が表示されると、線状のものが集結してオリンピックの輪になります そのアニメーションがとても綺麗です
Paint.NET 4で図形の作成が充実、吹き出しや星形も簡単に描けるようになった
Paint.NET 4は現在ベータ版で利用可能です http://www.getpaint.net/download.html Paint.NET 4では以前のものより大幅に機能強化がされています 今まで線、四角形、角丸 […]
ダイヤルと連動して、コンテンツがスクロールするjavascriptコード
左にあるダイヤルを回すと、右にあるコンテンツがスクロールして行き、逆にコンテンツ部分でスクロールをすると左のダイヤルが回るようになっています。
Paint.NETでSVG画像をサイズ指定でインポートできるようにするプラグイン
Inkscapeを使わずにSVG画をうをpaint.netにインポートする事ができるプラグインを使えば SVG画像から好きなサイズに画像をインポートする事が出来ます。 SVG FileType Plugin […]
paint.netでPhotoshopのパターンファイルとブラシファイルを扱えれるようにするプラグイン
paint.netではフォトショップのパターン(.pat)とブラシ(.abr)が使えないと思い込んでいたのですが、プラグインを導入すれば使えます。 しかも簡単！ paint.netでフォトショのパターンとブ […]
画像なしで、CSSだけで作られた質感が良いスイッチボタン Toggle button in pure CSS
CSSだけで画像を使わず作られたスイッチボタンです、とても質感がよく出来ています このリアルな質感のボタンを見つけ人はついついスイッチを押しっちゃうんじゃないでしょうか
Photosho CCとLightroomが1000円から利用可能！？
Photoshop と言えば、仕事で画像を扱うことがある人にとってはほぼ99％知っているワードではないかと思うのですが。そのPhotoshopとLightmoonが月額1000円で継続的に利用できるようです。 adobe […]
WEBサイトの背景選びに困ったらフォトショップの背景パターンから探すと良い！
WEBサイトの背景って結構重要です、シンプルに白で決めるのも良いですが、サイトに印象を付けたい時や単色では物足りない時には背景にパターン画を使うことで継ぎ目のない背景を実現することが出来ます。そこで便利なのがフォトショッ […]
Windows Live Writerでの作業が2倍速になる便利なショートカットキー
ブロガーさんで Windows Live Writer(WLW) を使っている方は多いかと思いますが、WLWには便利なショートカットキーがいくつか有ります、他のソフトと同様な動作で割り当てられているキーなどを自然と使って […]
ハートがドクドクと鼓動しているCSSで作られたアニメーション css3 beating heart
ハートがドクドクと動いているように表現したCSSアニメーションです キュートな何かのローディング画面に使ったりも出来そうですね
