Webサイトをデザインをしていて、どうにもサイズがずれる事があるかも知れない。そうした時、いちいちソースを表示してCSSのクラスを確認して、CSSファイルと照らし合わせていないだろうか。非常に手間ひまのかかる作業だ。 表示されているそのものを確認できれば便利だ。そしてそれを実現するソフトウェアがこれだ。 今回紹介するフリーウェアはXRAY、CSSレイアウトの情報をフローティング表示するソフトウェアだ。現在ライセンスは明記されていないが、将来的にはオープンソース化される予定との事だ。JavaScriptなので、ソースは現状でも見ることが可能だ。 XRAYはBookmarkletとして導入するソフトウェアで、公式サイトのブックマークをツールバーに登録すればインストール完了だ。後は任意のサイトでBookmarkletを実行すればいい。 Bookmarkletを実行すると、ブラウザ上にフローティン
CSS Dock Menu If you are a big Mac fan, you will love this CSS dock menu that I designed.超絶クールなMacOS X風ドックメニュー「CSS Dock Menu」。 動きが滑らかで画像の拡大縮小に伴う劣化が少ないのが特徴です。 jQueryベースのJavaScriptプログラムとなっていますが、サンプルを適当に変更することでJavaScriptの知識がなくともカスタマイズは可能でしょう。 サイト作成時の1ネタとして覚えておいて損はないサンプルでしょう。
ユーザに2つの選択方法を提示することが、かえってユーザを適切でない行動に導いてしまうこともあります。今回は検索条件の入力画面を用いて、その一例をご紹介します。 図1のような画面構成で、 チェックボックスを選んでから選択ボタンをクリックすると、チェックボックスがOnとなっている駅名で検索を実行(=複数選択が可能)青字下線をクリックすると、その駅名のみで検索を実行という機能になっていたとします。 この際に行ったユーザビリティ調査では、渋谷か新宿か池袋であればどこでも構わない、といったような複数の選択肢を持つニーズが多く見られたにも関わらず、青字下線のリンクを最初にクリックするケースが度々観察されました。� この画面構成の場合、チェックボックスよりも青字下線リンクの方がアフォーダンスが高いため、多くのユーザは頭に思い浮かんだ駅名をページ内で見つけると、次のアクションとして青字下線リンクをクリック
This domain may be for sale!
セミナー開催情報 CSS Nite以外のセミナーへのお問い合わせは、 それぞれのイベントの主催者までお願いします。 マーケティングの全体像がわかる、選ばれる会社を作るためのマーケティング思考 「マーケティングについて基本から学びたい。でも、どこから手をつければよいのか…」という声にお応えして、久野 高司さんにお話しいただきます。最新のマーケティングツールやテクニックではなく、全体像や具体的な戦略について専門用語を使わずに解説いただきます。 開催日:2024年10月10日[木] オンライン 詳しく見る これから始める人のためのFigmaスピードマスター(2024新UI版) #朝までFigma の直前企画として、これからFigmaに取り組む方向けの速習講座です。 開催日:2024年10月16日[水] オンライン 詳しく見る
hello test (^o^) 縁あってLaravelの書籍を献本いただきました。 『Laravelエキスパート養成読本[モダンな開発を実現するPHPフレームワーク!]』 http://www.amazon.co.jp//dp/4774173134 Laravelは個人的にはすごく好きなフレームワークです。PHP界のフレームワークはかなり氾濫していて、色々試したこともあるのですが、これぞ!というものにはなかなか巡りあうことができませんでした。 気にいるものがなかったので結局自分でフレームワークをつくったりしていた時期もあったのですが、Laravelを使ってみたところ、 これはすごくいいなーと思い、それ以来PHPで何かつくるときには愛用しています(とはいえちょっと開発の現場から離れていたこともあり、そんなに経験豊富なわけではないのですが)。 今年のあたまにver5.0にメジャーアップデート
PHPでは、HTMLページ内に<?php ?>タグで括る事によって、 HTML(デザイン部分)とプログラム(ロジック部分)を同一ページに記述できます。しかし、同じファイル内にデザイン部分とロジック部分を記述するとメンテナンスが非常に困難となります。Java でも JSP で同じような問題が発生し、JSP 2.0 でカスタムタグの導入により ロジック部を分離することができ、Struts というフレームワークまで生まれました。 PHP では、Template Engine という技術によってデザイン部分とロジック部分を分離させメンテナンスを向上させることができるようになりました。このことで、デザイナーとプログラマーが同時に作業を行えるようにもなりました。この Template Engine は、それほど作るのに難しくはありません。しかし、自分で創って自分でメンテナンスしていくのは大変というので
いま、ビギナーズガイド書き直しネタの次のやつを仕込んでいる最中なんだけど、もう疲れちゃった。3時間かけてニューヨークに来てみてもさっぱりはかどらない。だから、この作業はちょっと脇に置いて、みんなで意見を出し合えるものをやろうかと思った次第。 検索業界のウェブサイト(検索エンジンを除く)で、みんなが一番参考にしているサイトを5つあげるとしたら――これがないと生きていけない(もしくは、これがないと稼げないとか)といえるものは何かな? 僕の答はこうだ。 Techmeme 1日に何回かTechmemeを見ておけば、ブログ界やハイテク業界での大きな話題を見逃すことはまずない。その点だけでもすごく貴重だ。これがなかったら、今頃どうなっていたことやら。話題を見逃さないために、もっとたくさんのサイトを眺めて回らなければならなかったに違いない。 Search Engine Land 検索業界において、業界ニ
Latest Comparisons Sun 28th Sep '08 Apple iPhone vs Pack Of Playing Cards vs xps Sun 28th Sep '08 FSC Loox 720 vs Eten Glofiish M800 vs HTC Touch HD vs Nokia E60 vs htc touch diamond Sun 28th Sep '08 HTC Touch HD vs HTC Touch Diamond vs Apple iPhone vs samsung i900 omnia vs XPERIA X1 Sun 28th Sep '08 HTC Touch Diamond vs samsung i900 omnia vs Apple iPhone vs HTC Touch HD vs XPERIA X1 Sun 28th Sep
「.htaccess」はお手本があればそれをカスタマイズしたりすることも可能なのですが、一から書くのは難しいという人もけっこう多いのではないでしょうか。 サーバへのアクセスをコントロールしたり、ベーシック認証したり、エラーページを指定したりといった設定が可能で、ネタフルでもけっこう使っていたりします。 実際に試してみました。 うは、これはなかなか良いですね。 ベーシック認証、エラーページ、WWWあり/なし、リダイレクトなどの設定をして、出力されたテキストをコピー&ペーストすればOKという訳です。 ここまで簡単になっているのにまだ言うかという感じなのですが、それぞれの機能の詳しい説明とか具体例とかあると、さらに初心者に優しい気がしました。 ちなみに海外には「.htaccess generator」というサイトもあります。
フロント・ページ 河本孝之のウェブサイトです。情報セキュリティから人種差別やタイポグラフィまで、個人としての趣味や関心にかかわるページを全て列挙しています。 https://www.markupdancing.net/ 2020-08-03 14:08:18 2020-08-03 14:08:18 2024-02-19 09:13:47 MarkupDancing,MD,Takayuki Kawamoto,philsci,河本孝之 Takayuki Kawamoto, 河本孝之 philsci Chief Privacy Officer, 個人情報保護管理者, general manager at department of infromation systems, 情報システム部長 Philosophy of Science Society, Japan: 日本科学哲学会 Graduat
複数RSSを1つに統合したり、RSSをPDF等各種形式に変換できるサービス「xFruits」 2007年02月22日- xFruits - Compose your information system 複数RSSを1つに統合したり、RSSをPDF等各種形式に変換できるサービス「xFruits」。 今やRSSといえば、サイト作成においてなくてはならないほどのフォーマットになりました。 そのRSSを色々便利に加工できるサービスがxFRUITSです。 複数のRSSを1つにまとめたり、RSSをメールで送ったり、RSSをPDFにしたりと、様々な便利な機能が提供されています。 このツールを活用し、工夫することで、よりよいRSSライフが送れそうです。
付箋紙のような感じのサイドノートをブログの本文中に追加できます。背景色の変更なども自由自在で、非表示にするのも再表示させるのも簡単。JavaScriptとCSSを使っています。 ダウンロードと使い方や例は以下のサイトから。 arc90 lab : tools : Unobtrusive Sidenotes ダウンロードはこちらから http://lab.arc90.com/tools/sidenote.zip 上記サイトの「How Do I Use It?」に使い方が詳しく書いてあります。 実際の例はこちら。 arc90 lab | tools: Sidenote Demo http://lab.arc90.com/tools/sidenote/ 左上の「Hide Sidenotes」をクリックするとサブノートを非表示にできます。本文中に、脚注やちょっとした豆知識みたいなのを入れておきたい
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く