DropBoxのファイルを編集するだけで更新できるCMSホスティング「DropPages」 【増田(@maskin)真樹】 | TechWave（テックウェーブ）
[読了時間:2分] 高度な機能を持ちながら無料で使える仮想ストレージ「DropBox」を愛用している人は多いのではないだろうか。ファイル更新時、いちいちアップロードする必要なく、自動でサーバーに保存＆共有されてしまう便利さは捨てがたい。 「それなら、同じようにファイルを編集するだけで、自動的にウェブサイトが更新できないか？」。そんな疑問から誕生した「DropPages」は、DropBoxと連動したシンプルなCMSホスティングサービスだ。専用のテンプレートファイル等を自分のDropBoxスペースにアップロードするだけで自動更新型のウェブサイトを運用できてしまうという。 使い方は簡単。まずDropPagesのサイトで必要なファイルをダウンロード＆解凍し、自分のDropBoxスペースにディレクトを作成してそれらのファイルをアップロードする。その後、そのディレクトリの名称を「任意の名前.dropp
[CSS]画像を使用しないで、紙がひらっとめくれたエフェクトを与えるスタイルシート
あらゆるサイズのエレメントに利用が可能な、紙がひらっとめくれたようなページカールのエフェクトを与えるスタイルシートを紹介します。 デモページの拡大 このエフェクトはページのあらゆるサイズの要素に簡単に適用できます。 紙がひらっとめくれたエフェクトの実装方法 HTML HTMLはシンプルです。div要素にclassを付与しているだけです。 <div class="box">My box</div> CSS：シャドウの適用 box-shadowを使用して、内側と外側にシャドウを適用します。 .box { position: relative; width: 500px; padding: 50px; margin: 0 auto; background-color: #fff; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0
1時間で携帯サイトをスマートフォン対応にする方法 | GREE Engineering
初めての投稿となります。エンジニアのmatsuです。 携帯向けウェブサイトを1時間でスマートフォン対応する方法を紹介します。 概要 2011年4月7日のニュースにて携帯電話の新規契約数のうち、スマートフォンが占める割合が50%を越え、スマートフォンが本格的に普及する兆しが見えてきました。 現在、スマートフォン向けサイトを新規構築するためのチュートリアルは数多く出ていますが、既存の携帯サイトをスマートフォンに最適化する方法があまり紹介されていないのでこの記事で紹介したいと思います。 このチュートリアルを行うと以下のようになります。 実装 全部で8ステップあります。 このチュートリアルではブログのトップページを例にとって説明します。 前半では文字コードの変更、HTMLの変更といった構造を変更します。後半では絵文字や文字スタイルを行い、仕上げとしてHTML5のバリデーションを行っていきます。最初
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[CSS]スタイルシートの量を少し減らした、新しいclearfix -micro clearfix
