この打ち水をする女性の素晴らしい写真だが昭和29年の撮影でもなく撮影者不明でもなかった。このツイートは良い写真を紹介したが、情報は虚偽しか書いてなかった。 - Togetterまとめ

2017/08/11 810 users TinEye 打ち水 虚偽 Togetterまとめ コンテスト

Googleでは引っかからないが、tineyeではtmblrで横流しされる大元の画像販売が見つかる。撮影者はToji Takahashi、タイトルはMagic of Water、コンテストの白黒部門で5位入選したとある。 gettyimages.co.jp/license/517397… リンク Getty Images Fifth prize in the black and white div... 続きを読む

[CSS]次のプロジェクトで使える！スタイルシートの極上テクニックのまとめ | コリス

2014/04/25 540 users コリス エレメント font-size指定 ボーダー CSS

CSSの進化が止まりません。 ページ上部の打ち出し画像をレスポンシブ対応でうまく配置するテクニック、エレメントにちょっとしたアクセントを加えたい、レスポンシブ用のfont-size指定のうまい方法など、スタイルシートの極上テクニックを紹介します。 Zig Zag Border Created CSS 最近見かけるようなったジグザグのボーダー。画像の使用はなし、divの三角形をたくさん並べるでもなく... 続きを読む

HTMLとCSSでアイコンを作りました | Webamb | ウェブアンブ

2013/08/19 590 users イラレ Webamb ウェブアンブ アンカー CSS

2週間ほど前に、KOJIKA17のこじかさんがひとつのdivも使わずに素晴らしいクオリティでアイコンを表現されたのを見て、「僕もやりたい！」と思っていたところ、イラレの変態である鈴木ともひろくんが「1つのアンカーでアイコンを表現」したのを見て、「これだ！」と挑戦してみました。 それがこちらのアイコンになります。 Illustrator Minimum Object Appearance それを再現... 続きを読む

ストレス無しでGoogleマップを使ったサイトが作れる「gmaps.js」:phpspot開発日誌

2012/06/04 1443 users gmaps.js 緯度経度 phpspot開発日誌 実装 以下

gmaps.js ? the easiest way to use Google Maps ストレス無しでGoogleマップを使ったサイトが作れる「gmaps.js」 Googleマップのサイトへの実装が本当に簡単で、かつ多機能なライブラリのご紹介です 簡単なマップを出すのに必要なコードは以下。 表示させるdivと緯度経度を指定するだけです 出来ることリストは以下 マップのクリック、ドラッグ時のイ... 続きを読む

JavaScript アニメーションのデザインパターン

2012/05/13 955 users アニメーション JavaScript デザインパターン 変色

JavaScript でアニメーションを作る アニメーションとは何？ ビューを少しずつ回転、拡大縮小、移動、変色などを行い、連続的な動きを作る こんな感じ <div id="view">hoge</div> <script> var el = document.getElementById('view'); el.style.opacity = 1; setInterval(function() ... 続きを読む

divなど余計なものを使用しないで、レイアウトをセンターに配置するテクニック

2011/06/14 608 users スタディ ラッパー IE6 段階ごと CSS3

「」などのラッパーを使用しないで、レイアウトをセンターに配置するスタイルシートを紹介します。 デモページ ※スタイルにCSS3を使用しているため、この版はIE6には対応していません。後ほど紹介するシンプル版はIE6に対応しています。 「」を使用しないでレイアウトをセンターに配置するスタイルシート 元記事ではスタディが段階ごとに... 続きを読む

少しのコードで実装可能な20のCSS小技集 | Webクリエイターボックス

2010/04/14 2024 users 実装 Webクリエイターボックス CSS小技集 コード 少し

CSSハックに続き、このCSS小技集も私のブックマークにずらりと並んでいたので、整理も兼ねて記事にしてみました。CSSのお勉強を始めたばかりの頃にブックマークしておいたものも多数。。ということで初心者さんからベテランさんまで参考にしてみてください！ サンプル まずはCSS基礎編 1. divを中央揃えにする ほとんどのサイトが基準となるdivを画面の中央揃えに設定しています。左右のmarginをa... 続きを読む

[CSS]クロスブラウザ対応、高さの異なるカラムを揃えるスタイルシート | コリス

2008/10/30 509 users コリス カラム クロスブラウザ対応 CSS エントリー

Matthew James Taylorのエントリーから、高さの異なるdivで組んだカラムの高さを揃えるスタイルシートを紹介します。 Equal Height Columns with Cross-Browser CSS & No Hacks demo: 2カラム demo: 3カラム 以前、紹介した「高さの異なるカラムを揃えるスタイルシート」では、ページ内アンカーで要素が消失したり、IEで印刷で... 続きを読む

[CSS]高さの異なるカラムを揃えるスタイルシート | コリス

2007/10/25 577 users コリス padding-bottom カラム CSS デモ

Columnas 100% altas Columnas 100% altasのエントリーでは、下記のデモのように高さの異なるdivで組んだカラムの高さを揃えるスタイルシートを紹介しています。 sample:高さがばらばらのdiv sample:高さが揃ったdiv スタイルシートは、各divに対して「padding-bottom」と「margin-bottom」に同じ数値をプラス値とマイナス値で指... 続きを読む