サイズを変更するとアニメーションでパネルが移動するなどの派手な演出は一切無しで、レスポンシブ対応のレイアウトを素早く提供するjQueryのプラグインを紹介します。 jquery.columns -GitHub jquery.columnsのデモ jquery.columnsの使い方 jquery.columnsのデモ 対応ブラウザは、IE9/10, Firefox, Chrome, Safari, Operaです。 まずは、デスクトップサイズとして幅1,200pxでの表示から。 デモページ:幅480pxで表示 jquery.columnsの使い方 Step 1: 外部ファイル 「jquery.js」と当スクリプトを外部ファイルとして記述します。 <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.
[ads1] WordPressはテンプレートも豊富です。無料で利用できるものもたくさんあります。コストが安く済むのもWordPressのメリットですよね。 ……と、思っていたのですが。 最近、ブログのリニューアル作業を経て、考え方が変わりました。「3,000円とか4,000円払ったら飢え死にしちゃう!」という方でなければ、有料のテンプレートをおすすめします!! なぜなら、一目で違いがわかるほどにクオリティが高いからです。 今回は、リニューアル作業時にチェックして回った有料テンプレートのうち、ベスト5を紹介します。すべて、そのまんまでスマートフォンやタブレットに対応するレスポンシブです。 Core Minimalist Photography Portfolio スーパーかっこいい。いきなりTOPページ全面がスライドです。マウスでクリックするとくるくる動き、中央写真のクリックで全画面表示に
* 34Grid is an archive project, a memory from past. :) 34Grid is a Responsive Grid System based on "equally distributed columns" layout basis. In contrast to other great grid systems (@see bottom of page), 34Grid provides equally distributed columns for each row. (and also column complements for inequal distributions) If you're already familiar with grid systems and responsive web design just crea
WordPressブログのテンプレートは、とても高性能なものが多く、色々なところで様々なものが紹介されている。しかし余りにも多過ぎて、どれを選べば良いのか分からなくなってしまう方もいるのではないだろうか? そこで本日は、ソーシャルメディアマーケティングを実践する上で最適なブログデザインという部分に焦点を当てて、オススメのWordPressブログテンプレートを10個ご紹介する。 これらのテンプレートの選択基準は、以下の3つだ。 シンプルな2コラムであること メインコンテンツが左、サイドバーが右にあること レスポンシブデザインであること なぜ、この3つの点が重要なのかという理由は、「月15万PVを生むブログをデザインした時に徹底した7つの要素」で確認して欲しい。 1.Respo デモを確認 | ダウンロードページ シンプルで落ち着いたデザインでありながら、ヘッダー直下のスライダー画像が目を惹く
昨年2011年10月に仕事で運営に携わっている大学ウェブサイトでレスポンシブWebデザイン (しかもフル可変グリッドレイアウト) を導入して、はや半年。約6ヶ月間、レスポンシブWebデザイン(RWD)で制作したウェブサイトを運営してみて思ったことをまとめてみました。これからレスポンシブWebデザインを導入したいと考えている方の参考になれば幸いです。 プロジェクトの概要 大学のウェブサイトをリニューアルするにあたり、さまざまな状況や制限などを考慮、また、今後3〜5年を見据えて、レスポンシブWebデザインを取り入れた制作を行いました。大学公式ブログでもリニューアルについて紹介しているので、ぜひそちらもご覧ください。そこで書いたように、以下のような思いもあり、このリニューアルを行いました: 今回、新しい試みを行った背景には、このウェブサイトが「大学のウェブサイト」であることが大きな要因の一つとし
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
モバイルサイトの記事を読む「Google+」ユーザーには、今後おすすめの関連記事が表示される場合があるかもしれない。 米国時間5月13日に発表された新機能により、同じパブリッシャーが提供する同じテーマの記事や同じ執筆者の記事をユーザーがもっと見つけられるように、ウェブ開発者はサイトにコードを追加できる。 13日の公式ブログ「The Google+ Developer Blog」で説明されているように、モバイル機器である記事を読むと、記事の最後の方にリンクが表示される。このリンクは、Google+での共有や「+1」ボタンのクリック数が多い関連記事を推薦するもので、タップするとおすすめの記事が表示される。 これまでにForbesがモバイルサイトの記事にこの機能を組み込んでいるが、他のパブリッシャーも、Googleの開発者向けページの手順に従ってサイトにJavaScriptコードを少し追加すれば
Windows8は最新版IE10を搭載しているものの、その前のWindows7ではIE8初期搭載の状態、Windows XPでもアップグレードはIE8までしかないこともあって、HTML5+CSS3のWeb制作を行うにあたってはまだまだIE8は充分に対応しなくてはいけません。 今さらながら感はありますが、改めてHTML5とCSS3をIE8に適用させる方法をまとめました! HTML5編 JavaScriptでhtml5の新要素を認識させる IE8でhtml5の新要素を認識させるには、html5.jsというJavaScriptを読み込ませて対応させますが、2012年5月頃より使用方法が変わったようなので注意が必要です。 旧方法 下記のコードを<head></head>内に貼り付けて、Google Code内のソースコードを読み込ませる方法です。 <!--[if lt IE 9]> <script
windowsXPではIE9は使えず 今後もまだまだ使われるであろうIE8 やっとこIE6が消えたと思ったら、今度はIE8のHTML5未対応で WEBデザイナを苦しめるようですね IE8を使っている人にも videoタグで動画を表示させる方法がないか調べてみたら ありました! http://html5media.info/ これはすごい! ソースはここからダウンロードできます https://github.com/etianen/html5media/downloads 早速導入してIE8で見てみる!おおみられる! firefoxでみてみる。。 ん!?×になってみられない! なんでだ〜といろいろ調べてみたら firefoxはh.264のライセンス料を払ってないので、「h.264/mp4」は通常再生できない。 そこで「ogv」と「webm」が用意されているわけだがその形式がサーバに動画ファイ
Siri遊びもそろそろ落ち着きを見せ始め、Siriに関する記事も数多く目にするようになってまいりました。 折角の音声アシスタント機能、できることなら便利な使い方をしていきたい!ということで、まとめてみることに。 Siriを利用するにはiPhone4SをiOS 5.1にバージョンアップする必要があります。 “設定” → “一般” からSiriをオンにし、言語は日本語を選択。 ホームボタン長押しすると「ピピッ」という短い音と共に画面には「ご用件は何でしょう?」と表示、そのまま話しかければOK。 SiriはヘッドフォンやBluetoothヘッドセットにも対応。リモコンとマイク付きのヘッドフォンを使っている時は、真ん中のボタンを長押しすればSiriに話しかけることができ、Bluetoothヘッドセットの場合は、通話ボタンを長押ししてSiriを呼び出します。 Siriが学習した内容をリセットするには
※日本市場におけるプレミアム掃除機(2012年9月時点の平均価格5万円以上高価格帯掃除機、自社調べ)における、国際規格IEC60312に準拠した独立第三者機関SLG及び社内でのダストピックアップ率テスト結果(フローリングなどの床99%以上、カーペット80%)、JISC9108に基づいた騒音試験結果による。
[サーバ容量:200G][MySQL:30個][転送量:1,500G][メモリ:192G] [電話サポート][7日分の自動バックアップ]
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く