Fantastic website design in Flintshire, North Wales from Stuff and Nonsense iPhoneやAndroid携帯といったスマートフォンからiPadのようなポータブルデバイス、従来のPCやノートPCにいたるまで、ネットワークにアクセスするデバイスの種類は多様化している。こうしたディスプレイサイズも解像度密度も異なるデバイスに対してそれぞれに適したデザインを提供するというのが、最近のWebデザイナの間で取り上げられることが多いトピックになっている。 こうしたトピックで取り上げられることが多いテクニックがCSS3のMedia Queryを使う方法だ。デバイスの解像度や密度の情報を取得して、それに応じて適用するCSSを切り替えるというもの。これまで多くのブログでこのテクニックが取り上げられ、サンプルコードとともに紹介されている

前回は、FTPのコネクション管理など基本的な概念について解説した。今回はそのほかのコマンドや機能について見てみよう。 その他のコマンド群 前回説明しなかった、そのほかのコマンドについて解説しよう。また、別表に用意したコマンド一覧も参考にしてほしい（こちらをクリックすると、別ウィンドウでコマンド一覧を表示します）。 CWD　ディレクトリ名 CDUP CWDは「Change Working Directory」、CDUPは「Change Directory to UP」の意味だ。FTPでは「ワーキングディレクトリ」という考え方がある。今現在ユーザーがログインして作業中のディレクトリ位置を指す。UNIXのシェルやDOSプロンプトと同じ考え方だ。「カレントディレクトリ」と呼ばれることもある。 CWDは指定したディレクトリへと、ワーキングディレクトリを移動するコマンドだ。ディレクトリ名は、絶対パスで

CSSセレクタって意外と分かっていなかったりするので勉強ついでにまとめてみました。比較的実用的かなと思うものを20個紹介していきます。いい復習になればと思います。 CSSセレクタはスタイルを適用する対象を指定するものです。普段何気なく使っているclassやidなどもセレクタの１つです。 属性や要素といった堅苦しい用語が出てきますので図で簡単に説明します。 私のように基礎から勉強していないと、要素や属性と聞いてもピンときませんが、知ってみるとなんてことはないですね。 また、IEが対応しきれていないCSS3のセレクタもありますが、IE6～8でもCSS3セレクタが利用できるツールの決定版「Selectivizr」 で紹介したようにCSS3セレクタはie対策も容易なのでぜひお試しください。 SelectivizrはCSSを外部ファイルで指定した方がいいのですが、今回のサンプルはCSSを外部ファイル

{{tag: go, test, testing, actually }} actually は Go の testing ライブラリです。明示的なインターフェースと一貫性の高いメソッド群、そしてメンテナンスやリファクタリングの際に力を発揮するフェイルレポートを備えています。 [[https://github.com/bayashi/actually ac... つづきを読む

Webの開発者をやっていると良くいわれていることですが、HTTP GETメソッドを使うなという話を聞きます。セキュリティの点もありますが、HTTP GETメソッドですべてのパラメータをサーバに送れないからというのがその理由のようです。 実際どこからでているのか、現在もそうなのか？という疑問を感じたので、HTTP GETの制限を調べてみました。 RFCではどうなっているの？ まずHTTP1.1のRFC2616を調べました。 とりあえず、日本語訳がありましたので、引用いたします。http://www.studyinghttp.net/cgi-bin/rfc.cgi?2616より HTTP プロトコルでは、URI の長さにどんな制限も設けていない。 サーバは、自身が持つどんなリソースのURI も扱えなければならないし、もしそのような URI を生成する GET ベースのフォームを用意するなら、無

カテゴリー別配色アイデア100配色によってそのデザインの印象は大きく変わると思います。色は大切な要素のひとつですね！ということで、色の持つ印象別に配色アイデアをずらりと並べてみます。配色はおなじみ（？）のCOLOURloversから、「これは！」と思うものを選ばせて頂きました。素敵な配色がいっぱいのこのサイト、ぜひ覗いてみてください！また、今回紹介するのはあくまで一例ですので、自分なりにアレンジしてみるのも楽しいと思います。サイトの雰囲気にあう配色を探してみてください。 配色に関するおすすめサイトCOLOURlovers色をテーマにしたコミュニティサイト、COLOURlovers。自分の考えた配色を登録したり、お気に入りの配色を保存しておくことができます。今回はこちらから配色アイデアを選びました。 ウェブ配色ツール Ver2.0以前「配色に自信がなくても！Web デザインが好きになる配色ツ

鬼教官（通称）とゆる～い手下３匹組が、自衛隊についてあなたにも分かりやすく一生懸命解説するよ！高校生の団太郎・桃子と一緒に、自衛隊に詳しくなろう☆ ●　『ジエイのお仕事』　～WEBコミック～　● 『ジエイのお仕事』page1 『ジエイのお仕事』page2 『ジエイのお仕事』page3 『ジエイのお仕事』page4 『ジエイのお仕事』page5 『ジエイのお仕事』page6 『ジエイのお仕事』page7 『ジエイのお仕事』page8 『ジエイのお仕事』page9 『ジエイのお仕事』page10 『ジエイのお仕事 vol.入隊編』page1 『ジエイのお仕事 vol.入隊編』page2 『ジエイのお仕事 vol.入隊編』page3 『ジエイのお仕事 vol.入隊編』page4 『ジエイのお仕事 vol.入隊編』page5 『ジエイのお仕事 vol.入隊編』page6 『ジエイのお仕事 vol.

な、なんと！Yahoo!Pipesを使えばタイトルを短く成形することができるとは！ 早速実践。 でも…その前に ついでに以前の記事『気に入った記事にはてブをつけて全文Evernoteへ全自動で保存する方法 +α(アルファ)』がちょっとわかりづらい書き方なので全体像をもうちょっとわかりやすくまとめることにする。 ちなみにこの記事を便利に感じてくれる人はこんな人だろうか？ GoogleReaderでお気に入り記事を日々読み漁り、気に入った記事を共有したい人 気に入った記事をTwitter上で非公式RTしたい人 なんでもevernoteに入れたい人 evernoteに入れる時に全自動でしかも1ページ単位で保存したい人 気に入った記事には「はてブ」をつけてあげたい人 evernoteに入れた記事のタイトルも見やすくしたい人 やることはひとつだけ 『Googleリーダーで読んでいる記事をメモを付けて

2017年6月29日 Webデザイン, 色彩 ページを開いた瞬間にそのWebサイトのイメージを左右するほど重要な要素「色」。しかし色の組み合わせ、配色には無限のパターンがあり、正しい配色を見つけるのは簡単なことではありません。ここでは色彩の基礎と配色パターンの見つけ方の一例を紹介します。 ↑私が10年以上利用している会計ソフト！ まずは色彩の三属性について 色は彩度・明度・色相の三属性（三要素とも呼ぶ）から成り立っています。 彩度 色の鮮やかさの度合いを表します。彩度の高い色は派手・華やか・目立つ色といえます。子供服やキャラクターグッズ関連のサイトには彩度の高い色が使われることが多いです。逆に彩度の低い色は地味・おだやか・上品であるといえるでしょう。和食・ヴィンテージ風デザインのサイトには彩度の低い色がよく使われます。 明度 色の明るさの度合いを表します。明度が高い＝明るい色はさわやかで爽