Hiromitsu Takagi @HiromitsuTakagi カレログの「お客様情報の入力」ページ、secure.shop-pro.jpにあるのに、「実在性証明のため、日本ベリサイン株式会社のSSLサーバ証明書を使用しております」と書いてるけど、何の実在性を証明してるかっていうと、 PAPERBOY AND CO. INC. だってよ。
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 ページ) デジタル一眼で美しい写真を撮るには、RAWモードを利用するのがおすすめです。RAWとは、生(なま)の意味。CCDやCMOSなどの撮像素子から得られたデータをカメラ内部ではあまり加工せず、生に近い状態で保存したファイルのことを「RAWデータ」と呼びます。 RAWモードで撮影するメリットは、通常のJPEGモードに比べると、画像1枚に含まれる情報量が多いため、後から加工する自由度が高いことです。例えばJPEGでは、明るすぎて白トビしてしまった部分でも、RAWなら後処理によって明るい部分の階調を引き出すことができます。また、撮影時の設定が不適切で色かぶりが生じた場合でも、RAWなら高画質を保ったまま後から色を変更することができます。 RAWデータは、カメラ内ではJPEGと同じ
レスポンシブ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と連絡を取ったが、
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く