Facebookページの制作に役立つ、タイムラインとニュースフィードの新レイアウトに対応したPSD素材 | コリス

Facebookのタイムラインとニュースフィードをピクセル単位で忠実に再現したテンプレートのPSD素材を紹介します。 PSDは制作に利用できるようすべて編集可能な状態です。 Facebook news feed and […]

さくらのVPS サーバ構築メモ | コムギドットネット

さくらのVPS のラインナップが大幅に変わり今まで使用していた「さくらのVPS 1.5G」が無くなってしまいました。 費用的にも 2G がお得ということで乗り換えをしたのですが、サーバ構築手順をすっかり忘れていたのでここにメモっておくことにしました。 最盛期に 1~4万PV/日を捌くために nginx でリバースプロクシを使った構成にしていました。 サーバ移転後も面倒なく動かすために同構成にしてい…

文字を制限した軽量な日本語 Web フォントを作成する方法 - てっく煮ブログ

HTML5最近、Web フォントをつかってかっこいい表現をしているサイトも増えてきました。ただ、残念ながら 日本語で Web フォントを使うのは厳しいのが現実です。というのも、日本語には英数字・ひらがな・カタカナ・漢字・記号・・・など必要になる文字数が多すぎるため、フルスペックの日本語の Web フォントはファイルサイズがすごいことになりそうです。そこで、「利用したい文字だけを含んだ Web フォ…

格好いい！折り畳んだ紙を開くようなアクションを実現「Paperfold CSS」 - MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログ

これはアイディアの勝利！Paperfold CSSを使うと折り畳んだメッセージを開いて表示したりする際に効果的に見せられるようになりそうです。 0

メンズファッション+ | ダサく思われないメンズ服のコーディネートを提案するセレクトショップ

メンズファッション＋とは 今、流行っているメンズファッションの最新情報、流行り、着こなし、トレンド、コーディネートを常に発信しています。春服、夏服、秋服、冬服と全ての季節において常に最新のトレンドファッションを研究しています。口コミ、レビュー、画像、写真、評判、比較、雑誌、実店舗で流行っている洋服、あらゆる情報を集めています。 もちろん、年齢別で流行っている洋服は違います。10代、20代、30代、…

なぜ僕は WordPress を使わないで Movable Type を使い続けるのか。 - Junnama Online

書く書く詐欺にならないうちに、ブログ記事を書くとする。この議論はもはや不毛だし不必要に炎上するから、これでこのテーマは最後ね。Movable Type のラスト・サムライとして書いておく(とか)。 元Movable Typeユーザー、現WordPressユーザーが考えるMovable Typeの利点 : ARTIFACT ―人工事実― 「米国トップ100ブログの7つが Movable Type を…

Chromeを最強化するオススメ拡張機能11

人気ブラウザー『Google Chrome』。拡張機能は数多くあるけれど、まず最初に入れておきたい11の拡張機能を紹介。すべてフリーで導入することができる。快適かつ最強にパワーアップしたChromeを使いこなそう！ ●関連サイト Google Chrome 『Incredible StartPage』 スタートページをカスタマイズ！ シンプルなクロームのスタートページを、機能的な画面にする拡張機能…

Webグラフィックをハックする（1/5）- ＠IT

Webグラフィックをハックする（1） 5分でわかるCSSグラフィック 伊藤 千光 2012/4/18 知って得する、Webブラウザ上で利用できるグラフィック関連技術。アニメーションや3Dが表現できる「CSS3」をハックしよう CSSで多彩な表現が可能に 本連載では、Webブラウザ上で利用できるグラフィック関連技術を、読み切りの形で、なるべく分かりやすく紹介していきます。第1回である今回はWebの基…

読まれるブログの作り方「7つの書き方ルール」 | SUN MEDIA

少しでも読まれるブログを書きたい! 体裁指定と画像処理で効率的にブログを書く方法 先日、新しいブログを書き始めたはいいが、 途中でWordPressのテーマを変えたために、 色々支障が出た。その際、指摘を受けた一言。 「素人っぽいから、ルール決めて改善した方がいいよ。」 確かに良くないと思い、気持ちを切り替えて、 今まできちんと決めていなかった体裁ルールをゼロから見直すことにした。 改善の余地はあ…

ゼロからはじめるレスポンシブWebサイトを作るために勉強できるサイトをまとめました | HTML5でサイトをつくろう

スマートフォンサイトとPCサイトの振り分けを考える上で、 ひとつの選択肢となる「レスポンシブWebデザイン」。 スマートフォンサイトの最適化とは違い、CSS3のメディアクエリ機能を使って、デバイスのサイズごとにCSSの読み込みを変更することによって、1ソースでマルチデバイスに対応したサイトを制作することができます。 しかし、その分ソースや読み込むCSSが多くなってしまったり、構成をしっかりと考えな…

auとイー・モバイルの絵文字刷新、ドコモとデザイン統一へ - ケータイ Watch

auとイー・モバイルの絵文字刷新、ドコモとデザイン統一へ NTTドコモ、KDDI、沖縄セルラー、イー・アクセス（イー・モバイル）は、携帯電話のメールサービスで利用できる絵文字について、ドコモの絵文字をベースにしたデザインに統一する。 各社の絵文字は、デザインや数が異なり、ユーザーから「微妙なニュアンスが伝わりにくい」といった指摘を受けていた。また、たとえばauでは、継続的な調査の中で「この2～3年…

インターナショナルSEOの11の鉄則 | SEO Japan

日本国外でビジネスを展開している日本企業も数多く存在しますし、海外サイトの管理を日本で行っている企業もある程度あると思います。ドメインからコンテンツ管理までウェブマスターにとってはチャレンジングや多言語サイト運用ですが、今回はそんな多言語サイトのSEOを考える際に重要な項目を11紹介した記事をサーチエンジンランドから。 — SEO Japan インターナショナルSEOと言う言葉を聞くと、世界中にオ…

報道発表資料 : メールサービスにおける事業者間の絵文字の共通化に向けた取り組み | お知らせ | NTTドコモ

株式会社エヌ・ティ・ティ・ドコモ ＫＤＤＩ株式会社 沖縄セルラー電話株式会社 イー・アクセス株式会 株式会社エヌ・ティ・ティ・ドコモ（以下ドコモ）、KDDI株式会社（以下KDDI）、沖縄セルラー電話株式会社（以下沖縄セルラー）、イー・アクセス株式会社（以下イー・アクセス）、の携帯電話事業者4社は、2012年5月以降、事業者間のメールでやり取りされる絵文字を、ドコモのiモード®メールおよびspモード…

[JS]使い勝手のよい、パネルをスクロールに追従させるスクリプト -Sticky Sidebar | コリス

Demo 2 赤枠のナビゲーションは左のカラム内の移動、黒枠のパネルは黒枠内のみ、右のバスケットはページ内全てです。 また、中央のテキスト「Remove」をクリックすると、一時的にそのパネルだけ追従をやめます。 Sticky Sidebarの使い方 オーソドックスなデモを例に実装方法を紹介します。 外部ファイル スクリプトを外部ファイルとして記述します。 <script src=”jquery.m…

WebサイトでPNGを使うのは非常識 | poyosicom

こんにちは@poyosiです。PNGを使いまくってコーディングしてますか？ 会社から「WebサイトでPNGを使うのはNGだからGIFにしとけ」とか言われたことないですか？ そうではなくても、「なんとなくPNG使うくらいならGIFにしといたほうが安心」という方もいるのではないでしょうか？ 今日は画像ファイルフォーマットであるPNGをWebサイトに使うのはどうなの？というお話をしたいと思います。 We…