写真撮影時の「照明配置」の仕方を共有できるサイト「Strobox」*二十歳街道まっしぐら
まず「Strobox」にアクセスしましょう。 「View Gallery」から投稿された写真を見ることができます。 上部にフィルタがありますので、写真の絞り込みが可能。 たとえば、こちらの写真。 左側に実際の写真、右側に照明配置の図が載っています。 こういう風な照明配置で写真を撮ると、こう撮れましたというのが分かりますね。 閲覧だけじゃなく、写真のアップロードもできます。（写真のアップロードは無料登録が必要。） アップロードするファイルは2種類。実際の写真と照明配置図です。 また、EXIFデータなど詳細情報も書き込めます。 （※アップロード時にエラーがでてもリロードすると正常にアップロードされてます） 照明配置図なんてどうやって書けばいいのさ！て人のために、専用のiPhoneアプリ（無料）があります。 「iPhone App」よりダウンロードしましょう。 似たサイトで、Online Lig
プリティなURLを実現するための分かりやすい.htaccessサンプル:phpspot開発日誌
プリティなURLを実現するための分かりやすい.htaccessサンプル。 要は、http://site/photo.php?id=hogehoge&page=2 を http://site/photo/hogehoge/page/2/ のようにするためのmod_rewriteの設定になります。 随分前から、その真偽について色々議論されつつもSEOの常識として言われているpretty url。SEO云々もありますが、一目見て分かりやすいという点でも覚えておきたい部分ですが、その実装記述例が公開されています。 いざ実装するとなると参考になる分かりやすいサンプルまでたどり着くのが大変だったりするので覚えておいてもよいかも。 公開されている.htaccessコードは以下で、RewriteRule 部分で正規表現を使ってマッチングさせて、$1 とか $2 とかで値を渡してます。 RewriteEng
CSSでリストを整形するなら覚えておくべき８つのリストデザインサンプル集:phpspot開発日誌
CSSでリストを整形するなら覚えておくべき８つのリストデザインサンプル集。 リストデザインというと、CSSの整形方法によって様々な見せ方が可能ですが、ソースコード＆チュートリアル付きがまとまったエントリが公開されています。 リストデザインの際は、いつも単調になりがち、という方は覚えておくと、ちょっと変わったデザインも作れそうですし、テクニックを駆使してまったく新しいデザインを考えることも出来そう。 それでは以下にそのデザインされたリストのサンプルをご紹介。 1. サイトのナビゲーション風にデザインされたリスト 2. 番号付き＆番号の横に縦のラインがはいった見やすいリスト 3. 矢印画像を使ったリスト 4. iPhoneスタイルのクールなボックスリスト 5. ツリーっぽい形式にできるリストデザイン 6. 複数行にしてテキストっぽく表示できるテキストリスト 7. ワンラインにして、カンマを付与
デザイナーが教えてくれるインスピレーションTips&ツール集 – creamu
Six Revisionsで、デザイナーが教えてくれるインスピレーションTips&ツール集がまとまっています。 TheBestDesigns.comを運営していてアートディレクター、フロントエンドエンジニアとして働いているAngela Rohnerさんによる記事ですね。 デザイン関連のブログとして、 » Fuel Brand Network of Sites 最近ローンチして、私が最も好きなブログネットワークの一つ。デザインやイラスト、アプリ、コーディングなどについての役に立つ記事が満載 » Footer Fetish 私が最近見始めた、インスピレーションが得られるサイト。クリエイティブなフッターを集めている » Blog Design Heroes かっこいいブログデザインのギャラリー » Folio Focus クリエイティブなポートフォリオサイトを集めたサイト » Minimal E
知っておきたい使えるCSSテクニック25 – creamu
Web Developer plusで、知っておきたい使えるCSSテクニックが紹介されています。 いくつかご紹介しますね。 ・テキストハイライト時の色を変更する SafariやFirefoxでテキストを選択した時の色を変更できる。コードサンプルは以下 ::selection{ /* Safari and Opera */ background:#c3effd; color:#000; } ::-moz-selection{ /* Firefox */ background:#c3effd; color:#000; } ・プリント時にページを指定箇所で分割する 以下のクラスを指定することで印刷時のページを分割できる .page-break{ page-break-before:always; } ・テキストの代わりに画像を表示する よく見られるSEOテクニック。ユーザーには画像を見せ、検索エ
jQueryとmootoolsを同時に使う方法
ネタ元：mootoolsとjQueryを一緒に使う方法 | チバのブログ 以前から試してみよう、試してみよう！と何度も思ってやってこなかったことで、 jQueryとMootoolsを同時にしようしたい！という気持ちがあった。 jQueryとprototypeの同時使用は以前から知っていたのですが、 同じ方法でjQueryとMootoolsの同時使用ができるのですね！ jQueryは指定とかが簡単なライブラリだけど、 いろいろな動作をさせるにはmootoolsの方が動きが綺麗だなと思っていた。 海外のサイトではjQueryも使われているが、 なんとなくMootoolsも多く使われている印象があったので、 今後の参考として、同時に使う方法をメモとして残しておきます。 ポイントは指定の順番らしい ライブラリを読み込む順番が重要で、 順番通りに書かないとエラーで動作しなくなるようだ。 指定の順番は
WordPressをカスタマイズするTips10 – creamu
WPSHOUTというサイトで、WordPressをカスタマイズするTipsが紹介されています。 いくつかご紹介しますね。 ・カスタムフィールドを使わずにトップページにリサイズされたサムネイル画像を表示する WebDeveloperPlusを参考に実装 ・ピックアップコンテンツギャラリーをjQueryで実装 雑誌のようなデザインの要素の一つに、画像を使った特集コンテンツがある。 WebDeveloperPlusをWordPress用に書き直している ・エントリーの下にソーシャルメディアへのリンクを配置する ソーシャルメディアアイコンはA quick Googleから探せる。 DeliciousやDiggへ追加するパラメータの付け方を紹介 ・人気のあるエントリーを表示する WP-PostViews pluginが便利 結構いい感じのが揃っていると思うので、一度見てみてください。 » 10 Ti
ウェブデザインのタブーをあえて破ってみるための10のTips
ウェブデザインにいつもと違うアイデアを入れてみるための10のTipsをWeb Designer Depotから紹介します。 10 Web Design Rules That You Can Break 下記、各ポイントをピックアップしてお届けします。 はじめに 1. 水平方向のスクロールバーを表示しない 2. フォントの書体は必要最小限の数だけ使用する 3. やたらと多くのカラーを使用しない 4. サイトのゴールを明白にする 5. ナビゲーションは理解しやすいものにする 6. テキストと背景には異なるカラーを使用する 7. コンテンツにはアニメーションを配置しない 8. ウェブ セーフ フォントを使用する 9. スプラッシュ（ランディング）ページを使用しない 10. tableは使用しない はじめに ウェブデザインの進化は、一貫した有用なデザインの保証とともに確立されてきました。そして、あ
「違和感・変換・引き出し」でアイデアが湧いてくる！ 今すぐ使える発想法 - はてなニュース
瞬く間にいくつもの冴えたアイデアを思いつく人っていますよね。「そんな方法があったか！」と驚き、「どうやってアイデアを生み出すのだろう？」と不思議に思います。そこでアイデア発想法を調べてみました。発想力は鍛えられます。 そもそも良いアイデアとは？ アイデアというのはなにか？ほぼ日 上記の対談では「アイデアというのは複数の問題を一気に解決するものである」と、『マリオ』『ゼルダ』シリーズの生みの親である宮本茂さんの言葉が引用され、「アイデアとは何か」について語られています。 以下、こうしたアイデアを生み出すことを目標に、アイデア生成を助ける発想法をご紹介します。 違和感を利用する アイディアに困ったときの5つの発想法 | POP*POP この記事には「違和感」を利用したアイデア発想法が5つ掲載されています。順に「通勤路を変える」、「ものにニックネームをつける」、「利き手とは別の手を使う」、「逆の
CSS Showcase | CSS Navigation Menus, Tabs and CSS Navigation Techniques Showcase
Hint: due to my provider's problems this option was deactivated. Sorry for inconvenience. Aqua & Chrome by M.Samy Silva Orange, Blue by Daniel Constantin Blue & Red by V. Friedman Blue, Black, Pink by V. Friedman Make the world prettier! If you'd like to share your css navigation designs with other web-developers, use this template for creating the menus. Please make sure that your css-code valida
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウープスデザインブログ