『 デザインも秀逸なナビゲーションを実装するスタイルシートとスクリプトのチュートリアルの紹介です。シンプルできれい! 』
A List Apartのエントリーから、CSS Spriteを使用したナビゲーションに、マウスオーバー時にアニメーションのエフェクトをつける「CSS Sprite2」を紹介します。 CSS Sprites2 - It [...]
デザインパターンってなんだかたいそうなものに考えられがちだけど、実は、そこかしこのライブラリや仕様に取り込まれていることが多い。 「デザインパターン分からん」とか「で、どうやって使うのよ」と悶々としている人には、「どういうところで使わているのか」を知っておけばイメージも沸きやすいし、意外にたいしたことないんだな、ということが分かるんじゃない...
『 CSS、Tips、良くまとまっている、角丸、RSSアイコン、印刷、重複あり 』
『 オンラインで画像を編集。編集できるイメージの最大サイズは5000×5000ピクセル、10MBまで。リサイズ、切り抜き、回転などなど、画像編集が可能。編集後の画像はGIF、JPEG、PDF、PNG、PSD、TIFF形式でダウンロードして保存可 』
『 いろんなツールやwebジェネレーター、ソフトの紹介&解説 webtools/341/スクリーンショットいろいろ 』
IEでのデバッグ/動作確認に便利なソフトいろいろ。沢山あるのでまとめてみました。 IETesterIE5.5, ...
「CSS」タブをクリックして、中のコードを書き換えると、リロードせずにそのままリアルタイムにページ全体を再レンダリングしてくれます。「Markup」タブをクリックすればHTMLコード自体を書き換え可能。元に戻すには「clear markup and css」をクリック。 Firefoxの拡張である「greaseMonkey」バージョンもあるので、自分のサイトで同じようなことができるようになり、CSSデザインの試...
Ajaxを駆使したWebサイトは、SEOやアクセシビリティの点で不利だと言われることがある。JavaScriptを無効にすると、一切のコンテンツが表示されなくなってしまうためだ。 しかし、ちょっとした気遣いで問題なく利用するコンテンツを作ることができる。ここでは、そんなテクニックを紹介しよう。 まずは、悪い例を3つ続けて紹介する。 悪例1：JavaScriptで後からコンテンツを...
『 色が一目で分かる 』
多くのソーシャルブックマークサービスにあなたのサイトを対応させたくありませんか？たくさんのブックマーク追加ボタンをまとめたくありませんか？ Add Clipsはいっぱいあるソーシャルブックサイトのブックマーク追加ボタンを1つに統合して、どのソーシャルブックマークを使っているユーザーにも対応できるブックマークボタンを提供するサービスです。( →
Javascriptのブラウザ判別って、カッコつけないでswitch文でも使ってユーザーエージェント丸ごと照合してやれば楽なんじゃないの？？とか思いました。そのほうが確実じゃん？ switch(){ case "Mozilla/5.0 (Macintosh; U; PPC Mac OS X; ja-jp) AppleWebKit/85.7 (KHTML, like Gecko) Safari/85.6": return "safari1.0"; case Mozilla/5.0 (Macintosh; U; PPC Mac OS X; ja-jp) AppleWebKit/103u (KHTML, like Gecko) Safari/100.1: return "safari1.1"; } 冗長かもし...
前回の「CSS3 の target 疑似クラスで脚注を動的に表示する」に引き続き、:target 疑似クラスを使ってスライドショーみたいなんを作ってみた。ひとつの HTML 文書なんだけど、画面が切り替わっていくかのように見せる。ピュア CSS とか言いつつも、前回同様、:target 疑似クラスに未対応な IE でも動くように JavaScript を使っている。純粋に CSS のみで動くのは、Firefox、Safari あたり。Opera...
『 面白いFlashとかスクリプトとか。Amazon検索をミニマムなインターフェースで行うmamazonは便利かも。 』
『 色を選んでweb2.0っぽいサイトのひな型を作成。ブラウザのファイル＞ページを保存でファイルをDLして自サイトのテンプレートにできる 』
DHTMLやAJAXを使いまくったオンライン画像加工サービスです。 レイヤー機能や自動でコントラストを調整する機能などがあり、シャープやぼかし、グレースケール、ガンマ値補正、ネガポジ反転といった代表的な各種フィルタも使用可能です。切り抜き、回転、反転、リサイズ、なんでもできます。 また、ちゃんと「元に戻る」機能があり、何段階でも戻ることが可能です。これ...
『 動再生されるコンテンツスライダー実装のサンプルが公開されており、ソースのダウンロードが出来ます。 次のようなUIで、ページ下部のサムネイルが自動で切り替わるウィジェットが実装できます。 』
ウェブ制作に役立つ記事の先週のハイライトです。 デザイン・チュートリアル・Photoshop関連 27 Most Refreshing Summer Illustrations And Designs 27の夏のイメー [...]
『 http://coliss.com/articles/build-websites/operation/javascript/1359.html 』
![デザイン・アート情報のまとめ [ DESIGN ARCHIVE ]](http://img.awasete.com/image.phtml?u=http%3A%2F%2Fart.designlinkdatabase.net%2F)