MarkercssはCSS製のオープンソース・ソフトウェア。開発者はWebデザインが苦手だ。絵が描けない、デザインのイロハが分からないなどと色々な問題はあるだろうが、その一つにCSSの使い方がよく分からないというのがある。特にブラウザ間の誤差をうまく吸収できないのだ。 こんな感じのデザインも容易に Firefoxで見栄えよく仕上がったと思ったらIEで見たら破綻していた…そんなことを繰り返しているとデザインがいやになってくる。そこで使ってみたいのがMarkercssだ。Markercssは設定を一つ一つ行っていくのではなくシンボル化することで手早くデザインできるようにする。 例えばフォントをArialの12ポイントにしたい時にはクラスに“A s12”と書く。レイアウトを幅900pxにしたい時にはw900と書く。同様に高さはh500といった具合に定義する。Markercssの規定する方式に沿っ
Live CommerceはPHP製/Webベースのオープンソース・ソフトウェア。Eコマースシステムは一から構築する必要がなくなっているのが実感できる。すでに多数存在するEコマースシステムの中から選べば良いだけだ。とは言え海外製をそのまま持ち込んでも通貨や商習慣、配送システムの問題がある。 ショップサイト そこで注目したいのは日本製のEコマースシステムだ。こちらもすでに幾つかのソフトウェアがあるが、新たに登場したのがLive Commerceだ。Live CommerceはZend Frameworkを用いて開発されているオープンソース・ソフトウェアだ。 Live Commerceは実に多彩な機能を提供している。ショッピングサイトと管理画面はもとより、売り上げランキング、関連商品、ポイントシステム、値下げ表示、キーワード登録、ウィッシュリスト、レビュー、お勧め商品などの機能がある。 管理画
気になって調べたのでメモします。 HTMLやCSSの知識を必要とせず、 ドラッグ&ドロップで作成するなど 直感操作でWebサイトを作成できる フリーのオンラインサイトビルダーを いくつかご紹介致します。 基本的に、作成したサイトはそのサービスのサブドメインまたは独自ドメインを登録して運営します。使用して気が付いた点をメモしておきますが全ての情報ではありません。 yola ネタ帳さんの記事(有料ソフトとデザイン作業を無力化させる30のブックマークまとめ)で知ったサービス。直感で操作、独自ドメイン(yulaで取得、年19$程度)の利用も可能。日本語も文字化けしません。 yola Moonfruit ドラッグ&ドロップで作成。HTMLもCSSの知識も不要。日本語は使えませんが、上記のように、画像や特殊なテキスト部分も変更できる。 Moonfruit weebly 独自ドメインの利用も可能。メール
PerlとRubyの文法一覧がとても良くまとまっていたので、便乗してPHPでもやってみました。 Perl基礎文法最速マスター – Perl入門〜サンプルコードによるPerl入門〜 Route 477 – Ruby基礎文法最速マスター 他の言語をある程度知っている人はこれを読めばPHPの文法を何となく理解できると思います。 間違い、不足等々あれば教えて下さいm(_ _)m バージョン PHP5.3系がリリースされていますが、ここではPHP5.2系を対象としています。 1.基礎 コードブロック PHPコードは「<?php」という開始タグから始まります。終了タグは「?>」です。HTMLにPHPコードを埋める際は終了タグを使いますが、ライブラリのようにPHPコードのみを記述する際は終了タグを省くことが慣例となっています。 終了タグを省く理由について id:Kiske さんに解説頂いています。ありが
Twitterのフォロワー数だけ値段を割り引くボードゲーム屋「すごろくや」に行ってきました2010.01.28 22:00 高円寺にあるボードゲーム専門店「すごろくや」では、現在、「ツイッター対応と「買い物なう」キャンペーン」というキャンペーンをしています。 これは、レジで今同店で買い物をしている旨をつぶやくと、フォロワー数の分だけ割引してくれる、というキャンペーンです。例えばフォローしてくれている人が100人だったら100円引き、という感じですね。 えっと...ってことは... 僕はフォロワー数が20万くらいなので、20万円強分割り引かれる!? 行っちゃう!? ボードゲームなんてどんなに高くても1万円くらいでしょ? 悪魔のように乗り込んで、フォロワー数分のボードゲームを買い占めちゃう!? そんな風に盛り上がりましたので、本日午前、意気揚々とお店に乗り込みました。 結果は、 無理でした(泣
承接全國各地地坪工程! 成都cl社区最新地址建築工程有限公司是一家專業研製、生產硬化骨料和多樣化型材硬化劑,以及承接工程施工為一體化的專業地坪公司。 目前生產硬化型材,具有密度性高、耐磨性強、色彩鮮豔、一次性成型等優點,主營:環氧地坪,固化劑地坪,水泥自流平,壓花地坪,透水地坪,塑膠跑道,複古地坪等。 工程涉及:電子、五金、精密儀器、儀表、食品、光學生物品、醫藥電腦房、學校等領域。此型材在各地受到廣大顧客的讚賞和親睞。 成都cl社区最新地址擁有經驗豐富的工程技術人員,認真負責的施工人員及一批專業的銷售人員,過硬的專業經驗、優良的施工品質,完善的售後服務和良好的企業形象。公司成立以優良的品質,真誠的服務及高度的責任感贏得了客戶的好評和信賴。 ……
3.570 iconos se incluyen en formato PNG (16x16 píxeles) + 352 extra iconos.
「ねー、見て見て! 買っちゃったあ!」。ダイニングカフェに入るなり、中津川あやが、嬉しそうに新品のバッグをカウンターに置いた。「前から欲しがっていたアレね」と、藤野香織がグラス片手ににっこりと微笑む。「いつものお店で買ったの?」。 「う、うーん。あそこは正規のブランドショップでしょ? 今さらだけど、ちょっとでもお安くて、お得なほうがいいかも、って・・・。つい、量販店で買っちゃいました」と、あやは少しばかりきまり悪そう。「あら、『私はこのブランドが大好きだから、私はあの正規のショップで買う。それがブランドの価値を守るって言うことよ!』って宣言していたじゃない?」と香織は追い打ちをかける。「だ、だって・・・」とあやは言い訳しようとすると・・・。 黙って2人の会話を聞いていた榊理恵が、突然叫ぶ。「だから嫌なのよ! 商品の良さを理解してもらおう、ブランドに愛着を持ってもらおうと私なりに一生懸命に頑
ブラウザ上でサクッとCSSデザインできちゃう超便利なjQueryプラグイン「Design in the Browser」 2010年01月28日- Use jQuery - Blog - Brosho 'Design in the Browser' jQuery Plugin ブラウザ上でサクッとCSSデザインできちゃう超便利なjQueryプラグイン「Design in the Browser」。 インスタントにCSSでデザインというと、Firefox の EditCSS とか CssMate とか サイトのCSSを見たままリアルタイムに編集するツール色々 で紹介したもの等色々ありますね。 今回紹介するのは jQuery のプラグイン形式でインクルード後、初期化すると、以下のサイクルでサイトデザインが出来ます。 (1) エレメントをクリック (2) CSSを記述 (3) 1,2 の繰り返し
How to Make a CSS Sprite Powered Menu | Build Internet! CSSスプライトを使ったナビゲーションメニュー作成サンプルとチュートリアル。 CSSスプライトによって実装された次のようなクールなメニューを作成するチュートリアルと、成果物のアーカイブがダウンロードできます。 メニューは綺麗な ul のリストで作れるのでマークアップ的にも安心です。 <ul> <li>・・・</li> <li>・・・</li> <li>・・・</li> </ul> コードがシンプルに掲載されていてわかりやすいものになってますので入門にもよさそう。 関連エントリ サイト高速化のためのCSSスプライトをブラウザ上で簡単作成できる「Sprite Creator」 CSSスプライト作成補助ツール「CSS Sprit.es」
時代はサーバ仮想化からコンテナへ あらためて整理したい企業ITにおける コンテナ活用の基礎と採用メリットを紹介 IT部門のDXはこれだ! IT運用管理新時代における最適な運用管理 の現場作り さあ、その想いをカタチにしよう。 Google Cloud が企業の未来に向けた生産性 向上とコラボレーション実現のヒントを解説 単純なインフラ製品の販売ではない DX、コンテナプラットフォームの実証など 自社の取り組みで得られた知見を顧客に提案 オープンソース活用はあたりまえ! そんな今だからこそ改めて考える 企業ITにおけるOSS活用のメリットとリスク 特集:IT最適化への道 成功の秘訣をその道のプロが解説 カギとなるのはシステムの「見える化」 EDRトップランナー対談:後編 セキュリティ戦略を転換せざる得ない背景と EDRのような手法が必要な理由に迫る 激変するビジネス環境の中でのDX モダンア
なんということはないのだが、眺めていると楽しいのでご紹介。 Sweet GIFsではアートっぽいGIFアニメを集めている。 左上にあるナビゲーションがちょっとわかりにくいが、矢印をクリックすることで次々に作品を見ていくことができる。 作品によってはロードに時間がかかるが、素敵な作品ばかりなのでぜひ見て欲しい。 ちょっとしたインスピレーションを得るときにも使えるのではなかろうか。
高精細のグランジ風のペーパーのテクスチャ素材がまとめてダウンロードできるパッケージをArbenting Freebiesから紹介します。 6 Free High-Res Grungy Paper Textures ダウンロードできるテクスチャ素材は6枚がセットになっており、フォーマットはJPEGで、サイズは2336x3504と高精細なものとなっています。 グランジ風のペーパーのテクスチャは、こってりしたグランジ風ではなく、控えめな感じです。
テクスチャをスクロールに合わせて移動させる「displacement maps」のテクニックを使用したスタイルシートをRomán Cortésから紹介します。 Pure CSS Coke Can 「displacement 」は移動、転置、置き換え、といった意味で、CSS1のbackground-attachmentとbackground-positionを利用して、スクロール時に画像の異なる部分を表示させています。 当初はコードの複雑さと巨大さでサイズが肥大化するだろうと思われていましたが、5KB以下のコードで実装できたそうです。 対応ブラウザはIE8, Fx3.5, Op10, Safari4, Chrome3で動作テストをしたとのことです。
MP3ファイルのテキストリンクの横に自動でめちゃめちゃ小さいMP3プレイヤーを設置できるスクリプトを紹介します。 1 Bit Audio Player デモ テキストの右に添えてあるアイコンのクリックでオーディオの再生と停止がコントロールでき、再生中はアイコンが変更されます。 プレイヤーはFlashのMP3プレイヤーが利用されています。 スクリプトはスタンドアローンで利用でき、またWordPressのプラグインとしても動作します。 設置時には、MP3ファイルのリンクの横に自動でアイコンが表示されます。 また、ブックマークレットも用意されており、スクリプトが設置されていないサイトでも1 Bit Audio Playerを利用することができます。 1 Bit Bookmarklet 1 Bit Audio Player(ブックマークレット)
当サイトではCookieを使用しています。引き続き当サイトを閲覧することにより、ポリシーを受け入れたものとみなされます。今後表示しない詳しく見る
1月28日に発表された米Appleのタブレット型端末「iPad」(アイパッド)が注目を浴びる中、「あいパッド」という名のハイテク尿取りパッドがTwitterなどで話題になっている。 あいパッドは、介護製品などを手掛けるアワジテック(神戸市)が開発した介護用の尿取りパッドで、濡れを検知するセンサーと無線送信機を装備。排尿があると受信機に信号を送り、受信機がブザーと光で介護者に知らせる仕組みだ。 iPadとあいパッドは似た名前ながら全く異なるものだが、それぞれ、技術を生かした画期的な製品という点は共通しているといえそうだ。 関連記事 「iPad」の商標はどうなる? 富士通も米で出願 「iPad」に商標問題が浮上。富士通の米国法人が2003年にiPadの商標を出願していたことが判明した。 Apple、タブレット「iPad」を発表 499ドルから Appleのタブレット「iPad」は9.7インチの
身近なエコがいいですよね~ 飲み干した空きペットボトル2本が、ボトルキャップをねじ込む感覚で便利なハンガーに早変わりですよ。通常はかさばらないので、どこへでも手軽にハンガーを持って行って、いつも身だしなみに気を配れますよね。 グリーンとイエローのエコカラーデザインがそろう、このRethinkハンガーの最大の難点は価格じゃないでしょうかね? だって、売上げの一部が環境保護な慈善事業へと寄付されることになるとはいえ、1個で7.99ドルは高いでしょ? ペットボトルは自前で買うのに、いくらエコでも700円以上をパーツ代に払うのはねぇ... まぁ、ペットボトルを集めて海洋を大航海するボトル船なんて作ったりはできませんけど、こういうさりげないトラベルキットからだったら、ちょっと奮発してでも有効活用しちゃいますかね。 [Rethink via stilsucht via OhGizmo!] Mark W
アローやアイコンを添えたり、グラデーションを適用したものなど、さまざまなデザインのボタンを集めた「Button Design Showcase」を紹介します。 Button Design Showcase Buttonには現在24個登録されています。 Elements of Designは、以前紹介した「検索フォームや見出しなどエレメントのデザインを集めたサイト -Elements of Design」のサイトで、久しぶりに訪れてみたら、カテゴリが増えていたので、他のも紹介します。 ブログのコメント用フォームのデザイン集 ブログのコメントのデザイン集 ボタンのデザイン集 カレンダーのデザイン集 カルーセルのデザイン集 コード表示のデザイン集 言語選択のデザイン集 Emailのサインアップフォームのデザイン集 エラーメッセージのデザイン集 動画プレイヤーのデザイン集 フッタのデザイン集 フォ
ボタンをクリックするだけで日Yahoo!での被リンクを表示できるFirefoxのアドオンがあったのですが、Firefoxのバージョンアップに対応しておらず、使えなくなってしまいました。 さらに、僕の最近のメインブラウザはGoogle Chromeになりつつあります。 SEO用の拡張機能はまだごくわずかです。 ということで、SEOには欠かせない被リンクチェックのGoogle Chrome対応ツールを紹介します。 Yahoo!検索での「link:」コマンドと「 linkdomain:」コマンドを一発で実行できます。 リンクをブックマークバーにドラッグ&ドロップするなりして、ブックマークに追加してください。 あとは追加したブックマークをクリックするだけで、閲覧中のページのバックリンク情報を簡単に取得できます。 Y! link: Y! linkdomain: ついでに、Googleのキャッシュを調
大学進学や就職など、春の新生活に向けて本格化するのが、物件探しや引っ越し。そこで今回は、部屋探しや引っ越しの際に参考になる情報をまとめてみました。 ■物件を探す時期を見極めよう! 新築物件が出回りやすい時期、初期費用が抑えやすい時期など、探す物件により「借り時期」があります。 ▽賃貸の「借り時」を考える〜物件が多いのは? 部屋が借りやすい時期はいつ? - [賃貸・部屋探し]All About こちらの記事では、物件を探す人の推移や空室状況などから、いつ頃が狙いどころか、という考察をまとめています。 また、物件を探しはじめるのは引っ越す1か月半~2か月前が目安とされています。 ■まずは条件をリストアップしよう! 住みたい場所や家賃の上限、理想の間取りなど、希望条件を出して、その中で“譲れるもの”と“譲れないもの”の優先順位を決めましょう。 ▽賃貸条件の決定はこう決めろ!@賃貸攻略『部屋探し達
Adobeさんが、クロスブラウザ表示テストサービス BrowserLabを開始したので使ってみました。 https://browserlab.adobe.com/index.html このサービスを使うと、以下のブラウザでの表示テストが可能です。 Windows XP Firefox 2.0(2.0.0.18) Firefox 3.0(3.0.13) Firefox 3.05(3.5.3) Internet Explorer 6.0(6.0.3790.3959) Internet Explorer 7.0(7.0.5730) Internet Explorer 8.0(8.0.6001.18702) Chrome 3.0(3.0.195.27) Mac OS X Safari 3.0(3.2.3) Safari 4.0(4.0.3) Firefox 2.0(2.0.0.18) Firefo
若者は“テレビ離れ”していない、むしろ多様な視聴スタイルによって受け入れられている。こんな実態が、若者層のマーケティング調査機関であるM1・F1総研の調べでわかった。 同社は1月28日、首都圏在住の20歳〜34歳男女のテレビ視聴動向に関する調査レポート「若者におけるテレビの存在価値の考察」(PDF)を発表した。 それによると、M1層(男性20歳〜34歳)、F1層(女性20歳〜34歳)は、M2(男性35〜49歳)、F2(女性35〜49歳)と比べてもテレビを平日、休日ともによく見ており、自宅で1番長い時間していることでも「インターネットをする」を上回り「テレビ番組を見る」がトップ。テレビ好きが多く、CMを見ない人は圧倒的に少数派であることがわかったという。 1日あたりの平均テレビ視聴時間は、平日はM1層が2時間25分、F1層が3時間4分。休日になるとそれぞれ、3時間36分、3時間49分に増加す
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く