サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
TGS2024
webrecuration.com
ベーシックな使い方 実装は基本的にMasonryなどと一緒です。 まずは配布元からjsなどをダウンロード。 Yannis Chatzikonstantinou / Freetile.js ボックスを内包するコンテナー(#container)を指定してあげます。 サンプル JS読み込み <script type="text/javascript" src="jquery.min.js"></script> <script type="text/javascript" src="jquery.freetile.js"></script> <script type="text/javascript"> $(function(){ $('#container').freetile(); }); </script>.box~の横幅を最初に300pxで統一することで縦に整列された形
このブログはミニマルなデザインを志向して作成したのですが(まだ途中だったり)、その時に参考に何回もアクセスした海外のWebデザインを紹介したいと思います。 ちなみに、ミニマル、ミニマリズム、ミニマリストと色々言い方があって紛らわしいですが一応書くと3者はそれぞれ、 minimal : 最小限の[形容詞] minimalism : 最小限主義 minimal : 最小限主義者 という意味です。ミニマルなWebデザインって?という方にはWebクリエイターボックスさんの記事がおすすめです。 効果的なミニマルデザインと退屈なデザインの境界線 | Webクリエイターボックス個人的嗜好で選んでいるところもあるので偏りがあるかもしれませんがここから紹介です。ただサムネイルのっけるだけではなくコメントしたりトップページ以外のキャプチャも載せてみました。 是非アクセスしてみてください。
先週ブクマした記事、見返してますか? 大仰なタイトルを打ってみましたが、みなさんネット上での情報収集はどのようにしてメモっていますか? ネットではEvernoteやはてブなどをつかった情報整理術がたくさん紹介されていますが、個人的にはブックマークはブラウザで完結しちゃっていいんじゃないかなーと思っています。今回は情報整理法の提案です。 これまで紹介されていた方法 よく紹介されている方法ははてなブックマーク、googleリーダーのスター機能、EvernoteのWebクリッピングなどをなんらかのトリガーをつかってIFTTTを介したりしていかに手間をかけずに情報をまとめるかというものでした。 私もいろいろ研究していろんなサービスでスターしたりブックマークしたものは全てはてブに飛ばすような仕組みを作っています。 結果、見返されない記事が大量に。 もちろん、Evernoteもはてブもそれぞれ
可変グリッドレイアウトとは、ボックスをタイル状に並べるプラグイン…っておなじみですね。Pinterestやfacebookのタイムラインにも採用されています。基本的にこのレイアウトの実装はmasonry.js一強な感じだったのですが最近またあたらしく登場してきたのでご紹介。 Masonry.js まずは一番流行しているMasonryから。日本語の解説もいっぱいあるのでだいぶ安心です。 無限スクロールを実装するInfiniteScrollと組み合わせた例。 ボックス要素を綺麗に整列出来るjQueryプラグイン・jQuery MasonryにInfinite Scroll(無限スクロール)機能を加えたサンプル – かちびと.net WordPressのデフォルトテンプレートであるTwentyElevenに導入した例。WordPressではそのままだとうまくいかないようです。 WordP
ここ最近のWebデザイン系ブログを見ているとWordPressについて書いた記事を見かけることがめっきり減った気がします。若干出尽くした感もありますが最新の情報もほしいですよね。そこでこのような記事に意味があるのかわかりませんが日本であまり聞かないプラグインがはいってたりして、初見でなんだとならないために知っておくといいかもしれませんねというところです。 翻訳元はこちらより。 WordPress › Most Popular « WordPress Plugins All in One SEO Pack 言わずと知れたSEO対策アプリ。metaタグをページ種別(ホームとか記事とか)に応じて自動で出力してくれます。設定も非常に簡単です。 SEO対策に効果的なカスタマイズ – All in One SEO Packの使い方 | WordPressのプラグイン | WP SEOブログ 他のプラ
jQueryなどを使わずにCSSのみで特定のタグ(例えばh3とか)に自動で連番を付ける方法です。beforeセレクタとcontentプロパティを使用します。 こんな感じです。 HTMLはそのまま普通にマークアップし、CSSのほうで数字に関する設定をします。 HTML <h1>Lorem ipsum</h1> <p>Lorem ipsum dolor(省略) commodo consequat.</p> <h1>Lorem ipsum</h1> <p>Lorem ipsum dolor(省略) commodo consequat.</p> <h1>Lorem ipsum</h1> <p>Lorem ipsum dolor(省略) commodo consequat.</p> <h1>Lorem ipsum</h1> <p>Lorem ipsum dolor(省略) commod
このページを最初にブックマークしてみませんか?
『http://webrecuration.com/』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く