最近知ったフリーのHTML5テンプレート6個HTML5テンプレ ちょこちょこ紹介されている HTML5を使ったテンプレート で少しずつ学び始めていま すが、そんな中で最近知った テンプレートを備忘録的に記事 にまとめておきます。2010.07.28 | 10時04分41秒cssやプログラミングWebデザイン
デザインとか加工とか出来ないからなんかいいの教えて、と言われて教えたツールいろいろデザインしたい! 友人がブログを始めたのですが、 Web制作もデザインも全く経験が 無いけど、普通な感じがすごく嫌 らしく、知識が無くても加工出来る、 とか良いサイトとかソフトは無いのか、 と聞かれて教えたWebサービスや ソフトが、同じ境遇の方に役立つかも と思って記事にします。2010.07.27 | 11時04分12秒WebツールWebデザインジェネレーター
AmazonやFlickrのように、画像に範囲を指定してメモやURLを加える事が可能なjQuery-NotesjQuery-note Amazonのユーザーイメージや Flickrのように画像に範囲を指定 して、そこにメモやURLを加える 事が可能なjQueryプラグイン、 jQuery-Notesをご紹介します。2010.07.23 | 11時02分27秒cssやプログラミングjQueryWebデザイン
横に飛び出るjQueryメニュー・Horizontal Slide Out MenuをIE対応にするIE fix 昨日書いたjQueryのメニューの Horizontal Slide Out Menuという 横に飛び出るcssメニューですが、 デフォルトではIEで表示が崩れて います。これをIEでも実装出来る ようにします。2010.07.22 | 10時56分17秒cssやプログラミングjQueryWebデザイン
jQuery+CSSで実装するナビゲーションメニュー総集編css+jQuery jQueryを使用したcssナビゲーション メニューのまとめです。フェードや スライド、滑らかにドロップダウンする、 などなど色々なメニューをまとめました。 それほど多用はしませんが、必要な 時に探すのが面倒なので備忘録的に。2010.07.21 | 10時01分30秒cssやプログラミングjQueryWebデザイン
cssスプライトとjQueryを組み合わせたナビゲーションメニュー・AutoSpritesAutoSprites cssスプライトをjQueryと組み合わせて 使用するAutoSpritesをご紹介します。 軽量化できるので人気のあるcssスプ ライトにjQueryを加える事でより豊かな 表現が可能になりますね。2010.07.19 | 10時40分50秒cssやプログラミングjQueryWebデザイン
商用OKも有り・日本語表記でライセンスなども分かりやすいフォント配布サイトFonts2u.comFonts2u.com フォントを探したいけど英語が苦手で ライセンスが心配、という方も少なく 無さそうですが、Fonts2u.comという サイトの日本語はほぼ完璧な日本語 なのでそういった不安も無く利用でき ますよ。2010.07.17 | 10時50分33秒Webデザインメディア関連
jQuery+cssのパネルが滑らかにスライドする、クールなドロップダウンメニュースライドパネルメニュー なかなか良さそうだったのでメモ。 例によってIE6は上手く実装できて いませんでしたが、cssハックでも 使えばなんとかなるかな・・見た目 もクールで素敵なのでどこかで 使いたいです。2010.07.16 | 12時50分16秒cssやプログラミングjQueryWebデザイン
iPhoneやAndroidなどのモバイルアプリ紹介用Webサイトのテンプレートがなかなか良さそうアプリ紹介サイト 開発してるけどデザインは苦手、 というモバイルアプリ開発者向け にアプリ紹介用のテンプレートが 公開されていましたよ。なかなか よさ気です。ちょっといじれば素敵 な紹介ページになりそう。2010.07.16 | 10時31分37秒cssやプログラミングiPhone / iPadjQueryWebデザイン
シームレスなパターン画像を大量に保管しているcolourpatterns.comcolourpatterns.com シームレスなパターン素材が ものすごい数ストックされている colourpatterns.comのご紹介。 かなり便利そうです。その数、 総計10万以上!素敵過ぎます。2010.07.15 | 11時10分48秒Webデザインメディア関連
CSS3のtransformやbox-shadowを主要ブラウザ全てに対応させるjsライブラリ・cssSandpapercssSandpaper これ系はいくつかありますので 1つの選択肢として、という感じ ですね。css3をIEにも対応させ るjsライブラリですが、特徴は プロパティが1行で済む点です。2010.07.14 | 10時33分16秒cssやプログラミングWebデザイン
IE6、7でも動作・Lightboxのようにハイライトする拡大鏡を実装するjQuery・Loupe and LightboxLoupe and Lightbox なかなか用途がありそうでした のでメモ。Lightboxでよく見る ように周りを暗くして画像をハイ ライトさせながら、ルーペ機能 も実装するjQueryプラグインの ご紹介。2010.07.12 | 10時51分08秒cssやプログラミングjQueryWebデザイン
セレクトボックス内をマウスだけでスクロールできるjQueryプラグイン・ComboBoxComboBox なかなか素敵なユーザビリティ になるのでは。フォーム等で よくあるセレクトボックスを、 マウスのみでオートスクロール してくれるjQueryプラグイン。2010.07.07 | 10時43分03秒cssやプログラミングjQueryWebデザイン
css3で実装するドロップシャドウの応用・めくれた感じを作り出すcss3を応用 css3で新たに加えられたドロップ シャドウを使って一歩進んだシャド ウを作るTipsです。画像でよく使わ れている、めくれた際に出来る様な シャドウをcssのみで実装。2010.07.01 | 12時27分53秒cssやプログラミングWebデザイン
ページ内スクロールのjQueryプラグインいろいろページ内スクロール ページ内、要素間のスムースな スクロールを実装する事が可能な jQueryプラグインのメモ。使ってい るサイトも随分見かけるようになっ てきましたね。2010.06.28 | 10時55分59秒cssやプログラミングjQueryWebデザイン
総計10万ものアイコンを1ページ内に集約させたFREE ICONS!FREE ICONS! 縦長のサイトは是か非か!?という 記事が話題にあがっていましたが、 こんな縦長サイトなら個人的には 大歓迎です。10万もの商用・非商用 アイコンが1ページで閲覧出来ます。2010.06.27 | 10時38分16秒Webデザインメディア関連
ページ移動の必要が無くなるページング系jQueryプラグイン・Pagination PluginPagination Plugin ページングのユーザビリティを あげたいけど、オートタイプは 嫌だ、と言う方にオススメの jQueryプラグインがありました。 選択肢の一つに如何でしょう。2010.06.25 | 12時18分20秒cssやプログラミングjQueryWebデザイン
JavaScriptを上手くデザインに生かしたサイトのみを集めているギャラリーサイト・Not CoffeeNot Coffee jQueryやmootools、 Prototypeなど、人気 のライブラリを駆使した サイトのみをショーケー ス化しているギャラリー、 Not Coffeeのご紹介です。2010.06.24 | 10時57分52秒cssやプログラミングWebデザインインスピレーション
まずは基本から・HTML5のCanvasについて参考になったサイトまとめHTML5 Canvas ようやくHTML5に興味を持ち 始めました。サンプルを以前 記事にして、凄いなーと思っ ていましたが、なかなか時間 がなく、先延ばしに。2010.06.23 | 10時59分41秒Webデザイン
画像もjsも使わず、css+htmlだけでソーシャルメディアアイコンPure CSS ちょっとしたネタ。ドラえもんやら Operaアイコンやらをcssオンリー で作られて、益々css3の可能性 が楽しみですが、今度はFlickrや Facebook、TwitterやRSSの アイコン10種をcssのみで作った 猛者が登場しましたよ。2010.06.21 | 11時38分29秒cssやプログラミングWebデザイン
商用も無料・シンプルなラインのみのPhotoshopパターンをパックで配布するTileablesTileables パターン素材はいろいろと種類が 豊富に存在しますが、結局使い 勝手が良いのはシンプルなもの。 Tileablesでは、ノートの線のよう なラインのみのパターンのみを パックで配布していました。2010.06.21 | 10時32分07秒Webデザインメディア関連
無料且つ、ハイクオリティなアイコンを山のようにストックしているIconEasyIconEasy アイコンサイトは数多くありますが、 こちらも負けず劣らず、素晴らしい サイトです。クオリティの高いアイ コンが山のようにストックされてい るIconEasyのご紹介。2010.06.19 | 10時46分27秒Webデザインメディア関連