空調効率を高めるため冷凍倉庫の屋根に敷かれた空き缶 =鎌倉市 原発事故などで夏場の節電が求められる中、神奈川県の食品会社が7月から、空き缶を冷凍倉庫の屋根に敷き詰めて、空調効率を高める対策を始めた。空き缶が太陽熱を倉庫内に伝わりにくくするため、屋根の表面温度は缶を敷く前と比べ約20度も低下。プレハブの仮設住宅などにも応用可能で、東日本大震災の被災地の暑さ対策としても注目されそうだ。缶の底や側面には穴があけられている。
Google社が6月末よりスタートした新しいソーシャル・ネットワーキング・サービス「Google+」、人気が高いようですね。 ブログやWebサイトにGoogle+アイコンを設置したというひともいるのではないでしょうか。 海外デザインブログWeb Design Fanで、Google+をモチーフにデザインされたクリエイティブなアイコン素材を14個まとめたエントリー「14 Gorgeous Google+ Icons」が公開されていたので、こちらをベースにいくつか個人的に見つけたデザインと一緒にまとめています。 個人的にもまだ未体験のサービスなのですが、デザインの参考にいかがでしょう。 詳細は以下から。 ユーザー急増中、Google+のアイコンデザイン素材まとめ Google+ iOS Icon ミニマルなおしゃれデザインのGoogle+アイコン素材、シンプルなデザインが素敵です。 Googl
Home > フォトショップ講座 > Photoshopで虹色風のネオン効果をテキストにつける方法 Photoshopで虹色風のネオン効果をテキストにつける方法 投稿日:2011年7月22日 レベル:初心者 ソフトウェア: このチュートリアルではPhotoshopで虹色風のネオン効果をテキストにつける方法を紹介します。 Step1 : はじめに Step2 : 新規ドキュメントを作成する Step3 : テキストを入力する Step4 : カラーのテキスト Step5 : ライトグレーのテキスト Step6 : 「ライトグレーのテキスト」レイヤーの一部を削除する Step7 : 完成
第19回目の本勉強会は、7月13日に慶応義塾大学の日吉キャンパスをお借りして開催しました。今回のテーマは「HTML5を用いたサイト開発プラクティス」で、HTML5時代に伴ったWebサイト開発のHOW TOを中心に2つのメインセッションと3つのショートセッションの講演がありました。本稿では、本勉強会の模様をレポートします。 PJAX ~HTML5時代のAJAXサイトプラクティス~ 最初にPJAXという手法について、NTTコミュニケーションズの小松さんから講演いただきました。 最近では、AJAXを使ってページの切り替えをせずにコンテンツを動的に切り替えるサイトが増えてきました。これらのサイトは、従来のような画面全体を切り替える方式に比べて通信量を減らすことができますし、何よりもユーザビリティをより良くすることができます。 しかし、AJAXを使ったサイトはいくつかの問題点を抱えています。 ブラウ
移転しました http://please-sleep.cou929.nu/20110721.html
レトロ、ビンテージデザインでよく見かける豪華な飾り、オーナメントを利用したロゴデザイン。 そんな高品質なロゴを簡単に作成することができるベクター素材キットが公開されていたのでご紹介。 「ビンテージ風オーナメントロゴ」を作成することだけを目的にデザインされたベクター素材をまとめたセット「Vectorian」は、それぞれのパーツを組み合わせることでデザイン性の高いロゴを直感的にデザインすることができるようになっています。 詳細は以下から。 無料バージョンと有料バージョンに分かれていますが、無料バージョンにも85種類のオーナメントデザイン、30種類のボーダーデザインが収録されています。 以下は収録されているベクター素材のサンプルとなります、一部有料アイテムも含まれています。 オーナメント素材サンプル オーナメント素材サンプル2 – オーナメント素材サンプル3 上記のオーナメント素材を組み合わせた
自分の中で課題があって、その為に 必要なインスピレーションを得るため のギャラリーサイトをまとめます。いち いちブックマークから探すのが面倒に なってきたのでちょっと整理がてら記事 にします。 というわけで個人的なリンク集です。スマフォとかミニマルデザインとかのWebデザインギャラリーいろいろ。デザインギャラリーですけど、目的はデザインというよりも、技術をどうやって上手く取り入れているかを見たい、という感じです。 ミニマリズム / シンプルミニマリズム、シンプルデザイン専門のギャラリー。 MNIMAL とにかくここ自体もミニマルなギャラリーです。よく見に行ってます。 MNIMAL siiimple シンプルレイアウトなWebデザインのみを集めています。 siiimple Minimal Exhibit ミニマルデザインを収集。少々カテゴリの分け方がアレ。 Minimal Exhibit m
企業や会社のブログ運営時に行き詰まった時などに参考にしたい、新鮮で魅力的なコンテンツを提供するための42のアイデアを紹介します。 41 Awesome Blog Post Ideas for Your Company Blog [ad#ad-2] 下記はebook「100 Content Ideas for Community Managers(コミュニティマネージャーのための100のコンテンツのアイデア)」から抜粋されたものを意訳したものです。 ※元記事のタイトルは41となってますが、36がダブりなので42にしました。 マルチメディアとビジュアル プロダクトのスクリーンキャストをScreenrで作成し、ブログで共有します。 スクリーンキャストでステップごとのガイドやハウツーのビデオなどを見せます。 会社用のイメージビデオを作成し、ブログに掲載します。 オリジナルのマンガのキャラクターを作
WordPress のテーマを自作するときに、よく使っているコードのまとめです。主に functions.php に書いている基本的なコードばかりです。私は仕事で Webサイトを作っているので、後半はクライアントさん向けの Webサイト用コードです。 私、Evernote を使ってるんですけど、WordPress をカスタマイズするコード … たくさんクリップしてあって、ちょっとごちゃごちゃしてきたので整理しました … X( その中から一般的に使えるコードだけまとめてみました。個人的によく使うコードなど、一カ所にまとめておきたいなーと思ったのでメモ書きです。全部 WordPress 3.2 になってから、テスト済みです。 WordPress のよくあるカスタマイズ 目次 セッティング関連 ソーシャルボタンを追加 抜粋表示、the_excerpt 関連 タイトルの文字数を制限して表示する 特
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
デモページ:ボックスの高さを拡張 以下は、これらの5つの実装方法と解説を意訳したものです。 Method 1: borderとoutline Method 2: 疑似要素 Method 3: box-shadow Method 4: div要素の追加 Method 5: border-image [ad#ad-2] Method 1: borderとoutline borderプロパティとoutlineプロパティを併用します。 この方法はoutlineプロパティをサポートするブラウザだけうまくいきます、つまりIE6/7以外です。 .one { border: solid 6px #fff; outline: solid 6px #888; } この方法が機能するのは、outlineがボックスの外に配置されるためです。outlineを使用する際の問題点は、周りのエレメントに影響を与えないとい
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く