みなさまこんにちわ。 Webサイト高速化やSCSSの連載を書いている野中です。 そういえばGoogle Readerが終了するとのことでとても残念ですね。 読者のみなさまも次の引っ越し先ツール探しで忙しいところだと思います。 そこで、クラスメソッド開発ブログのRSSも忘れずに登録をお願いします。 とても更新頻度の高いブログということもあり、いろいろな切り口のRSSを用意しています。 本題 それでは本題ですが、レイアウト系のCSSフレームワークって色々ありますよね。 個人的にはHTML上のクラスにあまり意味のない文字列は入れたくないので使っていませんでした。HTMLも編集しなければならないので。 ふとSass/SCSSでExtendしたりMixinsで制御できるものであれば無駄なクラス指定を減らして可変でレスポンシブなグリッド制御ができるんじゃないか思って探してみたら色々とありました。 最初
春の新生活シーズン到来!はじめて一人暮らしをする人、誰かと一緒に暮らし始める人…料理がネックで不安に感じている人も多いかも。 まずは奇をてらわない「定番」といわれる基本の家庭料理をマスターしたい。 これさえおさえておけばもう安心!という定番家庭料理のレシピをまとめた鉄板レシピ集です。 もくじ お肉の定番おかず 鶏のから揚げ 肉じゃが 生姜焼き ハンバーグ 餃子 魚の定番おかず ブリの照り焼き サバの煮付け(味噌煮、醤油煮) ぶり大根 野菜の定番おかず 野菜炒め きんぴら おひたし、ごま和え 筑前煮(がめ煮) おでん 一品料理 卵焼き アサリの酒蒸し、あさりバター 定番のご飯もの・汁ものレシピをまとめたこちらの記事も合わせてどうぞ 覚えておきたい!定番のご飯もの・汁ものレシピ | レピキュ お肉の定番おかず から揚げ、肉じゃが、しょうが焼きなどのレシピです。 鶏のから揚げ お弁当にも欠かせな
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s w
As you may know from past posts, I was trying to send Motion-JPEG from a PHP script. This proved (for many reason) not so easy. After I conquered writing php extension modules, I was still left with nuances in PHP that made it difficult to send MJPEG from my script. Here's the basic run-down of difficulties: PHP buffers output to the client and this keeps you from doing continuous streams of data
今までどういうふうに実装されているのか知らなかったので、 jquery_bottomを読み解いて理解したのでメモ。 jquery_bottomはこちら。 https://github.com/jimyi/jquery_bottom 必要な情報 要素の表示領域 要素のスクロール分を含めた高さ 要素のスクロール位置 この情報がわかれば、下記の情報を導き出せる。 「要素の表示領域」+「要素のスクロール位置」=「現在の表示位置の高さ」 「現在の表示位置の高さ」さえわかれば、後はその値が「要素のスクロール分を含めた高さ」にどれだけ近づいているかで、スクロール位置を判断することができる。 実装してみる // スクロールさせる要素を取得 var elm = document.getElementById('scrollElement'); // 要素の表示領域を取得 var height = elm.o
トピックス Οブログ始めました! “ピアノ動画紹介ブログ~斜め↑をいくピアニスト達~ ” Ο動画はYoutubeやニコニコ動画に順次UPしていきます Ο相互リンクを募集しています。希望の方は掲示板に書き込み願います Ο楽譜および一部MIDIは「Piano Arrenge」内にあります 今後の予定 Ο曲リストの「もっと詳しく」欄を今後追加していきますので、乞うご期待! もっと詳しいコツなどや練習法を紹介していきます 2010/06/15 Final Fantasy 6に"妖星乱舞-第一楽章-"追加! Final Fantasy 6に"妖星乱舞-第二楽章-"追加! Final Fantasy 6に"妖星乱舞-第三楽章-"追加! Final Fantasy 6の"妖星乱舞-第四楽章-"更新! 2009/12/20 Final Fantasy 4に"ゴルベーザ四天王とのバトル"追加!
ビタミンCたっぷりの春キャベツが旬を迎えました。葉がやわらかくて甘みのある春キャベツは、生で食べるサラダがおススメ。 ザクザク切って、パーッと和えて。ちょっとチンしてササッと混ぜて。 旬のキャベツをモリモリ食べたくなるキャベツが主役のサラダや、お酒のつまみにもなる和え物のレシピ集です。 目次 塩キャベツ キャベツの塩昆布サラダ レンジでできる昆布和え コールスロー たいめいけんのコールスロー ホットサラダ 和風キャベツサラダ フルーツサラダ 納豆入りサラダ あつあつドレッシングがけサラダ ゆで野菜のサラダ キャベツとゆで卵のごまサラダ 塩キャベツ 焼き肉店牛角のやみつき塩キャベツ風の和え物。材料は、キャベツ、いりゴマ、ごま油、塩、ガーリックパウダーととってもシンプル。ササッと作れて食べだしたら止まらない美味しさです。 牛角風?やみつき塩キャベツ by P〜子|簡単作り方/料理検索の楽天レシ
ちょっとした画像や動画を保存したいときに重宝する機能です。 「Save to Drive」は画像やHTML5動画やオーディオを簡単にGoogle Driveアカウントに保存できるChrome拡張機能です。右クリック1回で保存できます。Google Driveに保存しておきたいファイルに遭遇したら、すかさず右クリック。Google Driveへ画像を保存するように指示すると、画像があっという間に送られます。 残念ながらGoogle Drive内のどのフォルダに保存するのか、までは現時点では指定できません。また、まれに画像のプレビューができないなどの不具合が生じるようです。 しかし、簡単にGoogle Driveへ直接画像を保存できる、というのはかなり便利です。Google Driveを持て余している方や、もっと便利に使いこなしたいと思っている方はぜひ一度試してみてください。 Save to
2011年の9月に「CSSとSVG filterでガラスっぽい効果をつける」というのを書きましたが、これはFirefoxのみを対象としたものでした。 そこで今回はできるだけ多くのブラウザに対応したものを作ってみます。 完成品Frosted glass effect with CSS & SVG 背景画像にはWetFoto.comによる#246 Wetlook with Beautiful Brunette in Leggings and Jacket. Girl in black jacket, white wetlook leggings and skirt in boots, get wet fully clothed in the sea.を使用しています(リンク先はFlickrです)。 この画像はCC BY-NC-SA 2.0でライセンスされています。 背景画像にはBeryl Ch
初心者向けの本とかだと、イベントを jQuery オブジェクトの後に直接指定する、 $('.foo').click(); のような書き方で説明されている場合が多いけど、少し複雑なことをしようとするとそれだと困ることが出てきます。そんなときに便利なのが on() を使ったイベント設定です。 on() ひとつで bind() live() delegate() を表せる jQuery 1.7 で、bind() live() delegate() がすべて on() に統合されたそうです。 つまり on() の書き方によって、3 パターンの使い方ができるということです。 .foo という要素をクリックしたら何かするという例で、イベントの設定と削除の方法をそれぞれ書いてみます。 bind() $('.foo').bind('click', function(){...}); は $('.foo')
TOP > Design > WEBサイト制作に利用しやすいアイコンフォントまとめ「10 Super Useful Free Icon Font Sets」 WEBサイト制作には、分かりやすいナビゲーションを考慮したデザインが必要不可欠です。そんな中今回は、シンプルかつ視認性の高いアイコンセット「10 Super Useful Free Icon Font Sets」を紹介したいと思います。 Sosa icon font | Ten by twenty ミニマルで、デザインを選ばずに使えるアイコンフォントが多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■Batch • 300+ Icons for Web & User Interface Design シンプルな中にも可愛らしさのあるアイコンです。フォントとして
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く