Webやアプリのデザイントレンドを紹介。たまに雑談。

Browse By

Tag Archives: WebDesign

[WORDPRESS] 30 Free High Quality WordPress Themes – クオリティ高いワードプレスのテーマ、まとめ

  • Pocket
  • このエントリーをはてなブックマークに追加

この記事なかなかナイス。クオリティ高ぇ!な感じのWordPressテーマが30個紹介されてます。いやホントクオリティ高いっス。フリーで配布されているものばかりなので、そのまま使うもヨシ、カスタムするための素体として使うもヨシ。色々と勉強になります。

[FONT] 30 New (Free) Grunge Fonts – 30の無料グランジフォント

  • Pocket
  • このエントリーをはてなブックマークに追加

ナイスなグランジ風フォント30選。汚しまくりのグランジーなデザインフォントばかりが紹介されてます。なかなかイイ趣味しているじゃないですか。クールな作例も一緒に紹介されてるせいもあり、どんどんダウンロードしてしまいそうですが、よく考えるとこの手のイロモノフォントって使う機会が限られるので注意が必要です。ウチのマックこんなのばっか入ってます。まるで実用的じゃないですが、フォント収集がやめられません。

[JAVASCRIPT] Top 10 Javascript slideshows, carousels and sliders – Javascriptで作られたスライドショーまとめ記事

  • Pocket
  • このエントリーをはてなブックマークに追加

Javascriptで作られたクールなスライドショーをまとめた記事。いやー世の中には一言でスライドショーと言っても色々あるんですね。こういうのって以前はFlashの役割だったけど、最近じゃJavascriptがむしろ主流になりつつあるような気がします。これとか、スライドショー内で動画まで扱えるという意味でなかなかアツいです。カスタム次第で色々な用途に使えそう。

[CSS] 9 Top CSS Essential Skills That Every Web designer Should Learn – ウェブデザイナーの学んでおくべき9つのCSSテクニック

  • Pocket
  • このエントリーをはてなブックマークに追加

×××しておくべきシリーズ。いやまぁそんなシリーズは別にありませんが、ウェブデザイナー向けのCSS関連の記事。基本的なCSSレイアウトから始まり、ポジショニングの話、CSSで行うタイポグラフィー、フォーム装飾、フレームワーク、最適化やハック、ボタン類制作のTipsなど盛りだくさんでございます。CSS使ってテキストを維持したままタイポしてる海外のサイト見ると、あぁ英語圏のデザイナーってイイなぁ・・・なんて思う事ありません?

[PHOTOSHOP] DESIGN THE ITUNES ICON FOR THE IPHONE AND IPOD TOUCH – iPhoneでのiTunes Music Storeアイコンの

  • Pocket
  • このエントリーをはてなブックマークに追加

iPhoneのホームフォルダ内にあるiTunes Music Storeのアイコン(奥からワッサーってなってるタイプ)のチュートリアル。mBlogでもこの前のエントリーでPSDファイルを配布しましたが、こちらでもチュートリアル最下部よりPSDファイルがダウンロードできるようになってます。フォトショップを使い慣れた人ならだいたいピンとくる内容なんだけど、放射状ノイズの中心点をボカしたり、グラデのかけかた等色々と参考になります。最近iPhone用のアイコンが個人的にとってもアツいので、自分もPSDダウンロードしておきました。

[PHOTOSHOP] iPhone GUI PSD – iPhoneのGUIパーツをまとめたPSD

  • Pocket
  • このエントリーをはてなブックマークに追加

iPhoneで使われている各GUIパーツを、1枚のPSDファイルにまとめたもの。アップルの犬的に早速ダウンロードしてみました。zip圧縮されているのを展開してフォトショップで開いてみると、各パーツごとにレイヤーフォルダに分けられていてとっても使いやすい。iPhoneのインターフェースを模したブログ作る時(限定的だな!)なんかに使えそう。

[CSS] Download Free CSS Menus – CSSでできたメニュー

  • Pocket
  • このエントリーをはてなブックマークに追加

CSSでレイアウトされたメニューがDLできます。各メニュー内の文字は、テキストが生きているので汎用的に使えます。わりと趣味のイイものが揃ってます。ページ下部にある“Daily CSS menu inspiration”というのは外部サイトへのリンクなんだけど、これが結構イイ。オシャレなメニュー表現のされているサイトが紹介されてて、RSSも読めます。

[CSS] Get Started with CSS 3 – CSS3でできること

  • Pocket
  • このエントリーをはてなブックマークに追加

現在一部のブラウザで適用することのできる、CSS3を使ってできることがまとめられてます。DIVボックスの角丸表現、ボーダー周辺のグラデーション、テキストにドロップシャドウ効果をかける等の記述方が紹介されてます。現状これらのCSS記述表現はSafari 3, Opera 9.5, Firefox 3.1aが対応しているので、対応ブラウザで見ることが推薦されています。足を引っ張っているのはIEだというのは毎度のことですね。