読者です 読者をやめる 読者になる 読者になる

Webデザイン初心者向けのあれこれ

Webデザイン初心者向けのあれこれを書いていきます。

CSS

Flashじゃないんだぜコレ…HTML5+CSS3で書かれた驚きのサイト7つ

早いもので年が明けて1か月が経ちました。春はまだ遠いと思っていましたが少し暖かくなってきたような気もします。 来年に正式勧告が予定されているHTML5ですが、既に世の中にはHTML5を駆使したサイトがたくさんあります。 今日は「HTML5+CSS3で書かれた一瞬…

ひと工夫でこんなことも!ユニークなjQueryプラグイン5つ集めてみました

どうもこんにちは、僕です。皆さんも大分お世話になっていると思われるjQuery。今日はそのjQueryを使ったユニークなプラグインを紹介してみます。1.wScratchPadhttp://www.websanova.com/plugins/scratchpad スクラッチ機能を実装できるプラグインです。スク…

簡単にリボンやボタンを作る! CSSジェネレーター「Live Tools」を使ってみよう!

もうすっかりCSS3も浸透したようですね。 スマホのアプリなんかを見ていても、「おっ、ここはCSS3使ってるな」なんていうデザインをよく見かけたりします。 画像を使わなくてもそれなりに豪華な見栄えを作る事が出来るので重宝しているのですが、グラデーシ…

今更ながらみんな大好き(?)「lightbox」プラグインを集めてみました

風邪引いてしんどい…僕です。登場から数年、すっかりお馴染みとなった「lightbox」。この数年の間に様々な派生プラグインが出ました。今回は、そのいくつかを紹介していきたいと思います。1.ColorBox 2.fancyBox 3.prettyPhoto 4.jQuery.popeye 2.1 5.Shadow…

韓国のNAVERはココが違う!NAVERが提供するWEB標準開発ガイドやソース付きUIパターンもご紹介!

日本でもどんどん認知度を上げているNAVER(ネイバー)! 日本では検索エンジンって聞かれると、GoogleやYahooを思い出しますが、 韓国では、NAVER・Daumなどが普通です。 今回は、韓国のNAVERで提供しているWEB標準開発ガイドやUIパターン、 その他のサービ…

プレビュー機能でCSS3も怖くない!?Webツール「CSS3 Generator」を使ってみよう

どうもこんにちは、僕です。今日は、プレビュー確認しながらソースコードを表示してくれるCSS3ツール「CSS3 Generator」を紹介します。このツールは、以前こちらの記事で簡単に紹介しましたが、今回は詳しい使い方などを説明してみたいと思います。CSS3 Gene…

JavaScript、CSSでこんなことも!?jsdo.it発・おもしろスクリプト集

ひじょーに眠いです、僕です。さて今日は、HTML・CSS・JavaScript共有サイト「jsdo.it」より、「JavaScript・CSSを使ったおもしろスクリプト」を紹介していきたいと思います!(Internet Explorer、FireFoxではうまく動作しない場合がありますので、Google C…

iPhone/iPadユーザ必見!サイト制作に役立つアプリからユニークアクセサリー、話題のQI(ワイヤレス)充電器まで総まとめ

Webのことを勉強してから なぜかどんどん増えてゆくApple製品... (こうやって信者になっていくのでしょうか。。) iPadやiPhoneを使っている中に、これいいじゃないんじゃない?と思った アプリや周辺機器をご紹介させていただきます。 (完全に個人的な趣味で…

見栄えをよくしてくれるWebツールまとめ - CSS編

今日はCSSでのデザインをより簡単にしてくれる優れたWebツールをご紹介したいと思います。 Webツール - CSS編 グラデーションやボックス、グリッドなどがメインとなります。 CSS3gen ※ Box Shadow only Box Shadowを調節してくれるツールです。 左から角度…