サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

Building a 3D Cube With HTML5 and CSS3 デモ [ad#ad-2] 画像はdiv要素で実装されているため、CSSオフ時は上のキャプチャの左のように表示されます。 使用している画像はサイズ100x100の3枚で、下記のようになります。 画像のキャプチャ 実装は、下記のようになります。 HTML HTMLには、HTML5を使用しています。 <div class="cube"> <div class="face top"><img src="img/WPN-P.png" width="100" height="100"></div> <div class="face left"><img src="img/WPN-W.png" width="100" height="100"></div> <div class="face right"><img src="i

Problems and suggestions about individual projects should go to [email protected] 2020-03-13: This site is going to be decommissioned and shut down very soon. Please copy and archive any data you wish to keep ASAP

基本概念と特徴 リポジトリ Subversion は共有情報の一元管理システムであり、情報はリポジトリに格納される。 リポジトリは情報をファイルシステムツリー（一般的なファイルとディレクトリの階層構造）の形で保持する。 Subversion ではリポジトリの場所は URL によって表現される。 リポジトリにアクセスするための URL には以下のようなものがある。 file:/// リポジトリへの直接アクセス (ローカルディスク上) http:// Apacheサーバ への WebDAV プロトコル経由でのアクセス https:// http:// と同じだが、SSL による暗号化 svn:// svnserve サーバに対する独自 TCP/IP プロトコル経由でのアクセス svn+ssh:// svn:// と同じだが、SSH トンネルを利用する ほとんどの場合、Subversion の

バージョン管理ツールSubversionの基礎練習です。 Windows XPのコマンドプロンプトでSubversionの基本的なコマンドを動かしていきます。 Subversionを学び始めるきっかけにどうぞ。 目次 はじめに ダウンロードとインストール リポジトリ用のディレクトリを作ります リポジトリを初期化します 新しいモジュールを作ってインポートします チェックアウトして作業開始 新しいファイルを追加します 新しいディレクトリを追加します 普段の作業はこんな風に進みます ファイル名を変更してみよう この文書に書かなかったこと 関連リンク 更新履歴 ぜひ、感想をお送りください はじめに Windows XPのコマンドプロンプトで、 バージョン管理ツールSubversionの基本的なコマンドを動かしてみましょう。 この文書の通りに実行すると、 基本的なSubversionのコマンドをひと

jQuery 1.4.4 is now out! This is the fourth minor release on top of jQuery 1.4 and lands a number of fixes for bugs including some nice improvements over 1.4.3. We would like to thank the following community members that provided patches, input and their time towards this release: Rick Waldron, Dan Heberden, Alex Sexton, Colin Snover. Along with the following members of the jQuery core team: John

ウェブサイトのパフォーマンスの改善やSEO、セキュリティに役立つ.htaccessの設定を紹介します。 17 Useful Htaccess Tricks and Tips 備考：Apache チュートリアル: .htaccess ファイル、Apache コア機能 [ad#ad-2] .htaccessの設定：パフォーマンスやSEO関連 .htaccessの設定：セキュリティ関連 .htaccessの設定：パフォーマンスやSEO関連 .htaccessでタイムゾーンを設定 .htaccessでタイムゾーンを設定します。 例：東京 SetEnv TZ JST-9 もしくは、 SetEnv TZ Asia/Tokyo .htaccessで301リダイレクトを設定 .htaccessで301リダイレクト（永続的なリダイレクト）を設定します。 例：旧ファイル（old.html）、新ファイル（new

Liviano Flexible Personalizable Liberado bajo MIT licence Compatible con Firefox 2+, IE 6+, Safari v4, Opera v10, Google Chrome 3+ y Opera 9+ Descargue los archivos del Choco-Slider (Javascript y CSS). Una vez hecho eso, incl�yalos en el sitio, junto a la librer�a jQuery: <link rel="stylesheet" href="chocoslider.css" type="text/css" /> <script type="text/javascript" src="jquery.chocoslider.js"></s

Webサイトを作っていて「色選びって難しい!」と感じたことはないでしょうか。筆者自身もネットサービスやブログをいくつか運営していて、時には企画から実装、簡単なデザインまで自ら行うことがあります。しかし、どちらかというと本職はWebエンジニアですので、一連の作業の中で「デザイン」は特に苦手とするところです。中でも「色選び」に関しては、何かのツールの手助けがなければできない作業だと感じています。そこで今回は、そんな「色選び」をちょっと楽しく手助けしてくれる「Web Site Color Picker」というサービスを紹介します。 Web Site Color Picker サイトの「キャプチャ」から色を分析してくれるサービス Web Site Color Pickerは、Webサイトの「キャプチャ」を利用してそのサイトで使われている「色」を抽出してくれるサービスです。 サイトで使われている「色

"JQuery the Backbone of every web application and website. JQuery fills a new life in web applications and websites and makes websites faster, multifunctional and easy to upload. When people see flash websites they create a view in their mind that flash websites are beautiful but there are several drawbacks of flash websites, they take so much time to load and if you need to make any changes in yo

Firefox web browser - Faster, more secure & customizable Googleは2010年9月、検索結果をキーワード入力中にリアルタイムに表示するGoogle Instantサービスの提供を開始した。Googleの検索サイトで検索キーワードを入力すると、その時点での検索結果がリアルタイムにその下に表示されるというもので、ユーザは検索結果を見ながら次のキーワードを入力することができるなど、これまでの検索方法を変えるほどのインパクトを持っていた。 しかし、パワーユーザはこの機能の恩恵を受けにくいと言われていた。パワーユーザはわざわざ検索サイトには飛ばず、ブラウザの検索機能を使って検索エンジンを利用することが多いからだ。Googleは早い段階でこの要望に対応。Chrome 7のアドレスバーでGoogle Instantを利用できるようにし、続くCh

米Googleは9月8日(米国時間)、ユーザーのタイピングに応じてWeb検索結果をダイナミックに表示する「Google Instant」を発表した。同機能を有効にしてWeb検索を行うと、検索時間を2-5秒短縮できるという。 「誰でもタイピングには時間がかかるが、読むスピードは速い。標準的なキーストロークの間隔が300ミリ秒であるのに対して、ページの他の部分に視線を移すのはわずか30ミリ秒(1/10の時間!)だ。これはタイピングしている間でも結果ページにざっと目を通せることを意味する」(Google) 検索クエリをタイピングし終わる前に目的の検索結果にたどり着ければ、検索時間の大幅な短縮を実現できる。これがGoogle Instantの狙いだ。 これまでもGoogle検索で入力を開始すると、タイピングに応じて検索クエリの候補がドロップダウンメニューで表示された。Google Instantを

前回に、 WordPressのテーマデザインでよく使うPHP構文、if文について という記事を書きました。 PHPプログラムにおいて、if文は、いわゆるPHPの制御構造、条件分岐と言いまして、その条件式がTRUE（当てはまる）の場合にのみ、処理を実行するPHP関数です。なので、その条件式がFALSE（当てはまらない）の場合には、if文の中は無視されて何の処理も行われません。 そこで、その条件式がFALSE（当てはまらない）の場合にも、何かしらの処理がしたい場合があると思います。 そのような時に用いるのが、PHP構文のif-else文です。 なお、if-else文は、if文と同様に、他のif文やif-else文の中に何重にも入れ子ができるので、柔軟に対応ができます。つまり、if文やif-else文の中にさらにif文やif-else文を書くこともできます。 具体的な使い方の説明を致します。 i

WordPress 不動産プラグインWordPressを記事とか見ながら コード をfunctions.phpに入れていると テーマを変えて消してしまったり、以前触ったところがわからなくなったりしていませんか。 そこで マイプラグインを作ってみませんか。 作るのも簡単で整理もしやすいかと思います。いいのが出来たら公開するのもいいですね。 作り方は ①my-plugins フォルダを作ります ②テキストエディタで my-plugins.phpファイル を新規作成しmy-pluginsに保存します。 これだけです。 my-plugins.phpの内容は下記のようにしてください。 <?php /* Plugin Name: my-plugins Plugin URI: Description: my plugin for WordPress Version: 1.0.0 Aut

SQLiteManager - Web-based SQLite administration WEBベースで楽々SQLite管理「SQLiteManager」 SQLiteは便利ですが、あまり慣れていないとテーブル内を操作するのは微妙に面倒だったりします。 このオープンソースを使えばWEBベースのGUIで簡単管理が出来ます。 複数のデータベース管理や、テーブル作成、インデックス操作、基本のテーブル操作（Insert , Update, Delete, Select)や、データのエクスポートが可能。 スキンによるインタフェースの見た目を変更することも出来ます。 これはいいですね。 関連エントリ SQLiteのアーキテクチャ資料 phpSQLiteAdmin

50 Professional and Creative 404 Error Page Designs by Dustin Betonio | Last updated Oct 16, 2016 | Web Design | 7 comments The 404 error — aka File Not Found — is one of the most common errors we run into browsing the Internet. It can be frustrating, but broken links are common and inevitable. This is why having a good and professional Error 404 page is almost as important as having great content

W3C TPAC 2010 で CSS3 Writing Modes は… 今月初め、フランスのリオンでのW3C総会 TPAC 2010 のCSS WG会議で、CSS3 Writing Modes仕様について集中して審議されました。 結果は、石井宏治さん(@kojiishi)がツイッターで報告： 縦書きは順調。論理方向は一歩前進したけど及ばず、でも、継続審議にはなった。EPUB3の最低限ゴールからすれば、合格。でも個人的にはちょっと残念。状況からすれば仕方ないか、論理方向を支持する声は国内でも多くはないし。でも蓋を開けると文句噴出かなぁ、という気はします。難しい。 [3 Nov @kojiishi] このとき議論されたこの時点でのCSS3 Writing Modes仕様(11月2日版)は次のものです： CSS Writing Modes Module Level 3 Editor's Dr

2020年8月31日(月)をもちまして、nanapiに関わるすべてのサービスは終了いたしました。 nanapiは、2009年のサービス開始より「みんなで作る暮らしのレシピ」という考えのもと、ユーザーの皆さまに生活に関する様々な「ハウツー」を投稿していただく投稿型ハウツーサービスとして運営してまいりました。 約11年間にわたって皆さまからご支援をいただきサービスを継続できたこと、nanapi編集部一同、心より御礼申し上げます。 掲載されていたコンテンツなどのnanapiについてのお問い合わせは、nanapi@supership.jp までお願いいたします。 長きに渡りnanapiを応援してくださり、本当にありがとうございました。

With the rapid advancement of web technologies, web developers now have access to a plethora of features once confined to native applications. One such feature is accessing the device's camera directly from the web browser using JavaScript. This capability opens up a world of possibilities for creating interactive and immersive web experiences. Whether you're building a video conferencing app, a p

ディスプレイサイズ（ブラウザサイズ）いっぱいに背景画像を表示する方法はいくつかありますが、最近見つけた jQuery のプラグインを使って、いろいろ試してみたりしたのでレビューをまとめてみました。 背景に画像を使った Webサイトってたくさんありますよね。大きくてキレイな画像は、見た目にもインパクトがあってとても印象的です。でも Webサイトを閲覧している人の環境は様々で、ディスプレイのサイズが違ったりするもの。ディスプレイ（ブラウザ）のサイズにあわせて、画像を拡大表示する方法はいくつかありますが、その中からいくつかをサンプル付きでご紹介します！ 画面いっぱいに背景画像 目次 CSSのみで画面いっぱいに背景画像 jQuery プラグイン fullscreenr を使ってみた Full Size Background Image jQuery Plugin を使ってみた jQuery max