「浮揚式津波洪水対策用シェルター SAFE＋（セーフプラス）」は、津波・洪水襲来の際、避難が困難な場合、シェルターに避難することで水面に浮き命を守ります。強靭なFRPモノコック構造は、水害以外での災害時も避難小屋として活用でき、日常生活に安心感を与えます。

この記事には広告を含む場合があります。 記事内で紹介する商品を購入することで、当サイトに売り上げの一部が還元されることがあります。 R0011881 / kuzyoken 長らくWindowsユーザーだった私がMacに乗り換えてから、もう十数年。 Macを使い始めた当初はWindowsとの違いに戸惑ったものですが、今ではMac、特にMacBookAirは手放せないツールになっています。 毎日のように使っているMacなのですが、実はまだ知らない便利な設定やショートカットがあったりするもの。 先日、Macに詳しい友人に、そういった便利な設定やショートカットを教えてもらったので、この記事で紹介します。 知ってる人には当たり前かもしれませんが、私を含む知らなかった人にとっては「こんな設定があったのか！」と驚くかもしれません。 人によっては大幅に作業効率がアップするはず！ 「キーのリピート」設定で同

この記事は、はじめてブログ用のオリジナル WordPress テーマを制作される方向けに書いたチュートリアル記事です。 なぜこの記事を書いたかというと、「WordPress でブログを作ってみたい、でも作り方がわからない」とおっしゃっている方が想像以上に多いことと、私が Webデザインスクールで WordPress ブログテーマの作り方を教えていると、想像以上にテーマ制作の基礎を理解していただくのが難しかったからです。 おそらく、HTML+CSS コーディングができる方であれば、この記事を読めばブログ用のWordPressテーマを制作できるようになるはずです。 このチュートリアルでできるテーマのサンプルファイルも以下からダウンロードできます。 実際のファイルを見ながら（あるいは作りこみながら）読むと理解が深まると思います。 WordPressのインストール まだレンタルサーバを借りていない

Jpeg Enhancer 「Jpeg Enhancer」は、ブロックノイズやモスキートノイズなどにより激しく劣化した写真などのJPEG画像を、きれいに修復してくれるソフトです。修復したいJPEG画像を、修復後の画質と比較しながら修復フィルタの強度を調整するだけの簡単な操作で使用することができ、修復後の画像はJPEG/PNG/BMPなどの形式で保存可能です。 JPEGのファイル圧縮では、明るさの変化に比べ色調の変化には鈍感であるという人間の目の性質を利用して、色調変化の部分のデータを捨てることでファイル容量を小さくしています。このため圧縮率を上げすぎると、ブロック単位で色が均一化されて画像がモザイク状に見えるブロックノイズやモスキートノイズが発生します。 本ソフトは、このようなブロックノイズやモスキートノイズにより画質が劣化してしまったJEPG画像にシミ消しやシャープ処理などのエフェクトを

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

小さいころから占いに興味があって、色々と勉強しているうちにどんどん好きになり、皆さんにも占いの良さを知ってほしくて記事を書いています。 知り合いに占い師や霊能力者、お寺の住職がたくさんいるので、その方たちにインタビューして記事を書いています。

① ブックマークバーのショートカットをアイコンのみにすると見やすいChromeにブックマークを登録する（アドレス横の☆マークをクリックする）際、ブックマークバーに登録する人もいると思います。 通常は、アイコン＋サイトの名前で登録するのですが、このときにサイト名を空欄で登録してみましょう。 すると、このようにアイコンのみでブックマークが並びます。 ブックマークバーにたくさん登録したいときに場所を取りませんし、見た目もスッキリ。 ② アドレス欄に直接キーワードを打ち込んで検索できる。カスタム検索も可能知っている方も多いと思いますが、ChromeはURLが表示されている欄に直接キーワードを打ち込めばGoogle検索可能。 検索結果がすぐに表示されます。 Chromeの検索機能はこれだけではなく、「カスタム検索」も可能。 これはどういうものかというと、特定のサイト内（例えばYahoo、Amazon

毎日数えきれない程多くのwebサイトが世界中でオープンしていますが、そんな中で個性を発揮できるのがデザインとクリエイティビティを兼ね備えたwebサイト。今回紹介するのは、クリエイティブなwebデザインを集めた「35 Best Website Designs」です。 （Reklameskilte er yt. Glasfiber-ko med logo – synlig reklame-gimmick） シンプルで洗練されたデザインから、つい見入ってしまうような芸術的なデザインまで、さまざまなwebサイトが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■Universo – Crie o seu イラストや写真・カラーの選び方まで、レトロテイストにこだわったwebデザインです。メニューボタンなどパーツの可愛らしさにも注目です。

12月7日発売予定です^^ 先日twitterなどで発売日が決まったことを告知させていただいたのですが、 何名か予約したよ！なんて声をかけていただいて本当にうれしい限りです；； 結構いい内容に仕上がっていると思うのですが、 また発売日前でなにも詳細が公開されていない状態なので 「予約して買ったけど求めていた内容と違ったーー」 ということがあっては、 予約までして買っていただくのに本っ当に申し訳ないので…。 今日は、ちょっとその本の中身を紹介させてください！ Fireworksによる画像パーツのデザイン Part2です。 FIreworksの基本動作が一通りマスターできるように考えました。 基本の操作説明ってなんか退屈な説明になりがちなので、 いろいろ実際に作りながら覚えられるようになっています。 これらのレシピをこなしていくと、 終わる頃には「あー大体こんな感じでパーツ作るんだなー」と わ

WordPressのオリジナルテーマ作成フロー・... / WordPressのTwenty Elevenテ... / Twenty Eleven テーマ内の説明を日本...他...全9件

MacBook Airを買ってそろそろ一ヶ月。以前のiMacからの移行も完了したところで、Macでは初となる常用アプリ一覧(純正は除外)を公開してみます。 僕のMacにかかせない100のアプリ | Macの手書き説明書 尚、今回は普段からとても参考にさせてもらってるべあだるさんの上記エントリーの企画に乗っかったものです。 インターネット関連 Firefox Webブラウザ。Chrome全盛ですが、慣れもあってずっと使ってます。 拡張機能としてインストールしているのは以下の5つ。 NoScript　Firefox必須の拡張。 Read It Rater　あとで読むツールとして利用しているサービスの拡張。 Stylish　Googleリーダー等のデザインを変更する拡張。 Tab Mix Plus　タブまわりの拡張。 Tombloo　色々なサービスにポストできるようになる拡張。 Reeder R

モバイルアプリケーション開発のためのJavaScriptによるフレームワーク「jQuery Mobile 1.0」のFinal Releaseが、今週前半に予告された通り、ついに公開されました（日本時間18日午前3時頃）。 jQuery Mobileはオープンソースとして開発されており、「Download」ページからだれでも無料でダウンロード可能です。jQueryのWebサイトやマイクロソフトのCDN（コンテンツデリバリネットワーク）などでの配布もはじまっています。 HTML5のタグだけでモバイルアプリケーションが作れる jQuery Mobileの大きな特徴は次の3つです。 1）HTMLのタグだけで、プログラミングせずにモバイルアプリケーションができてしまう 2）モバイルのユーザーインターフェイス対応の部品が多く揃っている 3）iOS、Android、WebOS、Windows Mobl

モバイルバッテリーとは呼べない。「ほぼポタ電」なコレ1台で有事の時もアウトドアも大活躍!【AmazonスマイルSALE】

SuperAlbum カテゴリ: 写真／ビデオ 価格: ￥85 最近は携帯電話やスマートフォンの写真スペックがコンデジ並みに良くなり、ソーシャルサイトに写真共有は不可欠だ。TwitterやFacebook、FlickrやTumblr、そしてGoogle+やmixi。２つや３つのソーシャルサイトを掛け持ちそれぞれに写真をアップロードしているユーザーは多いはず。そんなアクティブユーザーには是非ともSuperAlbumをお勧めしたい。このアプリ一本で各種SNSにアップした写真を管理できるのである。 アプリを起動すると、各種SNSの写真にアクセスできる。 対応しているSNSは、iPhone純正アルバム、Twitter(twitPic)、Facebook、Flickr、Tumblr、Picasa、Instagram、mixi、500pxと多彩だ。 特筆すべきはInstagramとTumblrのマイフ

Tweet Googleの新しいデザインがあまり好きじゃない。黒と赤を基調とした配色が、少々くどい。今回紹介するのは、Google Readerの見た目をMac OS X Lionのようにする拡張機能だ。対応しているブラウザはGoogle Chrome、Fire Fox、Safari。シンプルで綺麗な外観になる。ダウンロードはこちらから。 Stylish （Chromeはこちらの拡張機能をインストールしてからテーマを適用する） Google Reader - Mac OS Lion UI（ChromeとFirefoxのテーマ。ダウンロードは右上の "install as user script" から） Google Reader Lion UI - GitHub（Safaiのテーマ） [via OS X Daily] ▶ この記事をGoogle+でシェア 関連記事 グラディウスのコマンド

こんにちは、イメージ担当の長谷川です。 今回は 1px にこだわったリッチな Web や UI デザインを更に立体的で奥行きのある雰囲気にする『MAX 塗り』を取り入れたグラフィック作成手法をご紹介します。 ところで『MAX 塗り』ってご存知ですか？ガンプラなどが好きな方はピンと来たと思いますが、プラモデルなどに興味がない人は全く分かりませんね。 『MAX 塗り』とはプラモデルに立体感を出すためにエッジから中央に向かってぼかしていく、昔からある「ぼかし塗り」や「グラデーション塗り」の技法です。 この技法で塗装されたプラモデルは単純に塗装したものより格段に迫力や存在感が上がります。プロモデラーの MAX 渡辺さんが良く使うプラモデルの塗装技術として通称『MAX 塗り』と呼ばれています。 Web や UI にこの『MAX 塗り』を取り入れる方法は簡単です。 作ったボタンや背景などのグラフィック

私はウェブデザインができないプログラマーである。以前はデザインはデザイナーさんに任せておけば良いと思っていた。だが、考えてみると、われわれは、デザインされたものしか目にすることはできないのだ。どんなに優れたアルゴリズムをプログラマーが実装しても、残念ながら私たちの目には見えない（反応速度で体感できることはあるにしても）。人もウェブサイトも見た目が９割なのである。 最近、私は「書評人」というウェブサービスを始めた。当然、私にデザイナーを雇う余裕などない。自分でデザインを制作する必要に迫られた。さて困ったどうするか。 私は、ある人気ウェブサービスを運営する友人に尋ねてみた。彼は、昔、一緒に仕事をしたことがあるプログラマーだ。特にデザインを専門的に勉強したことはないはずなのに、彼が作るサイトはどこかあかぬけている。彼に根掘り葉掘り尋ねるうちに、勧めてくれた本がこれ。 XHTML&CSSデザイン

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

ドットインストール代表のライフハックブログ

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

このブログのスマートフォンページをjQuery Mobileを使用して制作してみました。 それ以前はjQuery Mobileについてほぼ知識0の状態だった私が、今回の制作にあたり役に立ったサイトをまとめました。 このブログのスマートフォンページをjQuery Mobileを使用して制作してみました。 それ以前はjQuery Mobileについてほぼ知識0の状態だった私が、 今回の制作にあたり役に立ったサイトをまとめました。 jQuery Mobile | jQuery Mobile 本家本元。 敢えて紹介するまでもないのですが一応。 現在のバージョンは1.0RC2（2011.11.01現在）です。そろそろ正式版がでる予定です。 jQuery Mobile 1.0b1 日本語リファレンス jQuery Mobile 1.0b1 日本語リファレンス バージョン1までの内容ですがjQuery

今回はXを便利にするツール３４選をまとめてみました！ 僕もXツールは色々使っていて、 TweetDeckでリプライ交流をする Social Dogで１ヶ月分「予約投稿」をする など、Xツールのおかげもあって、１年ちょっとで50,000フォロワーを超えることができました。 ブログのアクセス数も爆増し、アフィリエイト収益も月100万円ほどアップしています。 正直、上記の２つさえあればXは伸ばせます。 これらのツールを使った「Xの伸ばし方」については以下の記事でもまとめているのでこちらもぜひー！ 目的別ツールの選び方 Xのツールは、目的に合わせて選ぶことがおすすめです！ ここでは、次の7つの目的に合わせて便利ツールをまとめてみました！ 総合的に管理したい 複数アカウントを一括管理したい 複数人でアカウントを管理したい フォロー・フォロワーを管理したい ツイートを予約したい マーケティング分析をし

2013年11月22日 Webサイト制作, ユーザビリティ どのWebサイトにも必ずあるのがナビゲーションメニュー。各コンテンツページへリンクされている「Webサイトの目次」です。この目次をきちんと設置していないと、ユーザーは欲しい情報が見つけられず、離脱率が高くなります。そのサイトでしか手に入らない、本当に必要な情報でない限り、こちらから案内しないとユーザーはコンテンツを探そうとしません。そんなナビゲーションメニューについて考えてみましょう。 ↑私が10年以上利用している会計ソフト！ ナビゲーションメニューの設置ポイント すべてのページに 基本中の基本ですが、メインのナビゲーションメニューはどのページにも同じ場所に設置しましょう。ホームページでしか表示されない…なんてことがないように。というのも、ユーザーが最初にたどり着くのが必ずしもホームページとは限らないからです。検索で特定のコンテン

Social Media Marketing Trends 2024 // The Global Indie InsightsKurio // The Social Media Age(ncy)

CSS3のアニメーションサンプルで、立方体を扱ったものは数あれど、それ以上の多面体のサンプルが見当たらなかったので、倍の12面体を作りました。 イメージ 概要 今回はそのサンプルを題材に、CSS3で新たに追加されたアニメーション系のプロパティをご紹介します。 ※今回ご紹介するプロパティは、執筆時点では全て要ベンダープレフィックスです。 ※対応ブラウザ：Chrome 12～, Safari 5～ Mozillaは「現時点では Z 軸はサポートされていないため 3D の回転や 3D 拡大縮小、3D 変換はサポートされていません。」だそうです。 MDN – CSS transforms の利用 ※グラフィックボードが3Dの表現に対応している必要があります。 ※動作にはCPUパワーが少々必要になります。 HTMLサンプル ※各面はリンクになっています。 回転方向を指定できるコントローラー付きのサン

Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp

iPhone 4Sが発売間近。 買おうか迷って一旦諦めたはずがまた迷い始めました、hakoishiです。 Siriに甘い言葉をささやきたい。英語できないけど。 さて、コーディングで縦中央にオブジェクトを配置したいことって少なくないですよね。 しかしながら、cssはそういうのちょっと苦手。 「ほら、あの時使ったアレだよアレ！」と過去のソースを掘り起こしてみても、状況が違ってて使えないケースも多かったり。 というわけで今回は、cssで縦中央配置するためのtipsを5つのパターンに分けてまとめました。 case1：画像の場合 上下方向中央を始点として画像を配置し、画像の縦サイズの1/2だけネガティブマージンで上に移動。 サンプル html <p class="case01"> <img src="http://dummyimage.com/100x100/000/fff.gif&text=img

待ちにまったiOS 5が予定通り今朝リリースされた。 だが、今回のアップデートは要注意だ。トラブルを避けるため、準備してからスタートしよう。 僕自身前日からいろいろ準備していたが、それでもかなり焦ったので、経験から学んだことを皆さんにシェアしよう。 これをやっておくと、大分楽にアップデートできるだろう。 1. 音楽・写真・不要なアプリを一旦削除しておく 今回のアップデートでは復元に非常に長い時間がかかった。 僕は前日に音楽と写真は全部消していて、アプリも3面しか入れていなかったのだが、それでも20分以上復元だけに時間を要したし、データが多い人は2時間以上かかったという声をTwitterで聞いた。 アップデートを開始する前に、不要なファイルは全部取り除き、iPhoneを軽くしておこう。 2. アップデート前にバックアップを取っておこう 今回のアップデートは非常に動きがトリッキーで、何が起こる

面白法人カヤックがサイトリニューアル！ いきなり手前みそで恐縮ですが、今年の夏、面白法人カヤックがコーポレートサイトを2年ぶりにリニューアルしました。 「世界一更新頻度が高く、カヤックの活動がひと目で分かるコーポレートサイト」をコンセプトに、可読性が高く容量も軽いサイトに仕上げました。 ひと目見るだけで、最近のカヤックの動向が分かるようにニュースでTOPページを構成し、日々リアルタイムにカヤックの最新の情報を発信します。 技術的には、ブラウザのウィンドウサイズによって拡縮する画像はベクターファイルであるSVG（Scalable Vector Graphics）画像で置き換えたり（SVGはベクトル形式の画像のため、拡大してもボケない）、CSS3を用いることで画像の使用を極力控えたりするなど、ページの軽量化を実現しています。 カヤックサイトのCSSテクニックを丸ごと伝授！ 本稿では、サイトリニ

CSSセレクタについての基礎知識 このブログで何回も説明していますが、念のために説明します。 CSSセレクタはスタイルを適用する対象を指定するものです。普段何気なく使っているclassやidなどもセレクタの１つです。 セレクタ表の説明には属性や要素といった堅苦しい用語が出てきますので図で簡単に説明します。 私のように基礎から勉強していないと、要素や属性と聞いてもピンときませんが、知ってみるとなんてことはないですね。 あと親子関係や兄弟関係などもあまり聞きなれないかもしれません。下の階層にある要素との関係が親子関係で、同じ階層にある要素同士の関係が兄弟関係です。 あと、CSS3と聞いて「どうせIE8以下はダメだし使えない」と思う方もいるかもしれませんが、セレクタに関しては簡単に対応できます。 IE6～8でもCSS3セレクタが利用できるツールの決定版「Selectivizr」をご参考に。 それ

駅や野球場、高速で移動する新幹線の車内――。人が集まり、動くところに高速通信のビジネスチャンスがある。通信大手は鉄道会社などと需要喚起に挑む。 ■時速100キロの電車に8K映像 「デ…続き 時速500キロで途切れない　光ファイバー無線の仕組み ［有料会員限定］ 災害に強い通信へ　途切れぬスマホが命綱 ［有料会員限定］

移動しました。 http://blog.sigbus.info/2011/10/bezier.html

ページ移動が必要なwebページを快適に閲覧してもらうために重宝する素材アイコン。WEBサイトの内容によっては、分かりやすく表現するために多くの種類のアイコンが必要になります。そこで今回紹介するのが、webデザインに必要なアイコンが500個もまとめられたアイコンセット「「500+ web icons pack」です。 上記のとおりシンプルで使いやすいデザインのアイコンセットとなっています。 詳しくは以下 「500+ web icons pack」には、ホームや設定・電話などを表す一般的なUIを示すアイコンはもちろん、大型ショッピングモールに表示されているような案内アイコン、ビジネスシーンで使いやすい時計やグラフを示すアイコンなど、生活のあらゆる状況がアイコンとしてセットになっています。 シンプルなシルエット素材になっているので、流行などに関係なく利用できるというのが嬉しいですね。PSDデータ

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

デザイナー 春山 有由希のポートフォリオサイトです。

草を3つ揃えて茂みに、茂みを3つ揃えて木に、木を3つ揃えて家に、という感じで街を大きくしていく3マッチパズルゲーム、Triple Townを紹介します。 Triple Townは、マッチングパズルに育成要素を加えたパズルゲーム。街を大きくしたいけれど大きくなるとオブジェクトを配置していくスペースが少なくなり、さらにお邪魔キャラも登場し、とパズルがだんだんと難しくなります。 頭を悩ませる、けれども面白いゲームなんです。

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

私の長年の悩みを解決してくれるリーダーを、ついに発見しました！それがやる夫まとめリーダーです！ やる夫は2ch生まれのAAキャラです♪ 暇があると2chリーダーを開く程度のねらーな私ですが、ずっと思ってたんです…AA崩れちゃうよね…と。 あ、AA(アスキーアート）って何じゃい？？という方はこちらをご参照下さい（アスキーアート） そんなジレンマを解決してくれるのがこちらのアプリ。AAを自動的にiPhoneに合わせリサイズしてくれる賢い子なのです (●´艸｀) さっそくご紹介していきます♪ 起動しました。アプリ名の通り、「やる夫」に関わるスレッドを拾ってきます。 まずは左上の歯車ボタンをタップ。 すると【設定】が表示されます。 といってもいじるのは真ん中あたりの【自動スクロールの速度設定】くらいですね。好みのスピードにしましょう。 ではメイン画面に戻って、さっそくスレを開いてみましょう！ 開く