少し前までのWebサイト制作ではフレームによって簡単に実装されていましたが、Web標準が重視されフレームの使用がご法度になった今、画面全体がスクロールするWebサイトが一般的になりました。しかし、コンテンツ部分が長くなると、コンテンツ上部にあるメニューボタンの利用が不便になるなど、ユーザビリティの低下も否めません。 好みや慣れもあると思いますが、XHTML+CSSでフレームのようにヘッダとフッタを画面の上下に固定し、常に表示する方法をご紹介します。 ページの情報量が少ない場合も画面最下部にフッタを表示する方法は、フッタ固定で紹介しています。 サンプル ヘッダとフッタを固定して常に表示するサンプル（別ウィンドウで表示） ソース 上記サンプルで使用しているソースです。 body{ margin: 0; padding: 100px 0 50px 0; } * html body{ overfl
type=”hidden” 画面上は表示されない隠しデータを指定する type=”text” 一行テキストボックスを作成する（初期値） type=”search” 検索テキストの入力欄を作成する type=”tel” 電話番号の入力欄を作成する type=”url” URLの入力欄を作成する type=”email” メールアドレスの入力欄を作成する type=”password” パスワード入力欄を作成する type=”datetime” UTC（協定世界時）による日時の入力欄を作成する type=”date” 日付の入力欄を作成する type=”month” 月の入力欄を作成する type=”week” 週の入力欄を作成する type=”time” 時間の入力欄を作成する type=”datetime-local” UTC（協定世界時）によらないローカル日時の入力欄を作成する type
HRForecast の API で値を投げた時に返ってくる JSON に、これまではエラーの有無とエラーメッセージだけでしたが、POST 成功時にはグラフの情報が含まれるようになりました。 { :metricses => [ [0] { :section_name => "test_section", :id => "1", :colors => "[\"#99cc33\"]", :updated_at => nil, :service_name => "test_service", :graph_name => "test_graph", :color => "#99cc33", :meta => "{\"color\":\"#99cc33\"}", :created_at => nil, :sort => "0" } ], :error => 0 } 他にもいくつかの JSON AP
Note: SITE RESTORATION IN PROGRESS Solarized Precision colors for machines and people Solarized is a sixteen color palette (eight monotones, eight accent colors) designed for use with terminal and gui applications. It has several unique properties. I designed this colorscheme with both precise CIELAB lightness relationships and a refined set of hues based on fixed color wheel relationships. It has
5-10分くらいの作業でターミナルをこんな見た目に変えられます。 oh-my-zsh robbyrussell/oh-my-zsh · GitHub zsh用の設定管理フレームワークです。プラグイン形式でzshに機能追加したり、テーマを設定することでzshのビジュアルを変更することができます。既に数多くのプラグインやテーマが提供されています。 今回はテーマの設定だけ行います。 インストール curl -L https://github.com/robbyrussell/oh-my-zsh/raw/master/tools/install.sh | sh テーマの設定 vim ~/.zshrcでZSH_THEMEにテーマ名を設定します。テーマ名やグラフィックは robbyrussell/oh-my-zsh · GitHub > Themes で見ることができます。例えばwedisagreeテ
[追記] 色々と問題を修正しましたので、最新版 (v0.0.5) をご利用なさる事をおすすめ致します。 (問題を報告して下さった@__gfx__さん、@uzullaさんありがとうございます) [追記ここまで] この度、Pod::Text::Color::Delight というモジュールをリリース致しました。 https://metacpan.org/pod/Pod::Text::Color::Delight https://github.com/moznion/Pod-Text-Color-Delight Perlの入門書や入門エントリ等を読みますと、「Perlのドキュメント調べるなら、`perldoc` コマンドでひくのが手っ取り早くて良い！」みたいな事がよく書かれていて、まあまあそれはその通りだよなーとは感じつつも、 `perldoc` コマンドで出力されるドキュメントって白黒で淡泊す
あの頃はホームページを作っているだけで楽しかった。誰も見ていなくてもプログラミングっぽいことをやっているのが嬉しかった。 そんな純粋な気持ちを取り戻すために今回は90年代のホームページの作り方をおさらいしておこうと思います。ゆっくりしていってね！ ▲まず、ウィンドウズに入っている「メモ帳」を開いてこう書きましょう。そして「index.html」という名前で保存して下さい。 ▲次にこう書きましょう。こう書くことでホームページの画像が盗まれなくなります。 次は背景画像を準備しましょう。 ▲今回はこちらの画像を使います。画像の名前は「haikei.gif」など分かりやすいものにしましょう。そして「gazou」という名前のフォルダを作ってそこに入れましょう。 ▲そして、こう書きましょう。 ▲index.htmlのファイルを「インターネット」にドラッグアンドドロップしてみるとこうなります！ ▲次にこ
import urllib2,os; pf='Package Control.sublime-package'; ipp=sublime.installed_packages_path(); os.makedirs(ipp) if not os.path.exists(ipp) else None; urllib2.install_opener(urllib2.build_opener(urllib2.ProxyHandler())); open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net/'+pf.replace(' ',' ')).read()); print 'Please restart Sublime Text to finish installation' { "color
Webアプリケーション開発時などに依存するバックグラウンドプロセスを管理するツールとして rubyで作られた foreman というツールがあります Procfileという名前のファイルに worker: ./bin/worker web: plackup web.psgi と書いて $ foreman start とやると指定したプロセスを起動してくれるらしいです。 cho45やtokuhiromからの提案もあったので、Procletをベースに同様の機能を持つprocletコマンドを作り、Procletに同梱してリリースしました。 https://metacpan.org/module/Proclet バージョン0.11で追加されました。 インストールは $ cpanm Proclet 使い方 実装されていない機能もあるけどだいたいforemanと一緒です Procfileを用意して p
For full functionality of this site it is necessary to enable JavaScript. Here are the instructions how to enable JavaScript in your web browser.
色の正確な認識に影響する要因はたくさんあります。テストの結果が毎回異なる場合は、下記の理由が考えられます。 照明：照明は色覚に大きく影響する要因の一つです。脳が認識する色は、照明色によって左右されていることをご存知でしたか？照明装置などを用いて、常に管理された光源下で色を判断するようにしましょう。 背景色の影響：人間の目が認識する色は、周囲の色に影響されます。この現象を同時対比と呼びます。色を判断する際、常にニュートラル色の環境で行ってください。 目の疲労：私たちの目は疲れやすく、物体を2、3秒以上眺めると目の化学物質が消耗され、間違ったカラー情報が脳に送信されてしまいます。色の目視評価を行う際は、再度観察する前に目を休めてください。 乏しい色の記憶力：どんな色でも、詳細を記憶するのは非常に難しいことです。わずかな色差を効果的に判断するには、サンプルが人の心を動かす程に印象的でなければいけ
次にタブのデザインを変更します。 今回の基本で利用しているには「tabを利用してのviewを作成する。」のファイルです。 デザインを変更する為に利用するのは、 tab.setIndicator(“tab”); の関数で引数に文字を代入した時や、画像を代入をした場合には、デフォルトのタブのデザインに代入をしたタブが作成されますが、引数にviewクラスをいれる事で、viewを表示する事ができます。 ここで、viewクラスを継承したクラスを作成したものを、引数に用いて利用をしたのですが、どうもstateがselected（選ばれてる状態）の取得がうまくできなかったので、 整理できない底辺プログラマのメモブログさんを参照させていただきました。 ここで、view用のレイアウトファイルを用いました。 tablayoutfile.xml <?xml version="1.0" encoding="utf
色リソースをプログラムからではなくレイアウト用XMLファイルなどから参照することも可能です。XMLファイル内から色リソースを参照する場合には次のように記述します。 @color/ID 「ID」には色リソースに対して「R.java」ファイル内で割り当てられた値を指定します。 それでは実際に試してみます。まずテスト用に「test08_01」と言うプロジェクトを作成します。 次に色リソースを定義するためのXMLファイルを作成します。 <?xml version="1.0" encoding="utf-8"?> <resources> <color name="olive">#808000</color> <color name="chocolate">#d2691e</color> </resources> 上記を「color.xml」と言うファイル名で保存して下さい。保存する場所はプロジェクト
2012年2月16日 福井工業高等専門学校で行いましたデザインセミナーでのスライドです。Read less
織田信長 ぼちぼち、元気にやっています。少し薬にも慣れた...んかなぁ。相変わらず食べられないけど。朝、指がこわばって文字なんて入力できなかったけど、それはほぼなくなった。関節もどこも痛くない。薬効いてきたんやろな。 で、ブログを書こうと言う気がまた起きてきた。 …
3. 自己紹介 職業：デザイナー 物心ついたときには絵を描くのが好きだった そのままの勢いで某美大某デザイン科に進学 社会に出たらデザインの話が通じなさすぎて悶絶 そんな社会に対して、デザインの効果をりろんてきに説明して説得しようとしている marippe_
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
