デザイナーなら必ず知っておきたい国内素材サイト22選 | designaholicデザインにはかかせない写真やイラスト、動画などの素材サイトのまとめです。 gettyimages 商用利用：有料 素材：写真・イラスト・動画・音源
ふつうのユーザが知らないHTML5コーディングツール10選 - YAMAGUCHI::weblog
はじめに こんにちは、Python界の情弱です。今日はChrome+HTML5 Conferenceのお手伝いに来てます。いままで全く触れてこなかった世界ですが、結構HTML5はXMLのようにセマンティクスに重点を置いてるんですね。CSS3も動的なエフェクトを簡単にかけられるようになってるし、とてもいいですね。 さて、YouTube Live Streamのお手伝いしながらRSS見てたら、ちょうど今日のテーマに沿ったエントリがdiggで紹介されてたので、翻訳しました。 10 Excellent HTML5 coding Tools Many Users Don’t Know About 10 Excellent HTML5 coding Tools Many Users Don’t Know About （オリジナル） HTML5はウェブサイトの作成方法を根本から変えることになるでしょう。
ずっと使えるデザインテクニック。すっきり美しく見せる『余白』と『文字』の使い方。
こんにちは、デザイナーの長谷川です。 今回は僕が普段気をつけている、ちょっと意識するだけでスッキリしたデザインになるレイアウトのコツをご紹介します。 デザイナーじゃない方も、企画書や簡単な UI のモックアップ、Web や雑誌のレイアウトなどに応用できると思いますので、ぜひ参考にしていただければと思います。 1. 上下左右のマージンを均一に Web デザインや UI デザインの要素全てに対して隣り合う要素との間隔やバナー、ボタンなどの外側と内側の要素の上下左右マージンをできるだけ均一にすることで、デザインがスッキリ見えます。 2. 内側のマージンは外側のマージンより狭く レイアウトなど一番外側とコンテンツの間隔より文章のかたまりや画像同士の間隔を小さくします。基本的にコンテンツのまとまりを作るためですので、デザインによっては広く取って区分ける場合もあります。 3. 段落の下は間隔を広く開け
デザインどや！？｜海外カジノ オンラインのWEB作成
Webページレイアウト、ナビゲーションプラグイン、フォーム、スライダー＆カルーセルプラグイン、チャート＆グラフプラグイン、イメージエフェクトプラグイン、ビデオプラグインなど。チェックしておきたいです。海外カジノ オンラインサイトの制作はワードプレスのプラグインを利用して様々な機能を付け加えて完成させることができます。2012年のjQueryプラグインまとめでは、デザインの一新や個別のカスタムにも対応した国際的で魅力的なサイト作成に役立つ情報を紹介しています。
ブラウザだけでここまで！ HTML5で作られた「スーパーマリオブラザーズ」がスゴい
ブラウザゲームの可能性が一気に広がりそうです 次世代のWebフォーマットとして注目され、徐々にいろんなところで使われはじめている「HTML5」。そんなHTML5で作られた「スーパーマリオブラザーズ」が公開され、話題となっています。 従来のHTMLに比べ、マルチメディア機能が大幅に強化されたHTML5では、今までのようにFlashなどの外部プラグインに頼らなくても、単体で複雑なゲームなどを動かすことが可能と言われています。今回紹介する「Infinite Mario Bros」も、ベースはあくまでJavascriptで、HTML5の高いポテンシャルを感じさせてくれるものとなっています。当然ながら、ブラウザがHTML5に対応していないと遊べませんので、古いブラウザを使っている人はご注意を。 パッと見はよくあるFlashゲームですが、もちろんFlashは一切使っていません 操作は方向キーで左右移動
ITまんが 2011年版 ～ ITが楽しく分かるマンガを集めてみました
ネット上には大手メディアから個人のブログまで、さまざまなIT系のコンテンツがあふれています。そのほとんどは文章によって技術などを解説していますが、一部にはマンガの形で面白く分かりやすくしたものもあります。ここでは、マンガ化されたITコンテンツを集めてみました。毎年恒例、ITまんがの2011年版です。 もしここに掲載していないITまんがをご存じでしたら、コメント欄などでぜひ教えてください。毎年更新する予定です。 2011年版の新着ITまんが クラウド ガール - 窓と雲と碧い空 - 窓辺ななみがバイトをしているパーツショップのサーバが、ツイッターでキャンペーンを告知したとたんダウン。このままでは売り上げがピンチに……。そんなときに現れたななみの従姉妹、クラウディア窓辺。彼女は「それならWindows Azureにすればいいじゃない」と店長に告げる Webマーケッター瞳 シーズン2 シーズン1
こんなWebデザイナーは成長しない
2013年3月23日 ライフハック Webデザイナーのみなさん、自分を成長させるためにしていることはありますか？効率化をはかるため、よりよいデザインをするためにしていることはありますか？今回はあえてこんな記事のタイトルをつけましたが、ではどうすれば成長できるのか？という点も一緒に考えてみました。もし当てはまるものがあれば一緒に解決策を考えてみましょう！ ↑私が10年以上利用している会計ソフト！ 情報収集をしない Web業界では新しい技術や情報が毎日のように更新されていっています。情報が多すぎてついていけない…新しい事を覚えるのがめんどくさい…という人もいるかもしれませんが、私たちはWeb業界で働いているんです。Web屋にとって情報は武器です。日々の情報収集が仕事に役立つという場面も多くあると思うので、日頃から新しい情報にふれるくせをつけておきましょう。よく読むブログはRSSリーダーに登録し
デザインの基礎、黄金比から大和比、第2黄金比まで - kojika17
よく黄金比という言葉を聞いたりしますが、実際にどういうものかわかっていなかったり、 デザインの当てはめ方が分からなかったりすることが多いので、簡単にまとめてみました。 貴金属比 nの場所に自然数が入り、第1貴金属比を黄金比、第2貴金属比を白銀比、第3貴金属比を青銅比といいます。 よく聞く黄金比は、貴金属比の１つです。 近似値 1.6180(約5:8) CSSで黄金比を見る 伝承では古代ギリシアから使われ始めたと言われています。 パルテノン神殿、モナリザなど数多くの建築物や美術、アートなどに使用されています。 白銀比 白銀比には、以下の2つがあります。 1:1+√2 の第2貴金属比に含まれる白銀比 1:√2 の日本で古くから使用されている白銀比(大和比) どちらも白銀比と呼ばれることが多いので、紛らわしいです。 白銀比(第2貴金属比) 近似値 1:2.414(約5:12) CSSで白銀比を見
初心者の頃分からなかったWeb用語：フレームワーク … CSSからHTML5、WordPressまで
Webを見ていると、フレームワークっていう言葉をよく目にします。初心者の頃は、このフレームワークっていうものがどんなものなのか、いまいち分かりませんでした。今回は、色んな例でフレームワークというものを紹介してみました。なので、フレームワークって何だろうっていう人向けの記事です！ Web制作関連のブログを読んでいると、ときどきフレームワークっていう言葉がでてきます。例えば CSSのフレームワークとか、HTML5 + CSS3 のフレームワークとか …。 今でこそ、このフレームワークって何だかわかりますが、初心者の頃は、このフレームワークっていう言葉が何だか難しそうで、意味の分からないものでした（私だけ？）。何となく雰囲気で、使ってみると便利なのかなーという感じはしましたけど、そもそもフレームワークという言葉自体の意味が分かっていなかった頃は、使ってみよう！というところまで行きませんでした。
就活に打ち勝つポートフォリオWebサイトの作り方 | Webクリエイターボックス
2016年2月18日 Webサイト制作 Webデザイナーとして働く際、自分をアピールするのに最も大切なのがポートフォリオWebサイト。今まで作った作品や自分がどんな人間なのか、何ができるのかを紹介するサイトを作っておけば、就職活動にも大変役立ちます。ここではポートフォリオWebサイトを作る際のポイントや素敵なポートフォリオサイトを紹介します！ ↑私が10年以上利用している会計ソフト！ 最新版書きました！こちらも参考にしてみてください。 ポートフォリオWebサイトを作ろう！2015年版 ポートフォリオWebサイトを作る時のポイント 1. 自己紹介 自分は何者なのか？何ができるのかをわかりやすく完結に紹介します。あまりダラダラ書いても読まれない確立が高いため、大きめのフォント・短い文章で紹介すると効果的です。 「自分はWebデザイナー」という事をはっきり書く 自分ができることをわかりやすく表記
良いプレゼンを作る5つのポイント教えます | ライフハッカー・ジャパン
ダメなプレゼンは、プレゼンター、聴衆の双方にとって苦痛以外のなにものでもありません。ダメなプレゼンをしたくないなら、次にあげる「プレゼン5つの落とし穴」とその対策を参考にしてみてください。きっといいプレゼンができますよ！ ■ダメなプレゼンって？ プレゼンが失敗するサインってありますよね。長いなーと感じたり、時間を浪費していると感じたり（プレゼンターも聴衆も）...。ダメなプレゼンは聴衆の心に響かず、その使命であるはずの、説得したり教えたりすることができずに終わります。 ■誰でも良いプレゼンの作り方を学べます ツールのせいにしてはいけません。クリップアートやブーメランアニメーションは助けてくれるわけではないのです。どうせ私はプレゼンに向いてないんだ...といじけることも簡単ですが、昇給を望んでいたり、顧客へ提案する場合など、多かれ少なかれプレゼンをしなければならない機会はあるものです。ところ
良いプレゼンのコツは「3つのQ」
ただスライドを見せ続けるのではなく、聞いている人たちの疑問に答えるプレゼンをおこなうにはどうすればよいのでしょうか？ 作家のジョエイ・アッシャーさんが、聴衆の疑問に答える、効果的なプレゼンの方法を教えてくれました。 多くのプレゼンは分かりにくいプレゼンです。聞いていると「つまり言いたいことは？」「そんなこと自分に関係あるの？」「なんでこんなに複雑な話なの？」「こんなにたくさんスライドを見ないといけないの？」と思うようなプレゼンばかり...。 プレゼンは複雑である必要はありません。聴衆みんなの求めることにこたえるプレゼンを作る方法は、とてもシンプル。パワーポイントのスライドは全く必要ありません。 以下の方法は、「3Qメソッド」（3つの質問メソッド）と呼ばれるものです。この方法が有効なのは、聴衆の気になるポイントの疑問に答えるプレゼンができるから。必要なのは、1つのフリップチャートだけです！
Adobe、HTML5アニメーションツール「Edge」公開
米Adobe Systemsは8月1日、HTML5に対応したWebモーション／アニメーション制作ツール「Adobe Edge」のパブリックプレビュー版を公開した。FlashのようなアニメーションをHTML、JavaScript、CSSなどの標準規格によってWebサイト上で表示できるようにする。 Dreamweaverなど同社のWeb開発ツールを補完。HTMLにネイティブ対応し、CSSベースのレイアウトデザインを損なうことなくモーションを追加できる。各種描画ツールを使い、CSS3でスタイリングされたHTML要素を生成し、視覚効果の高いコンテンツを制作できるとしている。プレビューはWebKitで行い、コンテンツのデザインや操作を忠実に再現。各種ブラウザやスマートフォン用ブラウザ向けコンテンツの制作が可能としている。 パブリックプレビューは英語版だが、無償で利用できる。同社はまた、HTML5とC
これだけはやっておこう！ Windows/Macの簡単バックアップ設定 | ライフハッカー・ジャパン
「ああ、なんてことだ！ なんでバックアップしておかなかったんだ...」 大事なデータを失ってはじめて、バックアップをとっておかなかったことを後悔するものです。Windows/Macともに、バックアップの設定はとっても簡単なので、以下を参考に是非やっておきましょう。 うっかりミスでファイルを消してしまうこともありますし、ハードディスクの故障でデータが丸ごと消えてしまうこともあります。バックアップは定期的に実行しましょう。Windows/Macともに、素晴らしいバックアップツールが標準でついているので、ほんの数ステップで設定できます。 ■Windowsのバックアップ設定 バックアップ用の外付けハードディスクを用意します。USBで外部接続できるものにしましょう。電気店で購入可能です。できれば、PCのハードディスクの2倍以上の容量のものを買うと良いです。そうすることで2重にバックアップができ、将来
黒と白のモノクロ調でインパクトの強い名刺デザインいろいろ - GIGAZINE
名刺デザインはできるだけシンプルにまとめたいという場合に最適なのが、白と黒のモノクロにしてしまうという方法。たった2色のように感じますが、リアルの印刷物である名刺の場合、インクや紙、印刷方法や加工などによって多種多様な雰囲気にすることが可能です。 Neat and Cool Collection of Black and White Business Cards http://naldzgraphics.net/inspirations/neat-and-cool-collection-of-black-and-white-business-cards/ 01.Aeris Network - Business Card by ~simonbouchard on deviantART 02.Black Inc free business card by *robbythedesigner o
AIR Note！
NEW！！ ・ 最新バージョンでは、「 背景色の設定 」が可能です。 透明感がある背景の色合いを自分で選んでください！！ [ AIR Note！ ]動作時のプリントスクリーン 綺麗な壁紙をご利用していただければ、シンプルなAIRですが、カッコよくなります。 最新バージョン１．９．６より、アプリの背景色をお好みで選択いただけるように機能を追加しました！！ [スケジュール機能] 個人のスケジュール管理等に使用してください。 機能： ・アラート表示⇒ TODO登録時間の「5分前にタスクバーのアイコンが点滅」して教えてくれます。他の操作をしてても気づきます。 ・新規登録、更新、削除⇒直感的に操作が可能。 ・初期表示時は、全データの50件を表示(降順)。 ・日付を選択⇒選択した日付のスケジュールのみ表示。 ・「今月のTODOを見る」ボタンで、今月のTODOを一覧表示 ※先
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://n1kumeet5.com/2011/08/googleanlytics/
https://jp.techcrunch.com/2011/08/19/20110818codecademy-a-slick-fun-way-to-teach-yourself-how-to-program/
http://takashi178.me/2010/06/student/
http://www.nerdtreasure.com/shadowphotographyinspiration-30-unique-examples-for-photographers/