CSSアニメーションの初歩をおさらい
最近はアニメーションをFlashではなく、CSSやJavaScriptで実装されているサイトをよく見るようになりました。 今回は復習も兼ねて、CSSで動きを付けられるanimationとtransitionのおさらいをしてみたいと思います。 ベンダープレフィックスをつけないと動かないブラウザもありますが、省略します。 animationとtransitionの違い どう違うのかなと思って調べたのですが、いまいちわからなかったので、違いを並べてみました。 animation ループ可能 keyframesで細かい設定が可能 ウインドウ読み込んで即実行が可能 transition ループがない 自然に最初の状態に戻る hoverなどのキッカケを与えてあげないと動かない JS使えば違うかもしれないですが、一応こんな印象です。違ったらすみません。 それぞれを翻訳すると、animationはそのまま
いまさら聞けないCSS font-familyのまとめ
CSSのfont-familyについて調べてみました。そのうちWebフォントが主流になる気がしますがそれまでのまとめということで。 認識誤りがありましたらどこかでつぶやいてください。 １．font-familyとは？ 通常のフォントや太字、イタリック体、斜体など、デザインを統一した複数のフォントをまとめたものを「フォントファミリー」といいます。 「Arial」「Vernada」「ヒラギノ角ゴPro W3」「ＭＳ Ｐゴシック」などがフォントファミリー名です。 このフォントファミリー名を指定するためのプロパティが「font-family」です。 サンプル body { font-family: Verdana,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
シンプルパターン研究所 | すべて無料で商用でも使えるシンプルパターン テクスチャ配布サイト
ドメインウェブの設定が見つかりません 考えられる原因 ドメインウェブの設定がまだ行われていない。 ドメインウェブの設定がまだ反映されていない。(反映には数時間～24時間かかることがあります) ドメインウェブ・DNSの設定が誤っている。 アカウントが存在しない、契約が終了している、削除されている。
ロイヤリティフリーなフリーフォト、無料写真素材サイトのまとめ｜Webpark
実は先日からできるだけ画像をたくさん使おうと心がけているわけですが、そんな時に役立ちそうな国内外のフリーフォト、無料写真素材サイトをたくさん集めてみました。 煩わしい登録がいらないお手軽なものを集めてみました。 写真素材 足成 私が最初にお世話になったサイトです。 プロ・フォト プロのカメラマンが撮影した写真だそうです。枚数は載っていませんがかなり多いと思います。 BEIZ Graphics Web 数はそんなに多くなさそうですが、写真のクオリティは高いと思います。サイズも3種類から選べて使いやすいです。 ソザイング 写真だけでなくアイコンやボタンなんかもあります。 2000ピクセル以上のフリー写真素材集 その名のとおり高解像度な画像が集められています。 フリー写真素材 Futta.NET こちらもかなり解像度は高めです。 Free Photos Bank こちらは英語のサイトになります。
モバイルサイト構築前に知っておきたいユーザビリティ10のポイント（第1回） | モバイルサイト構築のユーザビリティいろは
端末特性に応じたユーザビリティの考え方最も身近で、どこでも気軽に使えるインターネット端末となった携帯電話。端末の急速な普及とハイスペック化にともない、携帯電話向けインターネットサービスによるマーケティングが各企業で本格的に取り組まれるようになっています。PC向けWebサイトと同様、携帯向けWebサイト（以降“モバイルサイト”）の構築においても当然、ユーザビリティの高いサイトを構築することが各企業のビジネスによい影響をもたらすことは必然です。 しかし、モバイルサイトでは、これまで各企業が構築・運用してきたPC向けWebサイトと比べると、画面サイズや1ページで表示できるページ容量制限、キャリアごとの違いなど、モバイルならではの制約があります。それらを踏まえたうえで、どうすればモバイルサイトでユーザーにメッセージを正確に伝えることができ、ストレスなく利用できるユーザビリティの優れたサイトを実現で
ハイクオリティホームページの無料photoshopテンプレート30
圧倒的なクオリティのホームページ無料テンプレートのまとめエントリ。 なかなか素敵なエントリーだったのでご紹介。 30のハイクオリティ無料ホームページテンプレート 30+ High-Quality Free Website Templates to Download | Dzine Blog 圧倒されるというかなんというか。 実際ダウンロードしてみると、PSDファイルが入っています。 CSSやHTMLがダウンロードできるわけではありませんので、その辺りお間違いのないように。 過去記事で、 フリーのウェブデザインテンプレートのPSD というエントリも書いてますのであわせてどうぞ。 それでは、また。
iPhone風アイコン作成用PhotoShopテンプレート:phpspot開発日誌
iPhone style icon psd kit ・Jotlet Developer Blog I was creating an iPhone widget icon for the Jotlet app (primarily for fun) and I noticed a few things and thought I’d share them with you, and create a psd kit for anyone wanting to do the same thing.iPhone風アイコン作成用PhotoShopテンプレート。 PhotoShopファイルのPSDファイルをダウンロードでき、レイヤーを編集することで次のようなiPhone風アイコンが作れるようです。 ↓PhotoShopでオープンしてみて、レイヤーが別れている様子。 他にも、PNG形式 ですが「iP
これだけあればシンプルアイコン探しには困らないかも！全部フリーのシンプルアイコンを一挙紹介！ | バンクーバーのうぇぶ屋
僕はとにかくシンプルなデザインが大好きです。無駄が無く、伝えることだけを伝えるあの潔さと、目的意識の高さが気持ちがいいです。もはや愛してます。 そんなミニマル変態な僕が集めたシンプルアイコン集。Evernoteのノートにびっしりになっていたので、せっかくだからここで全部ご紹介出来ればと思います！これだけあれば、まぁ今年は困ることは無いでしょう（たぶん）。自称ミニマル変態の僕は、まだまだ追加していくつもりなので、何か知っていれば是非教えてください！ なんだか一部、別にシンプルじゃないアイコンも混ざった気がしますが、その辺は軽く流してあげてください。僕のEvernoteの中は、人に見せられないくらい乱雑な分け方なので、整理整頓かねて、ちょっとこういう投稿増やしていこうかなと思います！ あと、大半は僕も商用利用を確認して利用したので、ほとんどはCommerciallyであることは確認していますが
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.designwalker.com/2009/02/bg-pattern.html
WooThemes�|�Premium WordPress Themes
Welcome to nginx!