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

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

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

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

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

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

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

今話題の第二回全国統一HTML5実力テスト(応用編)を受けてみた!

前回紹介しました 今話題の第二回全国統一HTML5実力テストを受けてみた! http://t.co/kA5Q2kNM 応用編が本日リリースしました。 jsdo.it 第二回全国統一 HTML5実力テスト - jsdo.it - Share JavaScript, HTML5 and CSS http://jsdo.it/event/html5cat/2012/…

すっごい動くよ!テキストをアニメーションさせるjQueryプラグイン集めてみた

どうもこんばんは、僕です。関東では雪が降った所もあったようですが、こちらはよく晴れたいい天気です。降ったら降ったで大変ですが、全く降らないというのも何か物足りない…なんて気もしますね。さて今日は、「テキストをアニメーションさせるjQueryプラグ…

今話題の第二回全国統一HTML5実力テストを受けてみた!

皆さんこんにちは 今日はjsdo.itさんが主催する 第二回全国統一 HTML5実力テスト - jsdo.it - Share JavaScript, HTML5 and CSS http://jsdo.it/event/html5cat/2012/autumn/ テストを受けてみました。 最初の問題はWEBサイト作ったことのある人なら簡単…

今更ながらみんな大好き(?)「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パターン、 その他のサービ…

無料なのに高機能! 入力補助付きのHTMLエディタ5つ紹介

あけましておめでとうございます!今年も当ブログをよろしくお願いします。皆さん、お正月をどのようにお過ごしでしょうか。新しい年を迎えたということで、Web制作の新しいお供を探してみるのはいかがでしょう?今日は「入力補助付きのHTMLエディタ」をご紹…

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

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

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

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

HTML・CSSでモバイルアプリ作成!PhoneGap Buildを使ってみよう

どうもこんにちは!僕です。今日は、HTMLやCSSを使ってモバイルアプリが作れてしまう『PhoneGap Build』を紹介していきたいと思います。PhoneGapとは、Adobe社より公開されている、スマートフォン向けアプリケーション制作のためのフレームワークです。簡単…

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

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

リアルタイムプレビュー搭載!ブラウザ上で動作するHTMLエディタ「Liveweave」

どうもこんにちは、僕です。 今日は、ブラウザ上で動作するHTML・CSS・JavaScriptエディタ「Liveweave」を簡単に紹介したいと思います。 僕は基本的にコーディングの際は、Dreamweaverや秀丸エディタを使用しているのですが、 編集⇒保存⇒プレビュー⇒ミスを修…