みんなの投稿
-
teacup掲示板、8月1日でサービス終了
3月10日の記事にも書いたが、当サイトでも使用しているtea cupの掲示板が、8月1日(月)13時にサービスを終了する。
-
teacup掲示板、サービス終了へ
当HPでも使用している、teacup掲示板が、2022年8月1日13:00を持って、サービスを終了することが発表された。 リリースはこちら。
-
VAIOちゃんのページ 忍者ツールズでアクセス障害
最近はほとんど更新しなくなっている‘み’のHP「VAIOちゃんのページ」。F1の鈴鹿観戦記程度をぼちぼちアップしていたんですが、サーバースペースをお借りしている忍者ツールズでアクセス障害が...
-
Webサイトのフッターにミニサイトマップ
Webサイトのフッターにサイトマップを設置すべき理由 | UX MILK何年か前は、フッターの部分にサイトマップへのリンクを置くのが一般的でしたが、近年ではフッター自体が、サイトマップとして新...
-
【MovableType】ブログ記事の最後から指定文字数だけ...
正規表現を使えば任意の文字数を先頭からでも末尾からでも簡単に抜き出すことができます
-
【Movable Type】同じカテゴリーの最近のブログ記事一...
mt:Entriesのカテゴリーの指定でブログ記事で指定してあるカテゴリーを設定する時に一旦変数に入れるところがポイント
-
【Movable Type】ブログの最新記事を全ページに表示す...
Movable Type 6はこれで最新のブログ記事の一覧を組み込めます。
-
BootstrapとGoogleカスタム検索を同時に使うと、検索...
適切なCSSを適用することで解決します。
-
レスポンシブWebデザインの実装(基本編)
レスポンシブWebデザインの実装(コーディング)についてまとめたページが一通り完成しました。 レスポンシブWebデザインの実装(基本編) 一通りと書いたのは、まだ、図表やイラスト等の画像...
-
Jimdoのサブドメインはwwwしか使えない、とはどういう...
Jimdoから書き出されるファイルのアドレス記述全てがwwwになるので、検索エンジンに登録されるアドレスもwwwのサブドメインの方で登録されます。
-
【ネタ】blinkタグをCSS3で再現する(文字を点滅)
CSSのanimationを使うと簡単に再現できます。さぁ点滅させよう!
-
【小技】Photoshop CC 2015の画像書き出しのプレビュ...
手順は簡単。拡大率の数字をダブルクリックするだけです。
-
レスポンシブWebデザインの基礎知識
ようやくサイト公開ができたわけですが、まだ未完成であり、暫定的なページがあるのも確かです。 現在、完成に向けて、鋭意制作中ですが。 もちろん、完成しているページもあります。 一つは、...
-
ウェブからの電話の問い合わせを増やすには受付時間外...
電話がダメならメールでやるでしょ、といった安易な考えをしていませんか? 電話しようと思った人をキチンとフォローする仕組み作りをしましょう。
-
YouTube 動画を埋め込むとき、コントロールバーを重ね...
YouTube の動画をページに埋め込むとき、動画制御の「コントロールバー」を動画に重ねず、動画の外(下部)に表示させる方法を解説。
-
≡ ←ハンバーガーメニューのデザインでクリック率は...
2014年のA/Bテストの結果によれば、いわゆるハンバーガーメニューは使わない方が良いという結果に。
-
IEの条件付きコメントが使用できない場合の対処方法(...
IE用の条件付きコメントは便利ですがCMSの機能などでテンプレートに記述しても削除されてしまう場合はJavaScriptで置き換えましょう
-
均等分割されていないBootstrapの .nav-justified を...
Bootstrapで均等分割(均等割)されない.nav-justifiedを修正。table-layout: fixed;がポイント。
-
【Web制作】Google Codeが終了→html5shivでIE8のHTML...
IE8のHTML5対応としてhtml5shivのファイルをGoogle Codeからロードしている方はHTMLを今すぐ変更しましょう。他のCDNもあります。
-
JavaScriptでIEのバージョンを判定する(IE 11まで)...
JavaScriptでUser Agentを使用せずInternet Explorerのブラウザーバージョンを判定。バージョン毎の機能などで判定。
-
超シンプル! 病院・薬局のスマホ用ウェブデザインの...
デザインは対象者の問題・悩みを解決しなければ意味がありません。
-
●年●月●日以前のブログ記事だけ表示させるテンプレ...
標準のテンプレートタグだけで作成。ブログ記事の日付を比較する部分がキモです。
-
Webフォント「Font Awesome」で考えずにMaxCDNを使う...
使わなくてもいいのに、安易にCDNを使っていませんか? 快適な表示のためにはCDNを使わない選択肢も必要ですよ。
-
ページの更新日時をHTML5のtimeタグを使用して表現す...
timeタグは日時を表すタグです。Movable Typeでページの更新日時を表示することで検索エンジンや閲覧者がこのページの情報は新しいのか古いのかが分かり便利です。
-
SVG・SVGZ画像がブラウザーで表示されない場合に確認...
SVG・SVGZファイルを使う際の準備・注意点を紹介。.htaccessの設定とwidthをチェックしましょう。
-
Movable TypeのTinyMCEでBootstrapのアイコンのHTMLが...
Movable TypeのTinyMCEでBootstrapのアイコンのHTMLタグが消える問題はTinyMCEの設定でnon_empty_elementsを設定すれば良いようです。
-
バリュードメインのドメイン価格が2/17から最大2倍に...
バリュードメインでドメイン管理している人は値上げ前に延長しておきましょう。円安の影響らしいけどひどいね。
-
Movable Typeで指定文字数を出力し、指定文字数超えて...
文字数をカウントして対応する方法・先頭から指定した文字数を抜き出すグローバル・モディファイアを使う方法・プラグインを使う方法を紹介。
-
【Web制作】まだ<meta http-equiv="X-UA-Compatible"...
metaタグに今となっては不要な情報が残っていませんか?chrome=1って何のためにあるのでしたっけ?
-
今すぐスマホ対応せよ!Googleから「重大なモバイルユ...
スマホ対応は後でもいいかな?…なんて時代ではなくなってきたようです。
-
日本語ウェブフォント「Noto Sans Japanese」の指定方...
ウェブフォント「Noto Sans Japanese」(源ノ角ゴシック)を指定したつもりが、うまく指定できていない方向け。ドキュメントはよく読まないとダメですな。
-
jQueryでフォーム入力中に誤ってページを移動(離脱)...
jQueryでbeforeunloadイベントを使用することでページ移動の前に処理をさせることができます。これを使ってフォームから意図しないページ移動を防ぐことができます。
-
【Web制作】フォームの最適化しようと、いくつか表現...
お問い合わせやコメントのフォーム記入欄にストレスない記入をしてもらえるようデザインを改善していきましょう。
-
【Web制作】HTML5のvideoタグにはMP4形式動画だけ指定...
2014年末ではほとんどのウェブブラウザーがMP4形式の動画に対応しています。videoタグもシンプルになります。非対応のIE8はライブラリーの活用を。
-
【Bootstrap】スマートフォンの時だけ改行する/表示...
スマートフォンの時だけ表示・隠すことは難しくありません。そう、Bootstrapならね。classを付けるだけですが、Bootstrap 3.2から微妙に変わっているので注意です。
-
レスポンシブWebデザインとは
レスポンシブWebデザインへの挑戦を始めるに際し、まずは敵を知ることから、ではないですが、「レスポンシブWebデザインとは」について、簡単にまとめてみます。 レスポンシブWebデザインとは...
-
購入した書籍(技術書・参考書)の紹介
レスポンシブWebデザインへの挑戦にあたり、まず購入した技術書、参考書類の書籍の紹介をしたいと思います。 レスポンシブWebデザイン関連の書籍としては、『レスポンシブWebデザイン マルチ...
-
レスポンシブWebデザイン始めます。
レスポンシブWebデザイン始めました。 もとい、始めます。 極々簡単にプロフィールを。 システム会社で、数年間、SE、プログラマを。 その後、退職し、web制作を独学で学習。 個人(SOHO)経...
-
HTML5のフォームの属性でフォーム入力のチェック機能...
フォームに入力して「送信」ボタンを押し、ページが切り替わったと思ったら「入力ミスがあります」と表示されるのは誰だって嫌なもの。HTML5なら送信前のフォームのチェックはスクリプト不要で...
-
Implemented!! Functions of twitter, facebook and m...
I had wanted this since about six month ago. I wanted implements function of twitter, facebook and mixi check. Today, I achieved these functions!! It was easy for me to make of C...
-
iWeb レビュー
iWebは、アップルのMac専用ホームページ作成ソフトで、Macを購入すると付属しているiLifeの一部です。 (最新版のiLife'11でもiLife'09と同じバージョンが同梱されています) 単体で購入する事...
-
Macの2ペイン型FTPソフトTransmit(トランスミット)...
トランスミットは、パソコン側とサーバー側のファイル一覧が、一つの画面で表示される2ペイン型のFTPソフトです。 一つのウィンドウで完結しているという事は、Expose(エクスポゼ)一発でファ...
-
BiND for WebLiFE レビュー
「BiND for WebLiFE」は、簡単なステップで垢抜けたホームページを作る事ができるホームページ作成ソフトです。 ブロック機能という独自の考えで構成されていて、各ブロック内に文章やら...
-
VAIOちゃんのページ NINJATOOLSに緊急移転
このブログの生みの親(この表現は微妙ですが)になっている‘み’のHP「VAIOちゃんのページ」。文字通りVAIOのファンサイトだったんですが、ここ数年はVAIOも通常のデスクトップから撤退し、実...
-
【事業雑記】再現できないものは直せない
先々週、急激な気候の変化について行けず、風邪を引いてしまいました。溜まる鼻水と戦いながら、何とか先週末には溜まった仕事も一息。後は決算をするだけと...少し気が抜けたのか、昨日(日曜)...
-
青森県の公式ホームページ 偽サイトが現れる
青森県の公式ホームページ 偽サイトが現れる 本物そっくりの青森県の公式ホームページの 偽サイトが現れました。 ただ、作成者が悪い奴ではないらしく ウィルスに感染するとか、悪意の...
-
とりあえずホームページは・・・
インフォシーク iswebライトが終了するので・・・ とりあえず、移動することにした。 検討した結果、http://narupiko.is-mine.net/ というアドレスに徐々に移動予定。 現在のは10月31日...
-
パソコン内職
パソコン内職に取り組んでみようという人が増えてきています。 何らかの理由で外に勤めに出られないとか、本業の合間を縫って副業に取り組みたいというような人がパソコン内職を希望しているこ...
-
Coda レビュー - シンプルなWeb構築環境パッケージ
Coda(コーダ)ってどんなソフトなの? Codaは、HTML/CSSエディタとしての機能だけでなく、FTPソフト(Transmit)が内蔵されている、ホームページ作成の統合ソフトです。 Safariのレンダリン...
-
MacのFTPソフト 一覧
Cyberduck Cyberduckは、Macの定番FTPソフトです。Mac OSXのウィンドウのようなカラム表示でサーバー上のファイルを表示でき、違和感なくとけ込みます。無料(寄付ウェア)であるにもかか...
-
無料画像素材⇒写真素材 足成【フリーフォト、無料写真素材サイト...
写真素材 足成【フリーフォト、無料写真素材サイト】 自然・風景・景色 花・植物 建物・街並み 飲食 ビジネス関連 乗り物・交通機関 イベント・行事 スポーツ 小物・雑貨 人物 ...
-
自分のサイトのブラウザシェアを調べてみた(2009年1月~6月編)
前回から、7ヶ月たっているんですが、以下の記事の続きです。自分のサイトのブラウザシェアを調べてみた(2008年10月だけ)http://blog.livedoor.jp/unahide/archives/52203203.html今年の...
-
テレウェイヴリンクス・苦情を有効活用してサービス改善!
今日はセントラルスポーツの最終回(10回目)。・・・の予定だったが、仕事が長引いたので、結局行けずじまい。
-
テレウェイヴリンクスの評判ホームページサービス
テレウェイヴ 掲示板を見たことがありますか? 「テレウェーブ ホームページ作成がとてもいい」というテレウェイヴリンクス 評判がテレウェイヴ 掲示板に掲載されており、テレウェーブ リ...
-
Freeway 5 PRO レビュー
Freeway5 PROは、Freeway5 Expressの機能をすべて持ち合わせているMacのホームページ作成ソフトです。 簡単なホームページ作成が出来るインターフェイス、マスターページによる複数ページの一括...
-
Freeway 5 Express レビュー
Freeway Express 5は、MacOSX 10.5 Leopardに対応したホームページ作成ソフトです。 使い方はシンプルで、配置したい画像などをドラッグアンドドロップで読み込ませて、テキストを書いていくだ...