カテゴリー別アーカイブ: HTML

centos7 svnコミットできない

以下のエラーが発生し、ディレクトリ等の権限も問題ない場合、SElinuxの設定が原因でエラーとなっている可能性があります。
Can’t open file ‘/var/www/svn/test/db/txn-current-lock’: Permission denied

以下のコマンドを実行し解決しました。
setenforce 0


Bookmark this on Yahoo Bookmark
Bookmark this on Google Bookmarks
Share on LinkedIn
LINEで送る
Pocket

htmlのキャッシュ

htmlのコンテンツの差し替えで奇妙な現象が発生したので、記録に残しておきます。
続きを読む


Bookmark this on Yahoo Bookmark
Bookmark this on Google Bookmarks
Share on LinkedIn
LINEで送る
Pocket

Ubuntu Subversionの構築

Subversion:インストール
sudo apt-get install subversion subversion-tools libapache2-svn

sudo vim /etc/apache2/mods-enabled/dav_svn.conf

ファイルの一番下の行に以下を追加。

DAV svn
SVNParentPath /home/svn

sudo apache2ctl restart
Apache2のSVN用公開ディレクトリを「/home/svn」に設定しているので、ディレクトリ作成。
sudo mkdir /home/svn/
cd /home/svn/
sudo svnadmin create 【リポジトリ名】
sudo chown -R www-data:www-data 【リポジトリ名】

http://【接続先名】/svn/【リポジトリ名】


Bookmark this on Yahoo Bookmark
Bookmark this on Google Bookmarks
Share on LinkedIn
LINEで送る
Pocket

HTML YouTubeのポップアップ表示

youtyube動画をポップアップで表示するサンプルです。

VideoBoxを使用しています。
下記サンプルの「watch?v=g-urOCW1QT4」部分を書き換えてください。

<html>
	<head>
		<meta charset="utf-8">
		<title>サンプル10</title>
		<script type="text/javascript" src="build/video/js/mootools.js"></script>
		<script type="text/javascript" src="build/video/js/swfobject.js"></script>
		<script type="text/javascript" src="build/video/js/videobox.js"></script>
		<link rel="stylesheet" href="build/video/css/videobox.css" type="text/css" />
	</head>
	<body>
	<a href="http://www.youtube.com/watch?v=g-urOCW1QT4" rel="vidbox 600 450" title="我が家の犬">動画をポップアップ</a>
	</body>
</html>

上記コードのデモはこちら


Bookmark this on Yahoo Bookmark
Bookmark this on Google Bookmarks
Share on LinkedIn
LINEで送る
Pocket

動画作成 環境準備

当方、別プロジェクトにて動画を作成することとなりメモを残します。

動画を生成するソフトはNIVE2を使用します。
※フリーツール

まず下記URLより、本体をダウンロードします。

http://nive.jp/NiVE2/index.php?NiVE%A4%CB%A4%C4%A4%A4%A4%C6

続きを読む


Bookmark this on Yahoo Bookmark
Bookmark this on Google Bookmarks
Share on LinkedIn
LINEで送る
Pocket

レスポンシブ デザイン サンプル

今回はレスポンシブデザインのサンプルをご紹介します。

主にプレゼンテーション時や自己紹介で使えそうです。

ページ内容は書き「section」の間に記述します。

続きを読む


Bookmark this on Yahoo Bookmark
Bookmark this on Google Bookmarks
Share on LinkedIn
LINEで送る
Pocket

レスポンシブ デザイン 問い合わせサンプル

puresccでシンプルな問い合わせページを作成してみました。
ご自由にお使いください。
そういえば、Yahooのトップページがスマホ対応しましたね。
purecssぽいです。

続きを読む


Bookmark this on Yahoo Bookmark
Bookmark this on Google Bookmarks
Share on LinkedIn
LINEで送る
Pocket

CSS 段組みのいろいろ

今回はCSSを使用した段組みについてです。

サンプルでは二つのボックスを用意し、それを横にならべています。
段組みはfloatとpositionにより実現しました。
続きを読む


Bookmark this on Yahoo Bookmark
Bookmark this on Google Bookmarks
Share on LinkedIn
LINEで送る
Pocket

レスポンシブ デザイン タイル表示のサンプル

puresccでタイル表示のサンプルを作成してみました。
該当部をコピペし、画像を差し替え頂ければ簡単に使用できます。
ご自由にお使いください。
続きを読む


Bookmark this on Yahoo Bookmark
Bookmark this on Google Bookmarks
Share on LinkedIn
LINEで送る
Pocket

レスポンシブ デザイン 技術紹介サンプル

puresccでシンプルな技術紹介ページを作成してみました。
ヘッダー、フッターには紫色の背景色を指定しています。
ご自由にお使いください。
続きを読む


Bookmark this on Yahoo Bookmark
Bookmark this on Google Bookmarks
Share on LinkedIn
LINEで送る
Pocket