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

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

jQueryの可能性は無限大!?プラグインまとめ番外編

どうもこんばんは、僕です。今まで何度かjQueryプラグインを紹介してきましたが、今日は番外編?と言った感じです。一応今までのプラグインまとめ記事はこちらです。・ひと工夫でこんなことも!ユニークなjQueryプラグイン5つ集めてみました・すっごい動くよ…

これでバレンタインも怖くない!? バレンタインのWebサービスを活用しよう!

もうすぐバレンタインですね。 ソワソワしだす方も多いのではないでしょうか? 本命とまではいかなくとも、義理チョコくらいは…と考えている男性の方も多いはず。 しかしながら、「バレンタイン事情2013」調査では、 バレンタインデーにチョコレートをあげる…

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プラグ…

無料ソフトだけ集めました。「Windowsでのこのソフト、Macではどれ使えばいいの?」の疑問に答えます。

こんにちは。 WinからMacへ乗り換えました!! 使い慣れない逆方向のスクロールはもちろんのこと、 今までWindowsで使っていたソフトが使えなくて困り中>< そこで、 自分がWindowsでよく使っていたソフト、 Macではコレ使えばいい!って気づいたソフトをま…

大人気ゲームアプリ、「拡散性ミリオンアーサー」から学ぶ画面デザイン

通勤・通学途中であったり、カフェや道端などでも、今や多くの人がスマートフォンでさまざまなアプリを楽しんでいますよね。 結局どんなゲームが一番人気なんだろう、と思い調べてみました。 『ソーシャルメディア調査報告書2011』によると、実に45.9%の人が…

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

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

素材に困った時はこれでOK!無料で使えるフリー素材サイトまとめ

皆さんこんにちは!今日はWeb上のフリー素材サイトを集めてみました。 ソザイング http://sozaing.com/ こちらのサイトにお世話になっている方は多いと思います。 私もこのサイトをすごく利用させていただいてます。 カテゴリー別なので見やすく、種類も多い…

【無料で商用可】文字の印象をグッと変える使いやすいカリグラフィーまとめ

「カリグラフィー」という言葉をご存じでしょうか? カリグラフィーとは文字(特に欧文)を美しく書く技術のことです。古くはコーランにも用いられ書面を美しく飾ることに使われてきました。 参考 : カリグラフィー - Wikipedia カリグラフィーはフォントにも…

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

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

バレンタインまで一か月! チョコっと可愛いWebサイト

年が明けたと思ったら、あっという間にバレンタイン! もう一か月切ったんですね…。 大手製菓企業では、Webサイトの方も大分バレンタインっぽくなっていました。 今年の森永、ロッテ、明治のサイトデザインは以下の通り! 1.森永製菓 全体的にピンクを基調と…

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

情報を整理してWebサイトのアクセスアップを狙おう

貴方のWebサイトは情報をしっかり整理していますか? 整理できてないなぁと思う方はこの記事を参考に情報を整理してみて下さい。 ユーザーを迷わせないWebサイト造りでアクセスアップを狙いましょう! ・情報を整理する5つの方法 1.位置(Location) 情報…

第三回全国統一HTML5実技コンテストで楽しく学んで豪華賞品をゲットしよう!

皆さんはご存じですか?jsdo.itが行っている 「第三回全国統一HTML5実技コンテスト」 http://jsdo.it/event/html5csc/vol3 お題はHTML5で表情を豊かに表現する「顔文字(・∀・)」です。 エントリーは誰でも簡単にできるみたいです。 また、選ばれると豪華…

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

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

今からでもまだ間に合う!パソコンを大掃除するメンテナンスツール4選

どうもこんにちは、僕です。2012年もいよいよ終わりが近づいて来ました。慌てて家の大掃除をしている方も多いのではないでしょうか?今回は、いらないファイル等のパソコンのゴミを掃除してくれるメンテナンスツールをまとめてみました。 ※筆者はWindows XP…

2013年流行りそうなWebサイトはズバリ!!「アシンメトリー」

2012年ももう終わりですね。皆さん今年はどんな一年でしたか? 私はマヤ文明を信じて どうせ今年中に死ぬならと思い 今まで貯めたお金を全て使って なんと・・・・・・・・・・ 世界一周旅行をしました!! なんーて冗談はさておき(-_-) 今日は2013年に流行…

【商用可】今年、何回も助けられたテクスチャサイトを紹介します。- グランジ・紙や本・木・パターンなどよく使うものはココから!

個人的にデザインする時、よく使っているのがテクスチャ!です。 ちょっと加えるだけでも、完成度が全然変わります! しかし、テクスチャが凄く気に入っても、 海外サイトだったり、著作権に基づく記述などが必要になったり、 使う時に少し大変ですよね。。…

【とびだせどうぶつの森】第二回! ゲームで楽しくドット絵に挑戦! 【QRコード付】

以前書いた、エヴァンゲリヲンのマイデザイン配布記事に引き続き、今回も「とびだせどうぶつの森」でドット絵の練習をしていきたいと思います。 今回は、お洋服というよりはよりイラストに近いものを描いていきますね。 さて、本題に入る前にみなさんは「Ib…

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

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

Dreameaverをもっと便利に! カスタマイズ&拡張機能をご紹介

こんにちは! もう年の瀬でかなり寒くなってきました。寒いと手がかじかんで上手く動かず、作業スピードが落ちてしまいますよね……。 少しでも作業効率を上げるために手を温めるのもいいですが、普段使っているDreameaverをカスタマイズするというのもいかが…

【個人・商用無料】年賀状に使える! へびのフリーイラスト

もうすっかり辺りはクリスマスの雰囲気に包まれていますね。 駅前のイルミネーションがとてもきれいです。 ただ、浮かれてもいられないこの時期…。 もう年末です。年末といえば、やらなければいけない事がありますよね。 そうです、年賀状です。 新年に、お…

2012年Webデザイントレンドをまとめておきましょう。 - 飲食店・フード関係サイト編

もう2012年もあと少し! ということで、今年流行っていた、素敵だったサイトをまとめてみたいと思います。 今回は飲食関係、フード系のサイトのまとめです。 1. Metzgerei Büttner ドイツのお肉屋さんぽいですね。 お肉の赤い色が強調されていて、お肉が一層…

知らないと損をする!?情強なら絶対知っておきたい禁断のフリーソフト集パート2

皆さんお待たせしました。 前回波紋を呼んだ・・・・ 知らないと損をする!?情強なら絶対知っておきたい禁断のフリーソフト集 http://webarekore-c.hatenablog.com/entry/2012/12/01/%E7%9F%A5%E3%82%89%E3%81%AA%E3%81%84%E3%81%A8%E6%90%8D%E3%82%92%E3%81%…

作業が捗る! プログラミングに適したフォント7個

皆さんはコーディング・プログラミングをする時はなんのフォントで打ち込んでいますか? DwやHTMLエディタ、テキストエディタのデフォルト設定で多いMSゴシックのまま作業をしているという人もいるでしょう。 勿論デフォルトのままでもいいのですが、数字の“…

【とびだせどうぶつの森】ゲームで楽しくドット絵に挑戦! 【QRコード付】

最近はenchant.jsなどでゲームを作る事もあったので、ドット絵を描く機会も増えました。 9leapなんかを覗いてみると、結構皆さんドット絵で作ってらっしゃいますよね。 あえてドット絵風にして、ちょっと昔風のゲームにしてみるのも素敵です。 enchant.jsの…

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

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