タイトル間違えました。 「僕みたいなクソデザイナーが配色する時に騙し騙しデザインする手法」です。 配色には色々作法があります。そして言葉もあります。加法、減法、色の三属性、伝統、政治的意味合い、などなど。厳密に出したらキリがありませんし、プロじゃないので、細かい事は抜きにして、個人的に抑えておく簡単なポイントをまとめてみました。 雰囲気のキーワードを出す なんとなくのキーワードを出します。 カッコイイ! うぉ!すっげ!って感じ クール とにかく渋く。鳥肌立つ感じで 可愛いっぽく。 やっぱ少し可愛くが良い ラブリー♡ もうワクワクーって感じで♥ シンプルに。 余計な物はいらん インパクトどーん とにかく覚えてもらいたい! 爽やかーーー キレイに見せたい! 楽しい! チョーハッピ スーパーハッピ ノ…(ry など。 ここで決めたキーワードがベースになります。 常に頭に入れてお
2011年のWeb制作トレンドをはてブのホットエントリから振り返ってみました。 2011年でトレンドは、スマートフォン向けサイトやアプリの制作関連、HTML5関連、あとはFacebook対応のためのノウハウといった感じでした。 はてなブックマーク「コンピュータ・IT」カテゴリ内で、1500以上ブクマがついた記事を選出、その中からさらに私の主観も入りつつ、2011年Web制作系のエントリーの中でもベストな31記事をピックアップ、Webデザイン系、SEO系、HTML+CSS系、プログラミング系、スマートフォンサイト制作系、企画、ツール、その他系、素材系にそれぞれ分類しました。 Webデザイン系 1. 色彩センスのいらない配色講座 配色と色についてひじょーに分かりやすく、論理的に解説されたスライド。はてブ数ダントツ。 2. デザインの基礎力をワンランクアップしたい私(Webデザイナー
Xcode4.2から「UIPageViewController」という電子書籍的なアプリを作るのに最適なクラスが追加されました。iOS5専用ですが、これは嬉しいですね! このクラスを使うと電子書籍アプリが簡単に作れるようです。てことで、今回はiOS5用のシンプルな電子書籍アプリを作ってみる、というメモ。 今回の概要 今回の概要は以下。iOS5向けの電子書籍アプリを作ってみる プロジェクトの作成 まずはプロジェクトを作成します。本内容では「Page-Based Application」を選び、プロジェクト名は「eBookTest」としています。 Page-Based Applicationの仕組み まず、Page-Based Applicationの構成と仕組みについて。 まず、見慣れない「Storyboard」というものがあります。これは簡単に言うと、UIを構成するxibを一つにまとめたも
Webページレイアウト、ナビゲーションプラグイン、フォーム、スライダー&カルーセルプラグイン、チャート&グラフプラグイン、イメージエフェクトプラグイン、ビデオプラグインなど。チェックしておきたいです。海外カジノ オンラインサイトの制作はワードプレスのプラグインを利用して様々な機能を付け加えて完成させることができます。2012年のjQueryプラグインまとめでは、デザインの一新や個別のカスタムにも対応した国際的で魅力的なサイト作成に役立つ情報を紹介しています。
PHP Advent Calendar 2011 に参加しています。 PHP に関する記事を日替わりで書こうというイベントですね。 昨日の redsnow_ さんからバトンを受け取ってこの記事が14日目。 読みやすいってどういうこと ソースコードは読みやすい方がいいし、 あとから修正しやすい方がいい。 難読化したい場合を除けば、 この点では誰もが一致するんじゃないかと思います。 でも、じゃあどういうのが読みやすいか どのようにしてあればメンテナンスが楽かについては 人によって意見がわかれそう。 ということで、普段こういうふうにやってるよ、という例と どうするのがいいかなあ、と思っているところと 人様のコードを見て「おおこれはいいね」と思ったものを書いてみます。 同じものを見て「そりゃあンた当たり前だろう」と思う人もいれば 「そんな書き方してる人がいるのか!」と驚く人もいるかもしれない。 そ
早いもので今年も残すところあとわずか となりました。今年は年をまたいで仕事 しないとならないので早めに総まとめ的 な記事を書いておきます。と言っても 完全に自分用のまとめですのでご覧に なっても役に立たないと思いますがw というわけで、後で復習するのに、探さなくていいようにしただけの自分用リンク集です。 jQueryとWordPressにやたら偏ってます。過去記事のまとめですので目新しいものは一切ありません。 ネタは省いてます。あと、種類で細かく分ける気力が残ってないので順不同です。 スマフォ向けが多いのでスマフォ関連は※印を振っておきました。 復習用なのでリンクは全て当サイトの記事にしてます。他の方には二度手間ですがご了承下さい マウスを乗せるとキャプチャが表示されます。 130個くらいです。普段から小ネタばっかりなのでそんな感じのまとめです。 【追記】(僕が)リンク見にくいので色を変え
2011年12月14日15:34 カテゴリTipsLightweight Languages javascript - めんどうな作業がわずか1クリックに!新人プログラマーが知らないと一生後悔するブラウザーを使ったHTML生成 いいえ、使いません。 めんどうな作業がわずか数秒に!新人デザイナーが 知らないと一生後悔するExcelを使ったHTML生成 | Webロケッツマガジン 僕たちプログラマーは、ちょっとしたコード生成に、Excelを使います! 僕たちプログラマーは、ちょっとしたHTML生成にDHTMLを使います。 DEMO TSV JSON JSON to HTML function (json){ var tbody = $('<tbody>'); $.map(json, function(row){ var tr = $('<tr>'); $.map(row, function(c
2011年も残すところあと少しになりました。2011年にはてなブックマークをたくさん集めた記事の中から、Webデベロッパー向けに限定して厳選してお届けします。 ウェブデザイン入門 ウェブサイトにおける視覚面に対し、整理・再構築・意匠等を施す。グラフィックデザイン的な要素を多く含む一方で、インタラクティブな要素を持つウェブの性格上、情報デザインあるいは工業デザイン的なスキルも求められる。ウェブサイト全体の情報設計、見た目を中心とするグラフィックデザインやGUIの設計、ウェブアプリケーションのUI設計構築など多岐に渡る。 Web制作をこれから始める人の為のスキル・HTML・CSS・ブラウザ・写真素材入手の基礎情報 WEBデザイナーを目指す人へお勧めしたい記事・サイトまとめ – YATのBlog デザイナーからデザインの基礎や原則を学べるエントリーまとめ(webデザイナ向け)*ホームページを
1. はじめに このサイトは php を利用したスクレイピング処理の具体的手法について記載されたサイトにしようと思っています。なので、あまり面白いサイトではありません。内容も偏重していることと思いますが、ご質問などがございましたら、りょーちまでご連絡ください。 1.1. スクレイピングとは スクレイピングの話しを始める前に、現在のWebサービスについて幾つか言及しておきます。 現在様々な会社が様々なWebサービスを展開しています。かなり昔、今よりWebサイトそのものが少ない頃の時代は、HTMLファイルを手動で作成することが殆どでした。しかし、現在はバックグラウンドにデータベースが存在し、データベースの内容を動的に表示し、ページを作成するようなサイトがかなり多くなっています。 さて、データベースを利用するメリットは何でしょうか? 幾つかの視点が挙げられると思います。 最も重要な点は、ひとつひ
費用対効果が高いといわれるSEOですが、外注すれば成果報酬であれば固定費であれば自然にお金が出ていくのは事実。これを節約しようとすれば作業を内製化するしかありませんが、今回はそんなインハウスSEOに取り組んでみたい人に送るインハウスSEOを実際に行う際に必要な作業について紹介した記事をサーチエンジンランドから。 — SEO Japan 以前、私はSEO業者を心から信頼していた。私は業界で上位の業者を雇い、大金を支払った。しかし、その結果はひどいものだった。しかも、最低限の取り組みしか行われていなかった。 eコマースサイトの管理者なら、SEOの作業の一部、もしくは全体を社内に移すことで、SEOの“適当な作業”に投資する資金を驚くほど節約することが出来る。 今回は、社内に移すSEOの5つの大きな要素を紹介し、2万ドル~12万ドル/年を節約してもらおうと思う。 キーワード分析 SEO業者を採用し
デザインの質、ユーザー体験、ユーザビリティ次に来るのは、デザインの質、ユーザー体験、ユーザビリティだ。これは難しい。 スタッフにプロのデザイナーがいるか、サイト運営者自身にデザインの仕事をした経験がある場合を除き、誰かを雇う必要がある場合がほとんどだ。もしくは、ごくシンプルで基本的なデザインを追求してユーザーフレンドリーなサイトを極めるかだ。そうしたデザインは、友人や同じ業界の仲間、会社の同僚、同じエコシステムの人々に聞いても、誰もが見栄えを評価してくれるようなものだ。 私はこのデザインに心から満足している。もしかすると、美しさという点では10点のうち6点かもしれないけれど、使いやすさだったら10点のうち8点はあげられる。このサイトのコンテンツは分かりやすい。自分にとっては情報を見つけやすいし、ナビゲーションの流れもいい。 という具合にね。 情報の見つけやすさと自然なナビゲーションの2点を
作家マーク・トウェーン(Mark Twain)は、「正しい言葉とほぼ正しい言葉の違いは、稲光と蛍の光ほどの違いである」という名言を残しています。彼はその一生で、ウェブページや検索エンジン最適化(SEO)施策を一度も見たことがないのに、彼の正しい言葉を使うことの大切さを説く名言は、現在でも輝きを放っています。 でも、なぜ言葉はSEOにとって大切なのでしょう? それは、ユーザーが"言葉"を検索エンジンにタイプすることで、あなたのサイトを見つけるからです。通常のテキスト本文とキーワードの違いはここにあります。サイトに不適切なキーワードが使用されていると、あなたのサイトのコンテンツに全く関連性を見いだせないビジターや全く興味を抱かないビジターを呼び込むことになります。最悪の場合、検索エンジン結果ページ(SERP)の順位が大きく下がり、サイトに誰も来てもらえないということになります。 単語とフレーズ
今すぐフォトブログを開始したい人の為のword press(ワードプレス)の無料テンプレート。 ヨホホイ。 なかなか素敵なワードプレスのテンプレートがまとめられていたのでご紹介。 とにかく 「なんだよフォトブログって」という方が居たら以下のサンプルデモを叩いてみて欲しい。 Folio Elements Theme Demo こういうのがいっぱいまとめられています。 詳細は以下で。 写真サイト、イラストサイトに最適なwordpressテンプレート 今すぐスタイリッシュなサイトを作りたい、そう思ったらこのエントリーを参考に。 14 Superb Portfolio and Photoblog Wordpress Themes (Free) デモページへのリンクが無かったのでその辺をちらっと。 お気に入りの5つを説明つきで。 マウスホイールで次々と閲覧できるテンプレート サンプルデモ / ダウン
<導入と諸設定> 本稿はGoogle アナリティクス導入時の66のチェックリストの後編です。本稿では具体的なリストを列挙していますが、まずは考え方を述べた前編を理解してからお読みください。 ●「計測開始にあたっての前提」となるチェック項目(3個) 計測対象ウェブサイト(群)の目的は何か そのサイト(群)の成功とは何か その成功を評価するための係数指標データ(群)は何か ●「計測対象サイトの範囲を決める」ためのチェック項目(6個) 中心となる計測対象サイトは何か(www.example.comなど) 別ドメインもまとめて集計の必要があるか、あるならそれを列挙せよ(sample-brandA.com,sample-brandB.comなど) サブドメインは複数あるか、まとめて集計する必要があるか、あるならそれを列挙せよ(aaa.example.com,bbb.example.comなど) ドメ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く