Hiromitsu Takagi @HiromitsuTakagi カレログの「お客様情報の入力」ページ、secure.shop-pro.jpにあるのに、「実在性証明のため、日本ベリサイン株式会社のSSLサーバ証明書を使用しております」と書いてるけど、何の実在性を証明してるかっていうと、 PAPERBOY AND CO. INC. だってよ。 2011-08-30 18:54:49
![ひろみちゅ先生による「カレログ」の違法性検証](https://cdn-ak-scissors.b.st-hatena.com/image/square/9139e2d944a47d9f6dca0d9dd0df77fc89c61b7a/height=288;version=1;width=512/https%3A%2F%2Fs.togetter.com%2Fogp2%2F24a2014f41c179ec0c808e092994a8e1-1200x630.png)
HTML5 Canvasを使って、ローディング用のアニメーションを作成する超軽量(約3K)のスクリプトを紹介します。 デモページ Sonicの実装 Square(矩形)とCircle(円形)を例に実装方法を紹介します。 外部ファイル 当スクリプトを外部ファイルとして指定します。 <script src="sonic.js"></script> JavaScript: Square(矩形) あとは、JavaScriptで記述するだけです。 var square = new Sonic({ width: 100, height: 100, fillColor: '#000', path: [ ['line', 10, 10, 90, 10], ['line', 90, 10, 90, 90], ['line', 90, 90, 10, 90], ['line', 10, 90, 10, 10]
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
デスクトップのブラウザでもiPhoneのような滑らかなアニメーションでコンテンツをスクロールさせるjQueryのプラグインを紹介します。 Overscroll デモページ [ad#ad-2] Overscrollのデモ デモではコンテンツを「Click+Drag」することで、滑らかスクロールでコンテンツを表示します。 デモページ Overscrollの実装 デモを例に実装方法を紹介します。 HTML スクロールするコンテンツに必要な箇所は「div id=screen」です。 デモでは初期状態ではオーバーレイ(div id=overlay)が表示され、フォーカスされるとスクリーンの箇所が表示されます。 <div id="ithing"> <div id="screen"> <img alt="loading..." src="/static/img/sfmap.jpg" /> </div>
JEPG画像の見た目の品質を維持しつつ、ファイルサイズを1/5に軽量化するオンラインサービスを紹介します。 ※1/5は画像によって差があります。 JPEGmini 左:オリジナル(3662KB)、右:JPEGmini(628KB) [ad#ad-2] サイトではデモのJPEG画像が4種類あり、中央のスライダーを操作することで左:オリジナル、右:JPEGmini、見た目の品質を比較することができます。
Webデザインにおけるメインのデザインツールとして多く使われているPhotoshopとFireworks。我々の業界内において、どちらの方がデザインツールとして便利か、という議論がよく行われますが、いずれか一つしか使いこなしていないユーザによる比較論ではあまり意味がないでしょう。日頃から使いなれているツールの方が使いやすい、と感じるに決まっているからです。ここで参考になるのは、両方のツールを同等に使った経験を持ち、かついずれにも過剰なこだわりや愛着を持ってないデザイナーの声なのではないでしょうか。 実は私自身はもともとPhotoshopでWebサイトのデザインを作っていました。しかし以前勤めていた会社でFireworksを使っていた人が多かったため、あるプロジェクトで一時的にFireworksを使ってみたところ、色々な面でFireworksの方が優れていると感じ、Fireworksに乗り換
第1回 写真を見違えるように仕上げるRAW現像の基本:デジタル一眼ビギナーのためのLightroom入門(1/2 ページ) デジタル一眼の高画質を引き出すには、JPEGではなくRAWで撮るのがおすすめ。RAW現像ソフトを用いれば、写真の色や明るさ、シャープネスなどを好みに応じて自由に調整できます。その基本を解説しましょう。 デジタル一眼で美しい写真を撮るには、RAWモードを利用するのがおすすめです。RAWとは、生(なま)の意味。CCDやCMOSなどの撮像素子から得られたデータをカメラ内部ではあまり加工せず、生に近い状態で保存したファイルのことを「RAWデータ」と呼びます。 RAWモードで撮影するメリットは、通常のJPEGモードに比べると、画像1枚に含まれる情報量が多いため、後から加工する自由度が高いことです。例えばJPEGでは、明るすぎて白トビしてしまった部分でも、RAWなら後処理によって
レスポンシブwebデザインからグリッドデザインまでよく使われているwebデザインのレイアウト用語をまとめました。 レスポンシブwebデザイン エラスティックレイアウト リキッドレイアウト フレキシブルレイアウト 固定幅レイアウト グリッドレイアウト 可変グリッドレイアウト レスポンシブwebデザイン(Responsive Web Design) PCやスマートフォン、タブレット事に複数のデザインを制作するのではなく、 ディスプレイの幅に合わせてデザインを最適化する方法。 CSS3のMedia Queriesを利用してディスプレイサイズに応じてデザインを変更します。 メリット 一つのソースで複数デバイスに対応できるのでメンテナンスが容易です。 また今後デバイスの種類が増えてもそれに対応できます。 それぞれのデバイスに合わせた形で調整できるのでユーザーエクスペリエンスも高くなります。 デメリッ
米CNETは、Appleの従業員がまたしてもリリース前の「iPhone」をバーで紛失したようだという情報を得た。2010年に大きな話題になった事件が再び繰り返されてしまった形だ。 捜査の状況に詳しい情報筋によると、7月下旬にサンフランシスコのミッション地区でこのiPhoneの行方が分からなくなり、Appleのセキュリティ担当が緊急に出向き、数日間にわたってそのデバイスの回収を試みたという。 2010年の紛失時は、あるガジェットブログがiPhone 4のプロトタイプを5000ドルの現金で買い取った。2011年に紛失したiPhoneは、もっと平凡な経緯をたどったようだ。メキシカンレストラン兼バーのCava 22から持ち出された後、Craigslistで200ドルで売られた。搭載されている「iOS」のバージョンや外観など、同デバイスの詳細は未だに不明だ。 31日午前にAppleと連絡を取ったが、
HTML5でのコーディング 最近、HTML5のコーディング案件に関わることがあったのですが、その時にHTML5でコーディングされている企業サイトを調べましたので今回ご紹介したいと思います。 尚、サイトを調べていて気づいたのですが、現状(2011年8月)では宣言をHTML5にして内容自体は今まで通りdiv要素を使ってマークアップしているサイトが多いように感じました。新要素を多用して後から間違えが出てくるという可能性を考慮すると、とても理にかなっていると1人で感心してしまいました。今後この流れは変わると思いますが現状(2011年8月)では大切な考え方の1つだと思っています。 それともう1つ、多くのWEB制作会社が自社サイトをHTML5で作り直しているようです。調べて見つけるとWEBの制作会社サイトであることが非常に多いように感じました。とても参考にさせていただきました。私も取り残されないように
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く