クソ酷いウェブサイト
他に何がほしいってんだ、クソ野郎 お前はウェブサイトを作ってその糞サイトを最高だと思ってるんだろ？ お前は13MBに及ぶパララックスエフェクト付きのクソ重いページがアホらしいグッドデザイン賞をとるとでも思ってるんだろ？ お前は20kgあるjQueryファイルと83個のpolyfilがIE7をまともに動作させると思ってるんだろ？ どアホ、お前は間違っている。俺様が俺の考える最強のウェブページを教えてやる。 クソ軽量でクソ速いページ 全てのデバイス幅に対応できる どんなうんこブラウザでも見た目が一緒 お前のサイトに訪れるどんな糞野郎でもアクセス可能 読みやすく伝えたいことが明確（もっともお前が5MBサイズのシャレオツなコーヒー写真ではなくて伝えたいことがあればの話だがな） よく聞け、糞野郎ども お前らはハッキリ言ってオーバー・デザインだ。この史上最強のウェブサイトを見てみやがれ。俺がごみコンテ
レスポンシブでcssとjsのブレイクポイントがズレて困るときの対処 : 森のコーディング
2月10 レスポンシブでcssとjsのブレイクポイントがズレて困るときの対処 カテゴリ:javascriptiphone/ipadサイト Tweet レスポンシブデザインのサイトを作っていて、 ブレイクポイントの設定はcssのmedia-queryでやることが多いと思う。 でも動的な処理がからむ部分で変更があるときはjsでも切り替えを行う。 window.resize() とかで。 んで、今回、cssとjsで両方で同時に切り替わるようにしていたのだけれど、 どうやらwin端末だと切り替えのタイミングがズレることがわかった。 css → 768pxで切り替えたい → @media screen and (max-width: 768px) → ちゃんと768pxで切りかわる js → 768pxで切り替えたい → if($(window).innerWidth() < 768){ → 78
これからIllustratorを始めてみようという人のための基本操作とかいろいろ
Illustrator を使い始めるにあたっての、予備知識や基本操作をまとめてみました。Illustrator って簡単ではないと思うんですけど、Webデザイナーなら使いこなしたいソフトウェアのひとつですよね。これからWebデザインで Illustrator を使ってみようという人が、少しでも Illustrator に親しんでくれればいいなーと思って書きました。 私はいつも Web制作の時には、Photoshop と Illustrator を使っています。ずっと前、Webデザインを勉強しはじめた頃、私は Illustrator より先に、まず Photoshop から使い始めました。そしてそのあと初めて Illustrator に触ったとき、Photoshop よりもとっても難しく感じて、基本操作もなかなか覚えられなかった想い出があります。 もちろん ベジェ曲線 や パス など、Ill
Original Hover Effects with CSS3 | Codrops
The power of CSS3 is enormous and in this tutorial we will see how to exploit it in a very creative way. We are going to create some thumbnail hover effects with CSS3 transitions. On hover over a thumbnail, we will reveal some description of the thumbnail, using a different style in each example. The power of CSS3 is enormous and in this tutorial we will see how to exploit it in a very creative wa
「今のレスポンシブWebデザインは誤解されている」英の著名デザイナーAndy Clarke氏が話す3つの修正点 - エンジニアtype
「今のレスポンシブWebデザインは誤解されている」英の著名デザイナーAndy Clarke氏が話す3つの修正点 2013/05/31公開 《Fashionably Flexible ワークショップレポート》 2013年4月6日に、Web Directions East主催による、Andy Clarke氏のワークショップが東京ミッドタウンで開催された。その内容を、主催であり通訳をした菊池崇がレポートをする。 ■ Andy Clarkeって誰？ 世界的に著名であるものの、日本では一部のコアなWebデザイナーでないとその名を知らない人がいるので、まずはAndy Clarke氏について紹介したい。 Andy Clarke はイギリスのウェールズ地方在住のWebデザイナーである。1990年代後半より、Webサイトの制作をはじめ、そのデザインセンスとCSSの先進性を活かしたデザインの取り組みで注目を浴
[CSS]border-radiusを使って、角丸ではなく落書き風にボーダーをデザインするテクニック
角丸を指定できるborder-radiusで、ボーダーを落書き風にすることもできます。 色によっては、蛍光ペンや絵筆みたいにもできますね。 デモページ ※リンク切れ 実装は、こんな感じです。 HTML 要素はdivだけ、入れ子もラッパーも必要ありません。 <body> <div> This is my paragraph. Like my border? This is my paragraph. Like my border?This is my paragraph. Like my border?This is my paragraph. Like my border?This is my paragraph. Like my border? </div> </body> CSS 落書き風のボーダーを実現しているのは、border-radiusです。 スラッシュで区切ることにより、水平
WD101: 画面ではなく部品から始めてみよう
このシリーズでは Web Design101（WD101）と名付けて、ウェブデザインをより深く理解するための最初の一歩になる知識やノウハウをコラム形式で紹介していきます。 Webは見た目のコントロールがきかない モニターの外をデザインするのが大半である Webは寛容性をデザインする場である Webのデザインは枠のない世界である Webデザインであるもの、そうでないもの Windows中心設計は5年前の話 すべてのデバイスやソフトウェアで同じように Web サイトをデザインするのは不可能といっても過言ではありませんし、むしろ違いを受け入れ、利用者の環境やニーズを尊重するのが Web デザインの本来あるべき姿です。柔軟性・拡張性をもつ Web ですが、Web デザインはページの概念を強く意識したビジュアルデザインが最優先された時期がありました。 パソコンが Web アクセスの中心だった頃は、利
参考にしたい日本人クリエイターのポートフォリオサイト 40
クリエイターが自分の作品や活動を公開しているポートフォリオサイト。仕事で制作されたサイトとは違い自由なデザインで作られていることが多く、見ていて楽しいですよね。海外のポートフォリオサイトまとめはよく見かけますが日本に絞ったものは少ないと感じ、今回は自分の勉強も兼ねて日本人クリエイターの方のポートフォリオを40サイト集めてみました。 1. Mana's Portfolio Website ロンドン在住のWebデザイナー、Manaさんのポートフォリオサイトです。Webクリエイターボックスの中の人としても有名ですよね。こちらの記事でポートフォリオサイトについて詳しく書かれています。 2. mouf design ウェブ、グラフィック、ゲームのUIデザイン制作などを中心に活動しているフリーランスデザイナー、勘村洋和さんのサイト。和風のWebデザインが素敵です。しばらく待っているとTwitterの青
25 Creative Examples of Clean and Minimal Web Designs
Minimal Design is on the rise. More and more web designer, design studios, corporations are embracing minimal, simple and clean design to showcase their work and products. Viewers prefer the clean look because it is easy read and navigate regardless of web browser and platform. We previously wrote about why minimal web design works. Following that post we are continuing the showcase minimal web
デザイン勉強会2nd 第二部 デザイナーたちの「すごいやり方」
デザイン勉強会2nd 第二部 デザイナーたちの「すごいやり方」 1. 第2部 パネルディスカッション デザイナーたちの「すごいやり方」 司会 田口 パネラー まめこ ハマダ シラサカ ショウ2009年11月12日木曜日 2. 仮案件の内容2009年11月12日木曜日 3. 店舗設定 業種：カフェ 店名：MOCA 住所：渋谷某所 概要 渋谷にあるカフェ。 20代∼30代の人に人気があり、 店内にはボサノヴァが流れ、 ゆったりしたソファでくつろぎながら、 自家焙 で世界のコーヒーが飲める。 音楽はインスト多め または jazzやボサノヴァ2009年11月12日木曜日 4. 参考店舗(渋谷カフェamber) 業種：カフェ 店名：MOCA 住所：渋谷某所2009年11月12日木曜日 5. ワイヤー フレーム (レイアウト) ある程度、 文章も仮で 決めました。2009年11月12日木曜日 6. 予
デジタルマーケティング｜株式会社ポテンシャルユナイテッド
your access ID:58 pageview:92 visit:42 place:佐賀県 keyword:テスト Inspire All! をカタチにしたサービスです。 重要性を増すデジタルマーケティング。一方で人材の枯渇が慢性化している中で、マーケッター、 クリエイティブディレクター、UXデザイナー、フロントエンドエンジニア、etc.. 様々な専門家を必要なタイミングで必要な期間・時間だけプロジェクトに参画させることが出来るサービスです。 社内の人材育成に役立てて頂くことが出来ます。 Boostの資料をダウンロード business domain ポテンシャルユナイテッドは、「データ統合型マーケティング」を 提供しているマーケティング会社です。 企業内の各事業部門に散らばっている顧客に関する情報、顧客に必要な情報、 それらを統合し、データを武器として戦う為の仕組みづくりを提供しま
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://plus.appgiga.jp/masatolan/2014/03/28/51357/
404 Not Found
ウェブサイト作成の勉強になった日本語スライドのまとめ
den-oka.jp
何度も読み直したい！はてブ数300以上のWeb制作系スライド2012年版
amana Digital & Publishing
ノンデザイナーのための配色理論
ホームページ制作 埼玉で依頼するならDENSUKE [越谷・草加・八潮・春日部]![ホームページ制作 埼玉で依頼するならDENSUKE [越谷・草加・八潮・春日部]](https://cdn-ak-scissors.b.st-hatena.com/image/square/f739e6ff87e32443d541170806d9a240f702f7ca/height=288;version=1;width=512/https%3A%2F%2Fdnsk.jp%2Fwp%2Fwp-content%2Fthemes%2Fdensuke-responsive%2Fimg%2Ffadein_logo.png){kind=logo}
INFOBAHN Inc
