タグ

webdesignに関するbasiのブックマーク (11)

  • 就活に打ち勝つポートフォリオWebサイトの作り方 | Webクリエイターボックス

    2016年2月18日 Webサイト制作 Webデザイナーとして働く際、自分をアピールするのに最も大切なのがポートフォリオWebサイト。今まで作った作品や自分がどんな人間なのか、何ができるのかを紹介するサイトを作っておけば、就職活動にも大変役立ちます。ここではポートフォリオWebサイトを作る際のポイントや素敵なポートフォリオサイトを紹介します! ↑私が10年以上利用している会計ソフト! 最新版書きました!こちらも参考にしてみてください。 ポートフォリオWebサイトを作ろう!2015年版 ポートフォリオWebサイトを作る時のポイント 1. 自己紹介 自分は何者なのか?何ができるのかをわかりやすく完結に紹介します。あまりダラダラ書いても読まれない確立が高いため、大きめのフォント・短い文章で紹介すると効果的です。 「自分はWebデザイナー」という事をはっきり書く 自分ができることをわかりやすく表記

    就活に打ち勝つポートフォリオWebサイトの作り方 | Webクリエイターボックス
  • 使えるユーザビリティーガイドライン10 – creamu

    遅いエントリーですが、Smashing Magazineで使えるユーザビリティーガイドラインがまとまっています。 ざっとご紹介しますね。 1. フォームのラベルはフィールドの上がベスト study by UX Mattersによると、フォームのラベルはフィールドの上が理想的とのこと。多くのフォームで、ラベルはフィールドの左に置かれ、2カラムのレイアウトになっている。いいデザインだが、最も使いやすいレイアウトとは言えない。なぜなら、フォームは一般的に垂直方向に並んでおり、ユーザーは上から下に向かって入力していく。ユーザーは視線を下の方向に向けていくのだ。そのため、ラベルが左にあるよりも、同じ方向にある方が認識しやすい。 2. ユーザーの視線は人の顔に向く Webページを見るとき、人の顔や目に視線が行く。マーケッターにとっては、注目を集める有効なテクニック。ユーザーは画像の中の人の視線が向いて

  • Top Gold Stocks Picks Effect Generator

    Yes you are going to see pauses and dips from time to time, but gold stocks are now in a big bull market that is going to last for years and we are here to help you get into the top metals and mining stocks to have the most effect on your account and generate the best returns you can possibly make.Take a look at this chart of the HUI miners index. Ok the HUI went up from 2001 to 2007 in a giant bu

  • 高度なダイアグラムをブラウザ上で編集&表示できる「Origamy」:phpspot開発日誌

    Origramy - Flash graph editor/viewer component 高度なダイアグラムをブラウザ上で編集&表示できる「Origamy」。 図形を作る場合は、ローカルで図形ソフトを立ち上げてキャプチャしてアップロードという使い方が多そうですが、Origamy は図形の組み立て&表示をFlashにしてしまったものです。 なかなか高機能で、以下のような組織図風のダイアグラムを作れ、更にドラッグ&ドロップで簡単に要素を移動・回転・拡大可能 次のような図も自由自在で作れます。 アイテムをドラッグすると、矢印が自動追尾してくれます。 新しい要素の配置も簡単にでき、サイズ変更なんかも自由。 アイテムのプロパティもプロパティボックスで簡単に編集できます。 編集モード、表示モードを切り替えることもでき、表示だけするということも可能です。 シェアウェアとなっているようですが、トライア

  • http://au-ss.jp/pc/index.html

  • CSSでクールなINPUTフォームを作成するサンプル:phpspot開発日誌

    woork: Liquid styled input element with CSS This tutorial explains how to implement a simple linquid styled input element using css. CSSでクールなINPUTフォームを作成するサンプル 次のような、CSSで角丸で、境界にシャドウがかかったクールなフォームのサンプルが公開。 IEでうまく動かないのが残念なところですが、なかなかカッコいいフォームとなっているようなので紹介。 ちょっと変えればIEでも動きそうなのでこういうデザインにしたい、という人は参考にするのもよいかも。 関連エントリ クロスブラウザでちゃんと動作するCSSボタン集サイト「CSS Buttons」 用途別に使えるフォームのテンプレート集「The Wufoo FORM Gallery」 CSSでク

  • Adobe : EDGE Now! ウェブの今、更新中。

    ウェブ・ポータルサイト、EDGE Now!は、2009年9月1日よりシステムのリニューアル作業に入るため、しばらくの間すべての機能を停止いたします。 8月31日をもって、機能を一時停止するもの EDGE Now!における全てのコンテンツ(ブロガーランキングや、ブログ記事の反映も停止いたします) ADOBE EDGE Now! Bookmarker EDGE Now!ブログパーツ ブログ記事の反映について 現在、ブログ記事をEDGE Now!に反映する際、カテゴリの指定やタイトル、URLの表記といったブログの書き方についてのお願いをしておりますが、8月31日をもって、しばらくの間、反映されなくなりますのでご了承ください。 再開について システムのリニューアル作業が終了し、EDGE Now!が再開した際には、登録ブロガーの方に、メールでお知らせいたします。 登録ブロガーの方のみならず、参考サイ

  • Webデザイン・デザイナーに役立つネタのまとめ | デザインフィードデータベース

    Webデザイン・デザイナーに役立つネタを収集して、データベースにまとめて公開しています

  • テキストエディタでWebサイト構築をガンバル人へ(1/3) ― @IT

    テキストエディタでWebサイト構築をガンバル人へ:どこまでできる? 無料ツールでWebサイト作成(6)(1/3 ページ) 「あえて」テキストエディタでWebサイト構築 今回はテキストエディタと組み合わせることで、開発をより便利にできるツールについて考えてみよう。 現在「あえて」テキストエディタでの開発を行われている方には、現在使っているエディタを選択するまでの“経緯”や“こだわり”があると思う。筆者もこれまでにさまざまなテキストエディタを試し、「この程度のもので十分だ」と感じるテキストエディタを現在使っている。 テキストエディタ+α そこで今回は、テキストエディタ自体とそのプラグイン/拡張機能に関する紹介は行わないこととし、「どのようなテキストエディタを使っている場合でも、組み合わせて使うことでより簡単にWebサイト構築ができるツール」という観点で紹介したいと思う。もちろん、Webオーサリ

    テキストエディタでWebサイト構築をガンバル人へ(1/3) ― @IT
  • ホームページのデザイン本を買う前に見ておくとお得なエントリまとめ 見本サイト数135程*ホームページを作る人のネタ帳

    (このイメージは、このブログの記事内容をイメージするもので、実在しません) 先日書店に、ホームページのデザイン集なるものがおいてあったので、買ってみた。 2000円出して買ったですが、どうも損した気分に陥る。 そんな損した気分に陥る人が他にもいるかもしれないので、ホームページ、及びブログのデザインのインスピレーションをここにまとめておく事にします。 30ブログデザイン 最近話題になったエントリ。 30 More Excellent Blog Designs 良質なブログデザイン30サイトのまとめエントリ。 Simplicity and Whitespace(シンプルと空白のデザイン)からはこのブログデザインが好き。 すごくすっきりしているというのとさっぱりしていて、ちょっとクドイ。 Theocacao Weblogs Which Don’t Look Like Weblogs(ブログのよ

    ホームページのデザイン本を買う前に見ておくとお得なエントリまとめ 見本サイト数135程*ホームページを作る人のネタ帳
  • Travellers Tales : ウェブサイトを iPhone/iPod touch 対応にする最も簡単な方法

    ウェブサイトを iPhone/iPod touch 対応にする最も簡単な方法 viewport を設定して iPhone/iPod touch に対応しよう ぼちぼち iPod touch が届き始めましたね。 Safari on iPhone/iPod touch のために用意された meta 要素の viewport 属性1を使って、あなたのサイトをなんちゃって iPhone/iPod touch 対応にする方法を説明してみたいと思います。 方法は簡単です。 <meta name="viewport" content="width=1024" /> head 要素に上記のようなタグを入れるだけです。ただ、ここで width に指定する横幅を自分のサイトに合わせて最適化する必要があります。 ちなみに、上記の width=1024 となっている viewport の設定は Apple のホ

  • 1