Webサイトに変なスクロール使うのをやめろ
最近変なスクロールを使ってるサイトを見る。 これとか http://www.apple.com/iphone-5s/ これとか http://heteml.jp/ 他にも色々。 Javascriptがなんか頑張ってんだろうけどさ、 正直鬱陶しいよ。 やけに重いし、使いづらいし。 Chromeだとヌルヌル動くって？ みんなChrome使ってる思ってたらアカンでほんま。 追記： この変なスクロールはパララックスと言うそうです。 「この変なスクロール＝パララックス」ではないそうです。 また、「この変なスクロール＝パララックスのひとつ」と言う訳でもないみたいです。 ごめんね、もうこの追記消したい気分。
HTML5のWeb Audio APIと超音波を使った音による通信技術
by mikael altemark PCやスマートフォンをネットに接続したり、他のデバイスと接続したりするときに使われる規格はWi-FiだったりBluetoothだったりといろいろありますが、最初に接続の設定をきっちり終えるまでがかなり面倒で、また、規格違いに悩まされることもあります。こういった悩みを一掃できるのではないか、ということで従来と異なる方向からアプローチしたのがBoris Smusさんによる「Web Audio APIを使った超音波通信」です。 Ultrasonic Networking on the Web | Boris Smus http://smus.com/ultrasonic-networking/ いきなり「超音波」といわれてもどういうことなのか分かりづらいですが、以下のムービーで簡潔にまとめられています。 Ultrasonic Networking using
Honda黙認！株式会社バーグハンバーグバーグの「お金をもらって車を宣伝するサイト」
Hondaの軽自動車「N BOX +」を、全員脳みそ丸見えの株式会社バーグハンバーグバーグの社員と一緒にPRして、いらないものを貰おう！桃色の皮膚のバケモノも登場するよ！HondaさんからN BOX +を1台提供してもらいました。たくさんの人にN BOX + を見てほ しいので、パーツに分解してプレゼントにすることにいたしました。みんなで投稿して、 子ヤギくらいの大きさのバンパーとかをもらおう！ ※投稿頂いた作品の中からバーグハンバーグバーグが1名の優秀作品を選出し、パーツをプレゼント致します。作品を選出された方にはTwitterのDM（ダイレクトメッセージ）の機能を使い、運営事務局から連絡させて頂きます。その際、賞品をお送りするためにお名前、ご住所等の個人情報をお伺いする事がございますので、予めご了承ください。 このサイトは、株式会社バーグハンバーグバーグがHondaの「N BOX
Photoshopでウェブページのインターフェイスを作成するチュートリアルのまとめ
ブログやポートフォリオ、Eコマース、コーポレートサイトなどに、レトロ風、スタイリッシュ、クリーン、スリーク、背景に写真、イラストを使うなど、ウェブページのユーザーインターフェイスをPhotoshopで作成するチュートリアルを紹介します。
すごいWEB
Awesome and has more than a degree. We head out one. What it is overwhelming. It is dangerous stuff. Amazing what moves the people. And, in the sense of the excitement, the world can not be changed only amazing thing. I want to meet those amazing, really want to be. I think so anyone, I want to share with everyone and wow wow. It is amazing, amazing thing. Than it really is not that amazing. From
縦や横に長いサイト「高級ペライチ」1度は見ておきたいスクロール演出のまとめ32個！
HTML+CSS+JavaScriptでつくるサイトの定番演出「高級ペライチ」！ HTMLファイ部の「HTML5の鬼」ことほんだです。 カヤック社内では「高級ペライチ」という愛称で呼んでいる縦や横に長い1ページサイト。 スクロールに合わせたパララックスやアニメーションの演出が印象的ですよね。 今回は「高級ペライチ」とググると1位に表示される、 僕のはてブ「高級ペライチ」タグから厳選32サイトを紹介します！ まずは王道！縦に長い高級ペライチ
このブログに3Dモードを追加した
みなさん、2012年のゴールデンウィークは、いかがお過ごしでしょうか！ 中には映画を観に行ったりしている人もいるかと思うのですが、タイタンの逆襲なんかを例にとってみても、最近は「3D/2D 同時公開」の流れがあるみたいですね。 というわけで、このブログも、これから更新するときは 2D だけじゃなくて 3D でも楽しめるようにしてみました。ページの右の方にある「3D mode!」をクリックすると、3D モードでお楽しみいただけます。 元ネタは LAB! – 3D it! です。webkitTransform と MozTransform を使っているので、WebKit 系と Mozilla 系でしか動かないと思います。興味のある方は、Chrome や Firefox で試してみてください。
ヴィジュアル要素の表現方法
ヴィジュアル要素をつくるときに使えるような、表現方法をまとめてみました。 メインビジュアルなどをつくるとき、うまく思いつかず困ってるんだよねーって方の参考になるかな、と思います。 ヴィジュアルの表現方法としては、大きく分けて以下の2種類があります。 ■直接的な表現 人・物・動物・タイポグラフィなどそのものを主役に置いた表現。 ■間接的な表現 抽象的なメッセージを主役に置いた表現。「たとえ」や「見立て」の技法を使う。 今回は、間接的な表現の中でどんなものがあるか、修辞技法をもとにまとめてみました。 言葉だけ聞くと難しく感じるのですが、普段私たちが話し言葉でも良く使っているものですので、理解しやすいと思います。 比喩 直喩法 直喩（明喩、シミリー）とは「（まるで・あたかも）～のようだ（ごとし、みたいだ）」のように、比喩であることを読者に対し明示している比喩である。 「修辞技法」（2011年12
さくらのレンタルサーバ
レンタルサーバなら「さくらのレンタルサーバ」！ 月額換算でわずか131円、缶ジュース1本分のお値段で使える格安プランから、ビジネスにも使える多機能＆大容量プランまで、 用途と予算に合わせてプランを選べます。 さらにマルチドメイン対応でメールアドレスも無制限。無料ウイルススキャンや無料電話サポートもあるので安心して ご利用いただける共用レンタルサーバサービスです。
目指せ爆速WEB屋！過去2年間かけて知ったリソースを駆使して作るサイトの制作手順！ | バンクーバーのうぇぶ屋
『一時間前の自分より、一秒でも作業スピードを上げる努力をなさい。』 僕が心の底から尊敬する人に以前言われた言葉です。今でも僕の背中にはこの言葉が刺青として刻まれて……いたらどうしよう恥ずかしい（汗） さて、毎年年末年始は僕にとって今まで自分が意識してきた作業スピード、そしてクオリティの両面を試す時期です。去年作ったものより、どれだけクオリティを上げることができ、どれだけ作業スピードを上げることが出来たのか。まぁ、タイトル通り、完全自己満足万歳な記事なので、去年よかちょっとスキル／スピード上がったかなぁと僕自身が感じられたら良しとしてます（笑 とりあえず、難しい話はありません、今回はみんな大好きWordpressでブログを作ります。基本、僕の作業手順を追いながら制作の助けになったリソースを紹介していく感じになりますが、何かの参考になれば嬉しい限りです。制作したサイトは公開してますので、最後に
WEB屋の“メンドクサイ”は多事多難！今年遭遇したメンドクサイの数々、そして対処法色々！ | バンクーバーのうぇぶ屋
なるべく口にしないようにしていますが、正直言って僕はかなりの頻度で”メンドクサイ”と思うことが多いです。何か面倒な作業が目の前に立ち塞がったら、とにかく”メンドクサイ”と思うように心がけています。 というのも、僕にとって”メンドクサイ”という言葉は口にしたらアウトですが、思う分には誰にも咎められることはありません。おまけに、その瞬間僕が“メンドクサイ”と感じたことは、解消できれば僕の作業効率は絶対に上がることを意味しているから、別に誰になんと言われても僕にとっての“メンドクサイ”は良い言葉です。 大事なのは”メンドクサイ”で終わらせないこと。”メンドクサイから解消しなきゃ！”で口癖（思い癖？）にできれば一番でしょうか？ というわけで、今日は僕自身が「あー、もうほにゃにゃらら（メンドクサっ）！！」と思った時に、そのメンドクサイを解消してきたサービスやツールなど、遭遇したシチュエーションにも分
Screenfly
In an effort to improve our product and grow, Screenfly was recently acquired by BlueTree.ai. For the past three years Screenfly has helped web developers and readers around the world test their screens. As of 2020, Quirk Tools is under new management and will be redesigning and rebranding. Stay tuned for more information. 🤓
Web制作の為の無料Webサービス・ツール40*ホームページを作る人のネタ帳
web制作で使えるWebサービスや、Webツールなどをご紹介。 小分けして紹介していた分もあわせてまとめています。定番の物からマニアックなものまでお楽しみください。 グラフィック・創作 10,000s Cool FREE Seamless Patterns-パターンファイルジェネレータ Web制作でもよく背景で利用するパターンファイルを作成する素晴らしいジェネレータ。様々な模様があり、色は決めれますので、組み合わせはほぼ無限です。 Pixlr Photo Editor-オンラインフォトエディタ 世界で最も人気とされるオンラインフォトエディタ。OSを選ばない。 photoshopに近いインターフェイスと、ブラウザさえあれば動くという使用が人気。ユーザー登録しなくても利用できる（したほうが便利）。 Vintage Effect-レトロ、ヴィンテージエフェクト 上のPixlr.comが運営するも
WebデザイナーにおすすめのiPhoneアプリ21
2014年8月22日 便利ツール WebデザイナーさんやWeb関連のお仕事をしている方におすすめのiPhoneアプリをいくつか紹介します！使用しているWeb関連以外のアプリは、以前書いた「使用中の無料iPhoneアプリ31」をご覧ください！ ※紹介しているiPhoneアプリの値段は執筆時のものです。購入時はご確認ください。 ↑私が10年以上利用している会計ソフト！ WebデザイナーにおすすめのiPhoneアプリ 目次 Web制作関連 配色関連 画像加工関連 お仕事効率化 Web制作関連 1. FTP On The Go FTP On The Go PROをダウンロード（850円） どこにいてもFTPサーバーに接続できて、ファイルのダウンロード・アップロード・編集ができちゃう優れものアプリ。FTPのURL・ID・パスワードを入力するだけで接続完了です。新規ファイルやフォルダの作成、パーミッシ
北米WEB屋なら誰でも知ってるんじゃないかって思うサイトをまとめてみた - バンクーバーのWEB屋
他人のブックマークって気になりませんか？特に同じ業界の人のブックマークってすごく気になりますよね。 興味本位でWEB屋友人のブックマークしてるサイトを教えてもらうことも多いですが、なんだか狙いすましたように、いろんな人が同じようなサイトをブックマークしていることに気がついて、「あぁー、このサイトはみんな良く見てるのかも」って思ったサイトがいくつかあったんですね。 そこで、WEB屋のブックマークをまとめて、北米WEB屋ならこれはたぶん皆みてるんだろうなってサイトをまとめてみましたので（独断と偏見で）ご紹介。 海外でWEB屋をやる方、いち早く海外のWEBデザイン情報をゲットしたい方、知っていて損はないと思います。 Smashing Magazine まずは王道？Smashing Magazine。このサイトは日本でも有名かなと思います。よくWEBまとめ記事とかで取り上げられてますよね。WEBの
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
最近のWeb制作で必ず1度はお世話になる便利なジェネレーターまとめ5つ - W3Q
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
2011年Web制作者の人気を集めたWebデザインTop50（国内編）
IDEA * IDEA