{"interception":{"ii":"-1"},"fotolia":{"host_base":"fotolia.com"}}
Fotolia から Adobe Stock へ
{"interception":{"ii":"-1"},"fotolia":{"host_base":"fotolia.com"}}
Sliding Boxes and Captions with jQuery « Build Internet
Add an extra layer of information to your images with sliding boxes. This is now a plugin! Check out the announcement post for the Mosaic jQuery plugin. Check the project page for the latest release notes and features! The Basic Idea All of these sliding box animations work on the same basic idea. There is a div tag (.boxgrid in my css) that essentially acts as a window where two other items of yo
[CSS]スタイルシートの実用的なテクニック集：エレメント・CSS3・Tips編
先日紹介した「レイアウト・ナビゲーション・画像・タイポグラフィ・アイコン・ボタン・リンク編」の続編となる、リスト・カレンダー・表・フォームなどのエレメントの実装や進歩したスタイルシートのテクニック集をSmashing Magazineから紹介します。
個人BLOGも「戦略的デザインカスタマイズ」のススメ - ウジ トモコ - コラム [All About プロファイル]
ブログの「資産価値」を高めるために･･･ お金をかけず･･･ 時間をかけて「デザイン」に投資してみました！ （中略） 今までのと比較すると･･･ 「ザイオンス効果」が期待できそう（笑） ･･･ではなく、やっぱりインパクトが違うかなと。 ブログというのは、 ある程度「雛形」が用意されている分 「カスタマイズ」までする人は少ないので、 デザインを変えるだけで･･･ 「簡単に一歩抜け出せます」 また･･･ 『デザインは365日、24時間、休まずに働き続けます。 経営者が変えようと思って変えないかぎり、これからもずっと働き続けてくれるのです。』 とウジさんも書かれている通り･･･ ブログは一度デザインに投資してしまえば･･･ 24時間、365日稼動してくれます。 ３０分で作った、ということですがなかなか良くできているなぁと思い、データをお借りして来ました。もちろん
ブログのリニューアルで改善したポイント : ぺってぃブログ
ブログは未来の自分ために残しておきたい事を書く場所。 ということで、今回のブログデザイン再構築についてのまとめ。 今までは、livedoor提供のデザインテンプレートを少しずつ変更していたのですが、今回思い切ってフルモデルチェンジに挑戦してみました。 流用なしで０からやりました。 苦労したところリニューアルの良いところで、まとめてみます。 苦労したところ けっこうな時間がかかった スタイルシート、トップページ、個別記事ページ、月別アーカイブ、カテゴリ別アーカイブがまとまって１つのブログになるため、かなりの時間を要しました。 デザインは決まっていたものの、思い通りのデザインを実現するのに苦労しました。 ソースに手を付けだしてからの時間で言うと、８時間くらいかかりました。 ページの確認はやはりFireFoxがダントツに優秀でした。 ページのレンダリングはChromeが圧倒的
商用無料で使える写真素材サイトまとめ2009年度初版*ホームページを作る人のネタ帳
とりあえず自分がこんなまとめがあると後でつかうだろうなぁというものをかき集めてみました。 ページ自体を少しでも軽量化したかったので画像は、そのサイトをイメージできるだけのサイズにカットしています。テキストリンクだけだとあとでわからなくなる事が多いので、必要最低限のシンボルとして表示しています。 商用可能な写真素材サイト 5000 Free Stock Photos ノーアカウントで5000の写真と8000のクリップアートがダウンロードし放題。 Free Photo - Cepolina Photos 画像数8000超え。お勧め。 Free Photos, Free Stock Photos, Photography BurningWell Image * After 現在21000点以上の素材がダウンロードし放題。 FreeDigitalPhotos.net 600pxくらいまでの画像は無
アップル ヒューマンインタフェースガイドライン
アップル ヒューマンインタフェースガイドライン 原文：Apple Computer Inc. 訳：かろでん☆みゅーあ 2006-06-28 はじめに アップル ヒューマンインタフェースガイドライン序文 アップルは、強力なコアファウンデーション、そしてアクアと呼ばれる、目の離せないユーザインタフェースを結びつけた、世界で最も先進的なオペレーティングシステム、Mac OS X を手にしました。 進化した機能と、美的に洗練された色使い、そして透過処理、アニメーションによって、Mac OS Xは新規のユーザにはコンピュータ操作をより容易に、同時にプロフェッショナルユーザには彼らがMacintoshに期待する通りの生産性を提供します。 ユーザインタフェース、すなわちふるまいと外見は、よく練られた緊密なユーザ体験を、Mac OS X向けに開発された全てのアプリケーションに利用できるようにします。 これ
技術系サイトに必需品！ ソースコードは鮮やかに JavaScriptもPHPもHTMLもOK！「Syntax Highlighter」の使い方
Webプログラミング/Webデザインのネタを扱うブログやWebサイトを運営していると、HTMLやCSSなどのソースコードを掲載することが多くあります。そんなときにぜひ活用したいのが、ソースコードを読みやすく表示してくれるJavaScriptライブラリです。今回は、そのうちの1つ、「Syntax Highlighter」の使い方を紹介しましょう。 多くの言語の構文強調表示に対応した「Syntax Highlighter」 HTMLなど各種言語のソースコードをWebページの中で表示するのは、HTMLのpre要素を使えば簡単です。ただ、ソースコードをそのまま表示すると、見た目が分かりやすくはありません。そこで、タグなど言語の特定キーワードに色を付けて、他の部分よりも強調して表示することで見やすくしましょう。 こういった「構文強調表示」を行なうJavaScriptは、いくつか公開されていますが、そ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
[CSS]上級者向け、スタイルシートのテクニック集
SeamlessTextures.net
まとめのインテリア / デザイン雑貨とインテリアのまとめ。