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

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

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

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

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

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

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

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

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

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

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

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

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

ナビゲーションやボタンのデザインに悩んだ時に見たいWebサービス

遊び心のあるグローバルナビゲーション、見やすいメニュー、かわいいロゴ……見ていて楽しいUIは、けれど自分でつくろうと思うとなかなか上手くいかないですよね。 デザインに悩んだ時はデザインを見るのが一番! というわけで今回は、そんな時に利用したいWeb…

PNG画像をもっとスリムに! 容量を削減してくれるフリーサイトと無料アプリ

Webサイトやアプリを作成する際に、画像を使用すると重くなってしまったりしますよね。 重いと開くときに時間がかかったり、落ちてしまったりとユーザーのストレスにもなりかねません。 しかし、Photoshopで容量を削るにしても、フチに白いギザギザがでてき…

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

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