少ない手間と知識でそれなりに見せる、ズルいデザインテクニック：ズルいデザイン（1）（1/2 ページ） デザインが自分でイイ感じに作れたらいいなあというプログラマのみなさん。少ない手間で簡単に、ちょっといい感じのデザインに見せるための、ちょっとした小ズルいTipsを紹介します Webプログラマ、Webエンジニアの皆さんが、個人で作るWebサービスやハッカソンなどで、短期間に集中してサービス開発してローンチしたいときに、もうちょっと自分でイイ感じにデザインできるといいなあという声をよく聞きます。 この企画は、そんなプログラマが、少ない手間で簡単に、ちょっといい感じのデザインに見せるための、ちょっとした小ズルいTipsを紹介します。 （注）このページでは、個々のデザイン要素を分かりやすく説明するために、実寸サイズより画像を拡大して使用しています。 ズルいデザインはSassとCompassを利用し

デジタルアートの一種であるフラクタルアート。 Silvia Cordedda氏によるフラクタルアートを用いて作られた花のデザイン。 透明感のある色使いと立体感がとても美しいですね。 夢の中の世界のような幻想的な感じがとても素敵だなと思いました。 いつまでも魅入ってしまう、とても美しいアートです。 via: Incredibly Beautiful Fractal Flowers - My Modern Metropolis

MS Office カテゴリ MS Office (104) 関連タグ Access (35) Excel (87) OfficeScripts (1) PowerPoint (8) Python (2) VBA (85) YouTube (6) 入門 (37) Web カテゴリ Web (85) 関連タグ facebook (4) jQuery (10) linux (3) Photoshop (18) PHP (24) tips (22) twitter (10) WordPress (76) YouTube (6) アプリ (29) イラスト (42) デザイン (15) ブログ (39) 入門 (37) 分析 (20) Adobe カテゴリ Adobe (28) 関連タグ facebook (4) Fresco (2) Illustrator (8) JavaScript (7)

今知りたいコト、僕が知りたいコト、教えます。@shintarowfreshです。 あー、違う違う、上からじゃないよ、マジでマジで。 今すぐ取り入れるべき素敵すぎるネタ達です。是非一読あれ！ 魅力的でワクワクする最新のエフェクトを使ったウェブサイトのまとめ | コリス 今知りたいネタがもう、満載。 あー、ほんとワクワクするわ。なんだろうな、やっぱパララックスすきっすわ。ほんと。わくわく感が半端ない。 この記事を読むだけでレベルアップできる素敵な３つのWebサイトの使用技術を分析&実践してみた | Webクリエイターボックス これは素敵。マジで素敵。 最新の技術をメチャクチャわかりやすく解説。 いいんですか？？？ 画像を文字でマスクするとか、マジスカ？？ しかも、意外と簡単なのね。 と、目を通してブクマするなりエバノに放り込むなり光の速さで永久保存しチャイナよ。 素敵な３つのWebサイトの使用

Tyto Style（ティトスタイル）について Tyto Style（ティトスタイル）は、京都・大阪を中心に活動するSEOディレクター兼マークアップエンジニア、三嶋正人の個人事業サイトです。 これまで約15年間にわたり、さまざまなウェブサイトの制作や改善、運用上のアドバイス等を行いSEOに強いサイトを作るための試行錯誤を重ねてきました。 現在はこれまでに得た経験を活かし、フリーランスとしてウェブサイト制作やSEOを中心としたサイト運用のサポート・アドバイスなどを行っています。 現在運用されていたり、企画中のウェブサイトが、本当にあなたの目標に適うものになっているのか、検索エンジンに最適化されたものなのか、少しでも疑問をお持ちであれば、立ち止まって現状を見直してみることはとても重要です。 その一環として、ぜひ一度お悩みをご相談ください。 現状を分析した上で、最適な改善方法をご提案いたします。

ウェブサイトが生まれてから現在までの20年間で、あまたのウェブデザイナーたちが試行錯誤を重ねながらより美しく、より見やすいウェブデザインを生み出してきました。 ここでは、見た目が美しくて内容がわかりやすい最新のシングルページウェブデザインの例を30種類集めています。どれも新鮮なアイデアが詰まったページばかりなので、これからウェブデザインを始めるという人や、何かデザインのヒントが欲しいという人などの参考になるのではないでしょうか。 シングルページウェブデザイン30種類は以下から。30 Beautiful Single Page Website Designs | SpyreStudios 01：Skysoclear 02：FeelWire 03：Marius Roosendaal 04：Silverback App 05：Scribble And Tweak 06：Visual Box 07

スタイルシートの認識の違い 一部のInternetExplorerでは、CSSの『width、height、border、paddingプロパティ』において解釈の不具合があり、ボックスの表示サイズに既知のエラーがあります。 対象は以下のブラウザです。 InternetExplorer 5.5以前のバージョン InternetExplorer 5.5以降のバージョンかつ互換モードで表示時 ブラウザの標準/互換モードの起動やDOCTYPEスイッチによるこれらの切り替えについては『ブラウザ別標準・互換モード対応表』をご覧ください。 具体的な不具合 ボックスモデルでwidth/heightプロパティを指定した場合、「width/heightプロパティは要素内容の縦横の長さを指定するもので、パディング（padding）とボーダー（border）を含まない」とCSSで定義されています。 従って、実際の

idとclassの違いと使い分け！スタイルシート(CSS)適用法idとclassの違いと、使い分け方法をご紹介いたします。HTMLにスタイルシート(CSS)を適用する方法には、class属性を使う方法と、id属性を使う方法があります。この「class」と「id」は明確に役割が異なります。全部にclass属性を使っている場合は問題ありませんが、全部にid属性を使っている場合は問題がある可能性があります。 スタイルシート(CSS)を記述する際、「特定の要素すべて」を一括して装飾するのではなく、「特定の要素のうち一部だけ」を装飾したい場合、HTMLに付加できる属性は2種類ありますね。class属性と、id属性です。この「class」と「id」を、正しく使い分けられていますか？ この「class」と「id」は、どちらでもよい方法が2種類用意されているわけではなく、明確に役割が異なります。そこで今回

苦労するのはやっぱり…「今時のWEBデザインの分析」グラフが妙に納得されていた 仕事となるとどんな職業にも、相応の苦労はあることでしょう。 しかしながら今時のWEBデザインには独特の苦労ポイントがあるようで、Webデザインを分析した円グラフが人気となっていました。 今時のWEBデザインについての分析 ブラウザごとに表示のされ方が微妙に違うため、WEBデザインをしている人なら思うところはいろいろあるようです。 海外サイトのコメントも沢山集まっていましたので、一部抜粋してご紹介します。 ・「こんなのはたくさんだ、IE6もたくさんだ、というわけでXBOXで遊んでやる」と言う時間：95％ ・オレにとってはこのCSSのみでってのは本当だよ。よくそうやってテーブルを解決している。 ・IEが好きだってやつがいたら、そいつはスタイルシートを作ったことの無いやつだろうよ。 ・そうだな、あの古いフォーマット。

Webプログラミングは，プロはもちろんアマチュアのプログラマの間でも，もはや欠かせない開発ジャンルの一つです。しかし，書籍や雑誌の解説記事のほとんどが，データベースがどうとか，サーバーサイドがどうとか，どうしてもディープな方向に進んでしまう傾向にあります。もちろん，それはそれで大切なことなんですが，いったい何割の人が，その技術を“自分の”ホームページに使っているでしょう。 最近話題の「リッチ・コンテンツ」にしても同様です。例えばFlash。たしかにActionScriptというスクリプト言語を使えば，動く，鳴る，つながると，いいこと尽くめです。でも，いかんせん「Macromedia Flash MX 2004を買ってきてね」とあっては，皆がみな使えるわけではありません。 Part1でも解説があったようにblog（ブログ）の認知度が上がり，利用率も増えて，プロバイダからの提供体制も整ってきて

最近、IEの挙動のおかしさに耐えきれなくなってSleipnirからFirefoxに切り替えたんですが、やっぱりアドオンの豊富さという点でFirefoxは凄く良いですよね。 で、つらつらとアドオンを紹介している記事を探していたところ、Webデザイナーが入れておくべきアドオンというのがありました。 アドオンを見ている限りはデザイナーだけじゃなくて、開発系の人も使えるアドオンって感じなんですけど。 Photo:Firefox Crop Circle By Andrew* 開発系アドオン Firebug + Firecookie + Codeburner Firebugはかなりポピュラーなアドオンですよね。 これにCookieの名前や値などをモニタできるFirecookieと、HTML要素リファレンス、HTML属性リファレンス、CSSプロパティリファレンス、サンプルコード、Webブラウザ対応情報な