サイトデザインをする上で、デザインがワンパターンになったり、煮詰まったりすると思います。そんな時、Instagram を使わない手はありません世界中のインスピレーション溢れるアート系の発信やデザイン系のイメージがたくさん参照できます本記事ではデザインのヒントになること間違いなしの海外のアートデザイン系の Instagram アカウントをご紹介します。
サムネイル自動生成ツール ページ埋め込みタイプ unknown Webサイトのサムネイル画像を自動生成するオンラインツール。 URLを指定するだけで、サムネイル画像にサイトへのリンクが貼られたHTMLタグが自動生成されます。 生成されたタグをページに貼るだけで、サイトのサムネイルが表示されます。 キャッシュされていない場合は、Now Printingというデフォルト画像が表示されますが、一度リンクをクリックしキャッシュさせれば表示されるようになります。 thumbalizr 指定したURLのサムネイル画像を作成するオンラインツールです。 サムネイルの出力サイズは、150/320/640/800/1024/1280と幅広く用意されています。 それ以外のサイズにしたい場合は、ピクセル指定で任意のサイズを指定できます。 サムネイル画像は、JPG形式でダウンロードできます。
サムネイルに最適なCSS3を使ったロールオーバーエフェクト。 個人的にも画像に動きをつけて見せるのは大好きなので要チェックです。 実装も簡単なので今度試してみようと思います。 Original Hover Effects with CSS3 デモページ HTML / CSS3コーダーのためのチュートリアル23 とても参考になるCSS3とHTML5のようsを利用したサンプル。jQueryも多様しているようです。FLASHからHTML5に以降が決まりそうなので、勉強がてらのエントリー。フォームデザインに利用したり使ってみたいスクリプトがたくさんあります。 Apple Navigation Bar using 勉強にも実戦にも使える!javascriptフレームワークのHTML5サンプル HTML5を使ってまずやってみたいことが全て入っているといっても過言ではないサンプル集。javca
Coding,Design 今更感もありますが、HTML5の初歩とJSでメインイメージのスライドを作ってみたくてサイトを試作しました。 架空のちょっとお高めなイタリアレストランを想定。 メニューに海外で流行ってたリボンを取り入れて、暖色の深い赤で高級感と食べ物にあった色あいに。 メイン画像の隣にでるボタンを押すと画像がスライドします。設定しだいでは自動スクロールも可能。 技術的にはスライドさせるボタンの位置をIE6で微調整できなかった。 間にタグを挟むと動作しなくなった。ie6はいいかな~と放置。 html5は、古いブラウザでもタグを読み込むスクリプト(Easy HTML5 Template)と付属のリセットCSSのためか、画像の下に余白がでました。とりあえずline-heightで調整しました。 使用したスクリプト [JS]シンプル!高性能!超軽量!使い勝手の良いコンテンツスラ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く