▼ カテゴリーから探す お知らせ (17) アート/デザイン (282) インテリア (371) ガジェット (367) グルメ/キッチン (281) ゲーム (57) ファッション (180) フォト (245) ミュージック (24) 動画/ムービー (340) 広告 (96) 建築/スポット (243) 本 (37) 雑貨 (267)

最近ではすっかりおなじみになりつつあるHTML5。ブラウザの問題もあり、まだ広くは利用されていませんが、徐々にその範囲を拡大しつつあります。今日紹介するのはHTML5でコーディングするときに役立つ10のオンラインツールをまとめたエントリー「10 online tools to simplify HTML5 coding」です。 Initializr 様々なHTML5コーディングに役立つWEBサービス、チートシートなどが集められていますが、今日はその中から幾つか気になったものをピックアップして紹介したいと思います。 詳しくは以下 HTML5 Demos and Examples HTML5の独自機能のDemoを試せるサイトIE、firefox、opera、safari、Chromeとそれぞれのブラウザの対応状況をチェックできます。 HTML5 Canvas Cheat Sheet – Nih

ドットインストール代表のライフハックブログ

少し気が早いですが、今年も残すところ あと僅かです。ここで、Web制作をする にあたって、個人的に、とても参考にな った素晴らしいエントリーをご紹介します。 基本的にまとめ記事が大好物なので、 まとめのまとめ、という形になってしまい ますがご了承願います。 まぁ、単なる個人的なメモです。今年はお世話になりました、という感謝の意を込めてリンク&トラフィックで返したいのと、自分の復習用リンク集です。来年もたぶんお世話になる記事だと思いますので、備忘録も兼ねて。順不同です。 尚、当ブログのエントリは御礼の場であるこの記事では割愛しています。後日、別記事にてまとめさせて頂きますので、宜しければ御覧ください。 デザイン 読み物系が多いです。正月とかで見直す用。 配色パターンからWebデザインを考える ウェブデザインでこれは気をつけたいの35のポイント デザインQRコードの作り方 非デザイナーのための

もはやこの業界ではかなり浸透しつつあるjQuery。 今回はそんなjQueryにスポットを当て、本年度紹介された中でも、ホットなトレンドプラグインをご紹介します。 ※プラグインつかってないのもあります。 １）3D表示プラグイン サンプルデモ 今年のトレンドと言えば3D。 というわけでこちら。まずはサンプルデモを確認。 触ってわかる通りですが、2枚の画像が3D表示されます。 呼び出す $(function() { $('#mindscape').smart3d(); }); HTML <ul id="mindscape"> <li><img src=".../mindscape1.png" /></li> <li><img src=".../mindscape2.png" /></li> </ul> CSS #mindscape { width: 720px; height: 170px;

ドットインストール代表のライフハックブログ

コラボとかそんなもんじゃない！ いろんなものと融合するハイブリッドキティちゃん2010.10.08 23:00 ドラえもん×キティ。でもキティちゃん。キティちゃんはどんなものと融合させても、キティちゃんってわかりますね。 こういうものが実際にあるわけではないですが、yodaflickerさんのflickrサイトに、いろいろアップされています。ほぼキティちゃんの原型をとどめていないものもあるんですが、やっぱりキティちゃんなんですよね。不思議。 その一部をギャラリーでご紹介します。そのほかはリンク先で堪能してください。 yodaflicker's photostream ［via カラパイア］ （三浦一紀）

2017年6月29日 Webデザイン 今回はデザインの基礎をお勉強しましょう！デザインは複数の要素（エレメント）と原則（プリンシプル）から成り立っています。それらを簡単に説明するとともに、要素と原則を生かしたWebサイトを一諸に紹介します。私は「デザインセンスは才能」とは考えていません。デザインセンスはそれらの要素をどう組み合わせるか、という閃きとその引き出しの多さによるものだと思います。ぜひ参考にしてみてください！ ↑私が10年以上利用している会計ソフト！ デザインの要素（エレメント）と原則（プリンシプル）は全てのビジュアルデザインの基礎と言われています。要素はデザインの「表現手段」を形成し、原則は「構造的特徴」を構成します。デザインにおける要素と原則の認識は、視覚構成をすることにおいての最初のステップ。Webデザイン、グラフィックデザイン、プロダクトデザインなど、すべてのビジュアルデザ

あまりの激変に興奮…子どもたちの描いた絵にハイクオリティな色を塗るとこうなる 子どもたちの絵と言うのはなかなか侮れません。 子どもが大人より絵や字が下手なのは、鉛筆やペンを持つ手のコントロールが未熟さに負うところが大きく、経験やトレーニングを積むことによって上手になっていきます。 それを証明するかのように、子どもたちのモンスターの絵に色を塗って、クオリティの高い作品にしたものがありました。 これはデイブ・デブリス氏が始めたプロジェクトで、子どもたちが描いた絵に現実的に色を塗ってみたらどうなるかと言う、モンスターエンジン・プロジェクトと呼ばれるものだそうです。 1. 化け猫のような怪物ですが、子どもの描いた外郭ラインをほぼ壊しておらず、その再現ぶりは見事の一言。 2. 色遣いの差だけで、プロの出来栄えに。 3. 背景色やオブジェクトの質感によって、恐ろしさが引き立っています。 4. オリジナ

My iPhone 11 is perfectly fine, but the new buttons on the iPhone 16 are compelling

2013年3月23日 インスピレーション アール・ヌーヴォー様式を代表するグラフィックデザイナー、アルフォンス・マリア・ミュシャ（Alfons Maria Mucha)。美しい女性やきらびやかな装飾類、花、華麗な曲線を使用したデザインが特徴で、生涯を閉じた今も多くの人を魅了し続けています。今回は私の大好きな彼の作品を紹介してみようと思います！ ↑私が10年以上利用している会計ソフト！ ミュシャの作品の特徴 女性と花 彼の作品の多くは女性をメインに花とともに描かれています。髪に飾ったり画面に花をちりばめたり。画家というよりもグラフィックデザイナー・イラストレーターとして活躍していたため、対象物を非常に鮮明に描いています。背景には暗色の幾何学模様や草花を、メインとなる女性には明るい色を使い、どこに焦点をあてているかがわかりやすい。 背景の模様 背景にはアール・ヌーヴォーの特徴である草花と曲線に