新しくブログを開設しました。

Webエンジニアがデザイナーになってみる。


上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

新しくブログを開設しました。

Webエンジニアがデザイナーになってみる。


Web@Youtility ExtJSをふんだんに使用したWebデザイン開発



今年の初めにデザイン構想の変更を行いデザインの一身を行ったばかりですが

またまたデザインを変更いたしました。

なぜデザイン変更をおこなったかというと

前回のデザインではWeb2.0という流行遅れ?なデザインに変更してみようと思い

スタイリッシュなデザインに変更しました。

しかし、レイアウトが複雑になることで新たなる問題が増えてきました。

・ブラウザ間の互換性問題が多い
・レイアウトの崩れ
・構想していたレイアウトの実現不可能
・画面サイズによって無駄な空間やスクロールバーがうざい
・ets…

など、主にCSSやブラウザ間のレイアウトの問題がありました。
現在の仕様ではCSSハックなどCSSを駆使しても実現が難しいのです。

そこで見つけたのが

ExtJS

読み方はえくすとじぇーえす

だと思っていましたが調べてみると

いーえっくすてぃじぇーえす

らしいです

ExtJSを使用すると、フレームワークがブラウザ間のレイアウトの問題を解決し様々な機能を提供してくれます。

以下のサイトが今回デザイン変更を行ったサイトです

http://webyoutility.web.fc2.com/
内容は
「ホームページ作成者やWeb開発技術者のための資料をまとめたWeb開発支援サイト」

webyoutility.jpg





ExtJSを使用して実装した主な機能は

・アコーディオンメニュー
・タブレイアウト
・相対指定100%レイアウト
・Drag and Drop コンテンツ
・折りたたみコンテンツ
・ets…

これらの機能も比較的容易に実装できました。

Sampleも用意されているので実装方法も簡単です。

データの取得やJavaと接続、非同期通信などを行うと難しくなるようです。。。

実装方法については今回は記述しませんがそのうち…。

興味のあるかたは自分のサイトをご覧ください。

テーマ:Webサービス - ジャンル:コンピュータ

新しくブログを開設しました。

Webエンジニアがデザイナーになってみる。


この世界に存在するものには様々な便利なものが用意されています。

以前にエレベーターコマンドと称してエレベータでのキャンセルコマンドなどを紹介しました。

今回はIT業界で活躍すること間違いなしのコマンドやショートカットキーを教えます。

たとえばPCをしようしている人なら誰でも使用するであろう

Windows

これのショートッカットキーです。

自分がよく使用するコマンドが

「Windowsキー + D」

これを行うと現在表示しているウィンドウが全て最小化されます。

一つずつ小さくしていくのは面倒だけどこのようなショートカットキーはいっぱいあるんですね。


あまり知られていないのが

Excel

使用頻度はそんなにないかもしれませんがこんなのがあります。

Ctrl + セミコロン;

これをExcel上で押すと・・・?

現在の時刻を出力できます

Excelで更新日などを入力するときには便利ですよね


他にも以下のサイトにコマンドやショートカットキー一覧がありますのでご覧ください。

便利なものはどんどん使用して作業効率を上げていきましょう




コマンド一覧
UNIXコマンド
viコマンド
Gdbコマンド
Dosコマンド

ショートカットキー
Excelショートカットキー
Wordショートカットキー
PowerPointショートカットキー
Accessショートカットキー
Windowsキー

テーマ:Webサービス - ジャンル:コンピュータ

前のページ
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。