フェンリルを応援して、もらえる!ロゴ刻印入りあのデバイス???プレゼントキャンペーン フェンリルを応援して、フェンリルくん刻印入りの「あの話題のデバイス」をもらおう!応募方法は下記の2通り。それぞれ各1台(合計2台)、そしてなんとハピネスステッカーもセットにして、抽選でプレゼントいたします。もちろん両方に参加いただけますので、奮ってご応募下さい! 当選者発表 各応募方法による当選者を発表します。当選者の方には、フェンリルよりメールまたははてな ID へメッセージをお送 りし、送付先情報(住所、受取人氏名、電話番号)およびご希望のステッカーの色(白背景か黒背景) をお聞きいた します。たくさんのご応募ありがとうございました! ※当選が無効となった場合は、別の方が繰り上げ当選となることがあります。 ※当選者リストは8月21日までの1ヶ月間掲載した後、公開を終了します。 当選者リストの公開は終了
7月に入って、日増しに暑くなってきましたね。 いよいよ夏が本格化してきて、寝苦しい熱帯夜のことを思うと少しうんざり。 最近、その対策として、ひえひえマット(Hie Hie mat)を購入したのですが、これが気持ち良過ぎて快適すぐるので、ご紹介。 これは、ジェル状タイプのものではなく、中に塩の結晶が入ったもので、常温のままで冷感が持続するという優れものです。特に冷蔵庫なんかで冷やす必要もありません。 私も実際に使っているのですが、体に直接あてたまま横になると、、、冷たいです。正直寒いです。 なので、使うときは、厚手のタオルを冷え冷えマットの上にかけて、その上に寝そべるとヒンヤリして、物凄く気持ちよく眠れます。 はっきり言って、冷房は不要かもしれません。というか、私はコレがあれば不要です。 あと、やはり1時間くらい同じポジションで寝ていると、ヒンヤリ感はなくなりますが、その時は寝返りをうてば復
Blue Box Demo: Vertical Centering with a Shiv Div DIVを垂直方向に中央寄せするCSSサンプル。 次のように、DIV要素をブラウザの縦方向に配置できます。 CSSは非常にシンプルで、まず、html と body 要素に height:100% プロパティを設定します。 次に、body内にdiv要素を配置し、そのdiv要素に対し、height:50% かつ、margin-top:-50px のようにプロパティをあて、 中央寄せしたい要素(上図中、青い部分)の半分のサイズ分のマージンをマイナスします。 最後に中央寄せしたいdiv要素( height:100px ) を配置することで、青い部分は中央によります。 垂直方向に、100px のdiv要素が配置される感じです。 <html> <head> <style type="text/css">
■ HTML::TreeBuilder http://search.cpan.org/~petek/HTML-Tree-3.23/lib/HTML/TreeBuilder.pm HTML::TreeBuilder は本来 htmlパーサなのですが、閉じ忘れた htmlタグを自動で補完してしてくれる便利なオプションを発見したので紹介します。 サンプルソース #!/usr/bin/perl -w print "Content-type: text/html;\n\n"; use strict; use lib qw( ./lib ); use CGI::Carp qw(fatalsToBrowser); use Data::Dumper; $Data::Dumper::Sortkeys = 1; use HTML::TreeBuilder; ### html2 タグの途中で切れてしまった va
1つのテンプレートで 12度おいしい XHTML + CSS テンプレートを公開してみたいと思います。といっても、ごく普通のテンプレートに CSS 切り替え機能を付けただけなんですが、Blog や Webサイトを作られる際のベースとして役立てて頂けたらうれしいです。 サンプルはこちらで確認できます 全ファイルのダウンロードはこちら (zip ファイル / 50KB) 8/10 追記 初期に配布したテンプレート内に、結構な量の誤字等がありましたので、現在の最新版を下記からダウンロードしてください。 では使い方などの説明を。 ファイルをダウンロードして解凍すると下記のようなフォルダ構成になっています。 index.html (XHTML テンプレート) css (CSS ファイル格納フォルダ) img (画像ファイル格納フォルダ) js (JavaScript ファイル格納フォルダ) 基本的に
CSSで便利だと感じるのは構造を階層化できる点だが、逆にきちんと構造化しておかないと欠点にもなりかねない。別な所で定義した名称と重複してしまい、どうもうまくいかないという経験がある人も多いはずだ。 まず現状どういった構造になっているのか、それを把握する所からはじめてみよう。それが分かればうまく構造化できるはずだ。 今回紹介するオープンソース・ソフトウェアはhtml2css、HTML文書を解析してCSSファイルにするソフトウェアだ。 html2cssはclassやid、そしてタグの構造を解析して、それをCSS形式で出力してくれる。これを見てみると、CSSのネストした構造がどの位深いのか良く分かる。無駄な点があればそれも見えてくるだろう。ソースとしてファイル、文字列またはURLを利用できる。 最上位がhtml bodyからはじまるので、大抵ネストは深くなるだろう。だが、そこから不要なものは抜き
HTMLなんかどこに頼んだってかわんねーよ!というわけじゃない。 ちょっと前に、会社がコンペに参加するとかでHTMLの提案書を書いた。要件は、もう設計とか完了していて、ワイヤーフレームとかチャートとか用意しちゃっている気合いの入ったクライアントで、デザインとCMSに組み込むためのHTMLテンプレート(とガイドライン)を作ってーというもので、自分が書いたのはHTMLのところ。 まー、最初は自分が全体書いてて、ユーザーありきで設計してデザインしてコーディングしてってやってるんですーという、ワークフローな感じのことを書いたのだけれども、社内のWeb仙人に駄目だしされ、もっと特化したものを書け!大体、デザイン以降が要件なんだから、前半まったく意味ねーよ!ってことで自分の書いたものはフルボツになり、自分はHTMLのとこだっけ書くことになりました。 しかしまぁ、前からこんな、HTMLで何がいいわけ?み
上記ツールの詳細や、ほかのさまざまな無料Webサイト作成ツールについて知りたい読者は本稿に併せて、連載「どこまでできる? 無料ツールでWebサイト作成」もぜひご参照ください。 Webサイト開発はテキストエディタだけで行えるのか? ■ 今後もWebサイト開発にHTMLコーディングは必要なのか? Web標準にのっとった制作、CSSによるレイアウト、Ajaxなど、HTMLとCSS、JavaScriptなどで実現可能なことは意外と多いものだ。その中でも、特にAjaxはこれまでシステム開発をしてきたプログラマが得意とする部分だろうし、世の中のデザイナーには、デザインだけではなくこれからはHTML制作に進もうと考えている人もいることだろう。 こういったことから、たとえ世の中がリッチなコンテンツ、Web 2.0、CMSという方向に進んでいったとしても、HTMLベースのWebサイト構築というものは、尽きる
TOP > WebDesign > ハイクオリティなフリーHTML&CSSテンプレート集「101 High Quality CSS And XHTML Free Templates」 今やWEB制作で標準ともいえるCSSとXHTMLによるレイアウト。今日紹介するのはそのCSSとXHTMLによって作られた無料のテンプレートを集めたエントリー「101 High Quality CSS And XHTML Free Templates」です。 Preview | Download 様々な種類、ジャンル、デザインテイストのテンプレートが集められています。今日はその中から気になったテンプレートをピックアップして紹介したいと思います。 詳しくは以下 ■Genious Web XHTML And CSS Template ワイドを大胆に使ったテンプレート。迫力があります。 Preview | D
そのままですが、Mashableで「Forget Photoshop: 15 Online Graphics Generators」が紹介されていました。 これはメモしておかねば。 Buttonator ボタンがいろいろ作れます。設定がいろいろあって良いですね。 RoundedCornr: Rounded Corner and Gradient Generator いわゆる角丸パーツを作れます。 Web 2.0 free buttons maker! 2.0っぽいボタンが作れます。 glassy buttons こちらもボタンジェネレータ。 Ajaxload – Ajax loading gif generator Ajaxのローディング中のパーツが作れます。 Web2.0 Logo Creator by Alex P Logo Maker : Web 2.0 Stylr 2.0っぽいロゴ
DOMを介してHTMLを操作する方法を理解しよう。そのためには、正しいHTMLの概念とドキュメントツリーを知る必要がある。 旧来のDHTMLの手法では、JavaScriptから操作できるHTML要素には限りがありましたが、DOMでは、HTML上のありとあらゆる要素を自由自在に読み取ったり、書き換えることができるようになります。本連載では、おもにDOM Level 1で規定されている手法を使って、JavaScriptを使ってどのようにHTML上の要素へアクセスするのか、そして、それをどうやって書き換えるのかを詳しく解説していきます。JavaScriptからHTML要素を手に取るように操れるようになります。 ドキュメントツリーとは DOMスクリプティングでは、HTMLに関する正しい知識が求められます。まずは正しいHTMLとはなんなのかを理解していただきます。そして、DOMスクリプティングでは欠
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
class名やid名って付ける時悩みませんか? 今でもボクは結構悩むんですが、そんな悩みを解決する為に、人さまのソース覗きまくってよくあるclass名とid名を拾ってきました。 これで、チョットだけ作業効率アップ!? 2010年6月10日追記: この記事自体、2007年 1月15日に書かれてるんでかなり古いです。 あくまでも参考程度に留めてもらうのが良いかと思います。 今だったら、html5の要素を参考にしたりして付けるのが、今後の事を考えると良いのかなーと思います。 また、善し悪しの判断はせずに公開しているものですが、位置に関するのは仕様変更に弱くなるのでオススメはしません。 全体に使えそうな感じ wrap wrapper top-wrapper wrapperAll frame mframe all-frame container page pagetop all allContent
aichan.biz This domain is expired. The domain owner has to renew it from the admin setting if you continue using it. 2018 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner direct
趣味として Web サイトを作っている場合は置いといて、仕事として Web サイト制作に携わる Web デザイナーであれば、今後、最低限これくらいは押さえといて欲しいなということをえらそうに書いてみます。 個人的にスキルが 「デザイン」 よりも 「コーディング」 に偏っている傾向があるので、内容的にはコーディングに関係する話が多くなっているかもしれませんけど...... 1、DTP 脳からの脱却 DTP の延長で作られる Web サイトデザインの中にはフォントサイズやテキストの量が決め打ち前提で作られているデザインも少なくありません。それが悪いとは言わないんですけど、現在の Web 制作においては、CMS を始めとした他のプログラムとの連動やアクセシビリティを念頭に、柔軟性のあるデザインが求められます。 自分の思い描いたとおりにデザインをコントロールしたいという気持ちはわからなくはないので
ブロックレベル要素の高さを揃えるheightLine.js Web標準の日々のグループディスカッションで出たライブラリ案を作っていく企画、第一弾。 ブロックレベル要素の高さを揃えるjsライブラリを作ってみました。 このライブラリは新バージョンがあります。 レスポンシブWebデザインに対応した「jquery.heightLine.js」 CSSでは複数のブロックレベル要素の高さを揃えれないという問題があります。 このheightLine.jsは、複数のブロックレベル要素の高さを揃える事ができ、2カラムレイアウトや3カラムレイアウトのそれぞれのカラムの高さを揃えたり、複数のブロックレベル要素をfloatで配置する際の高さを揃えたりできる、便利なライブラリになります。 設置方法 head要素内にダウンロードしたheightLine.jsを読み込みます。 <script type="text/ja
当ページの概要 HTML,XHTMLで使えるDOCTYPE宣言(公開識別子とシステム識別子)などを分かりやすく使いやすくリストにまとめました。 各HTMLバージョンのDOCTYPE宣言(公開識別子とシステム識別子) HTMLでは、バージョンごとに使用できる要素(タグ)や属性、要素の配置のしかたについて厳密に定義されています。これはDTD(Document Type Definition:文書型定義)をDOCTYPE宣言で指定することで、そのバージョン規則に添って表示します。 簡単なメモ書きですので、参考までに。間違っていたらお教え下さい。 HTMLには以下のようなDTDがあります。目的に応じて使い分けてください。他にも大量にあります。 HTML 1.0 DTD HTML 1.0用のDOCTYPEなし HTML 2.0 DTD (RFC1866) [1994年に標準化] <!DOCTYPE
先日、タブ切り換えタイプの UI を、JavaScript と CSS で簡単に実装する仕組みを探していて (他力本願)、ちょうど求めていたスクリプトが Arc... 先日、タブ切り換えタイプの UI を、JavaScript と CSS で簡単に実装する仕組みを探していて (他力本願)、ちょうど求めていたスクリプトが Archiva さんで紹介されていたので使わせていただきました。 時間がなかったので、できれば自分では書きたくないなぁ、なんかいいの公開している人いないかな~なんて思っていたのですが、おかげ様で助かりました。ということで、お礼を兼ねて紹介させていただきます。 タブ切替をサクッと実装 : Archiva タブ切り換えを実装する JavaScript ライブラリやサンプルソースはいくつか存在しますが、私が求めていたのは JavaScript が OFF の時でもページ内リンクと
ドコモ(docomo)、AU、ソフトバンク(SoftBank)の3キャリアに対応した3G携帯サイト専用のXHTMLテンプレートをまとめてみました。 <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja"> <head> <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8" /> <meta name="keywor
target="_blank" を使わないで新しいウィンドウでリンクを開く方法 2006-03-14-5: [JavaScript] <a href="foo.html" target="_blank">foo</a> を使えば新しいウィンドウでリンクが開きますが,これは XHTML 1.1 や XHTML Basic では採用されていません. ではどうするかというと,スクリプトを使うわけですが, <a href="javascript:void(0)" onclick="window.open('foo.html');">foo</a> こうすると,一見解決したようですが,JavaScript が off の場合はリンク先に飛べません. しかも,ステータスバーにリンク先が出ないので不安になります.これを <a href="foo.html" onclick="window.open('f
1 名前:以下、名無しにかわりましてVIPがお送りします[] 投稿日:2009/03/11(水) 22:50:38.51 ID:sZMc6d/t0とりあえずテンプレ置いときますね 【ソフト名】 【使用目的】 【備考】 ■脳がさえる50の習慣 589 名前:以下、名無しにかわりましてVIPがお送りします[] 投稿日:2009/03/13(金) 14:05:36.53 ID:YAdhTA410 前知識 ☆ランタイムとは ソフトを実行する際に必要となるソフトウェアモジュール(部品)のこと ☆コーデックとは MP3とかOGG再生するのに必要なもの お勧めツール ●音楽再生ツール プラグインの多さならWinamp。軽さならMPC。音質ならLilith。玄人ならfoobar2000。QuickTimeは糞。 ●2chブラウザ 基本はJane。後は好み。 ●2DCG 初心者ならPaint.NETでレイヤ
WEB製作者の為のSEOチートシート SEOmozで配布されているSEOチートシートが素敵ですので日本語にしてみました。 重要なHTML要素 title要素にキーワードを含みましょう。 h1,h2,h3要素にキーワードを含みましょう。 b要素、strong要素でキーワードを包みましょう。 img要素のalt属性、ファイル名にキーワードを含みましょう。 a要素のtitle属性、アンカーテキストにはキーワードを含ませましょう。 a要素のnofollowを上手に使いましょう。 インデクシングに関する限界 ページのファイルサイズは150KB以下にしましょう。 ページ内のリンクは100個以内にしましょう。 title要素は70文字(半角)以内にしましょう。 meta要素のdescriptionは155文字(半角)以内にしましょう。 URLの含まれるパラメーターは2個以内にしましょう。 ディレクトリの
Webmasters by Designのエントリーから、HTML, CSS, XML,やプログラミング、データベース、htaccess、DOCTYPE、SEOなどウェブ開発者のためのチートシートを紹介します。 The Best Developer Cheat Sheets Around HTML & CSS HTML HTML Cheat Sheet (PNG, PDF) HTML Help Sheet. Panic Over. (PDF) XHTML cheat sheet (HTML) CSS CSS Cheat Sheet (PNG, PDF) CSS Cheat Sheet (PDF) CSS Cheat Sheet (HTML) XML XML Quick Reference (PDF) XSLT Quick Reference (PDF) XML Syntax Quick R
WEBデザイナーという肩書きを使う場合にあったらいいかもなスキルとWEBで見れる無料教材とリソース集 2009年03月23日- WEBデザイナーという肩書きを使う場合にあったらいいかもなスキルとWEBで見れる無料教材とリソース集。 プログラマが1ヶ月でWEBデザイナーに転身する方法 というエントリを見て、プログラマの方々のWEBデザインに関する関心の高さを見て書いてみます。 WEBデザイナーといっても色々な知識が必要で、かつ、最近はフリーのテンプレートも豊富にある中、どれだけ出来ればWEBデザイナーとして成り立つのだろう?という疑問がありましたので考えてみました。プログラマの方で、WEBデザインをやってみたい。また、全くの素人だけどWEBデザイナーを仕事にされたいという方の参考になれば幸いです。 最低限の知識編 1. HTMLとレイアウト力 まず、知っている人には物凄く当たり前の事ですが、
神戸大法科大学院(神戸市灘区)の特定の学生の実名を挙げて誹謗(ひぼう)中傷がインターネット掲示板「2ちゃんねる」に大量に書き込まれ、同法科大学院が学生の所属するコースの学生らに「発信元を調査し個別に事情を聴く」などと警告を行っていたことが7日、わかった。同法科大学院は「法曹を志す学生として情けない。書き込んだ学生には懲戒処分も検討している」と憤っている。 書き込みは、同法科大学院法学研究科実務法律専攻の1年次生の特定の学生をターゲットに実名を挙げ、「ストーカー殺人をしたことがある」「自殺に追い込め」などの誹謗中傷が大量に書き込まれていた。被害者の学生から6月29日に相談を受け、同法科大学院側が調査を始めた。 同じコースに所属する学生でなければわからないような授業内容や欠席者なども細かく書かれていたことから、同法科大学院では一部の書き込みを同じコースの学生によるものと判断。今月3日、山本
ライフハッカー過去記事「軽くて速くてブラウザで使える画像編集ツール『Aviary Falcon』」でご紹介した画像編集ツール「Aviary Falcon」のメーカーAviaryがまたまた便利なツールをリリースしました。ウェブページのコンテンツをキャプチャしたり編集したりする際に使えるウェブツール「Aviary Screen Capture:Talon」です。 使い方はシンプル。たとえば、「aviary.com/http://www.google.com」といった具合に、キャプチャしたいページの前に「aviary.com/」をつけたものをブラウザのアドレスバーに入力してEnterキーを押せばOK。ウェブコンテンツはフルレングスでキャプチャすることができ、編集画面での編集はもちろん、デスクトップへの保存もOK。ユーザ登録すれば、オンライン上にキャプチャ画像を保存しておくこともできますよ。 米L
このソフトはGmailのアカウントをバーチャルIPアドレスのように使い、ファイル共有できるツール。オンラインファイル共有サービスのように共有したいファイルをサイトにいちいちアップロードする手間が省けるので便利です。 『g2Peer』ではGmailアカウントとパスワードを入力してログインすることになります。共有先がこのソフトをインストールしていれば、共有先のGmailアカウントと共有したいフォルダ・ファイルの保存先を指定することでファイル共有ができますよ。 では、共有先がこのソフトをインストールしていないとせっかくのファイル共有サービスが使えないのでしょうか? いえいえ、そんなときのためにコマンドライン機能が備えられています。共有先のGmailアドレスに宛てて、件名にコマンドメッセージである「?_list」や「?_download」を入力し、メール送信すればOK。「?_list」を使えば共有
有限会社タグパンダ 喜安 亮介 2009/7/6 画像や動画、Flash、Javaアプレットといった外部アセットをHTML内に埋め込んで表示させたい場合に使うタグを5つ紹介します 写真や映像をWebサイトに表示させよう 皆さんが普段見ているWebサイトの多くは、写真や映像を使っていると思います。これはHTMLファイルのソースコード内に、外部アセットを表示させるためのタグを記述しているから表示できているのです。 それでは、順番に外部アセットを読み込む要素を見ていきましょう。 img要素 img要素は画像を読み込む際に使い、インライン要素として機能します。埋め込む画像の形式としては、GIFやJPEGといった形式が一般的に使われています。 しかし、最近のWebブラウザでPNG形式が標準的にサポートされたことにより、PNG形式の画像データも多くの場面で使われるようになってきています。 img 画像
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く