【Sidr】Facebookアプリのようなメニュ... / 【jPanelMenu】横から出てくるサイドメニ... / 【Snap.js】フリック動作で出し入れが可能な...他...全4件
ケンタッキー クリスマス メニュー当社の製錬能力は世界の生産量の約 1.5% である 760,000 トンに増加します.信頼性の高い電力供給とサマラジュという戦略的な立地により
Webデザイナーにとって嬉しい時代だ。Webパブリッシングの主流を形付けた枯れ行く技術や方法論と10年ほど戦った現在、ユーザエクスペリエンスをコントロールしようとすることから離れて、新たなチャレンジに取り組む時が来ている。 その一つのチャレンジであるスマートフォンやタブレットブ向けのデザインは、大胆な流れをいくつか生んでいる:Flashの放棄、HTML5の躍進、Luke Wroblewski氏の「モバイルファースト」という考え方、そして最近ではEthan Marcotte氏が掲げる「レスポンシブWebデザイン」だ。 いわゆるレスポンシブWebデザイン すべてはこのデモから始まったと言っても過言ではない。ブラウザのサイズに応じて、文字サイズ・画像サイズ・レイアウトが変わる Marcotte氏の記事(和訳)と本によると、レスポンシブWebデザインとは、Webコンテンツの並び替え・リサイズ・表示
《レスポンシブWebデザイン》[Responsive Web Design]とは、Webサイトの閲覧環境(パソコン・iPad・iPhone・Android などのスクリーンサイズ)に応じて、ページレイアウトを動的に変更させる手法です。 このレスポンシブWebデザインは、2010年に欧米のブログ《A List Apart》で Ethan Marcotte氏の記事にて初めて紹介されています。 » Responsive Web Design また、モバイル主軸にWebデザインを考えることを《モバイルファースト》[Mobile First]と言い、スマートフォンのような小さなスクリーンサイズを優先してデザインするレスポンシWebブデザインも、その手段の一つとされます。このモバイルファーストという考え方は、スマートフォンの普及と共に多くのWebサイトで実践され初めているそうです。 今回はこのブログに
今回は CSS3 から box-sizing について紹介します. width や height と同時に border や padding を指定しているときに, 少し値を変えただけで意図しない表示になったりレイアウトが崩れたという経験はありませんか? これはボックスサイズの算出方法が複雑なのが原因です. そんな面倒な問題を解決してくれるのが box-sizing プロパティです!! box-sizing プロパティを指定することでボックスサイズ(width, height) の算出方法を指定することができます. あまり普及していないようですが, 実はこれめちゃめちゃ便利だったりします!! まだ独自実装レベルだからかもしれません. ですが, 現在のCSS3 の草案にも 一応残ってるので, がっつり使わせて頂いてる次第です.
Sass is the most mature, stable, and powerful professional grade CSS extension language in the world. CSS Compatible Sass is completely compatible with all versions of CSS. We take this compatibility seriously, so that you can seamlessly use any available CSS libraries. Feature Rich Sass boasts more features and abilities than any other CSS extension language out there. The Sass Core Team has work
Webサイトを制作する際、現在ではスマートフォンやタブレットなどの「スマート・デバイス」への対応は必須要件となりつつある。その対応手法の1つが「レスポンシブWebデザイン」(以下、RWD)だ。 しかし、RWDは制作が煩雑になりがちで、制作現場からは決して歓迎されている手法とはいえない。その煩雑さを軽減するために注目されているのが、「CSSフレームワーク」を活用した制作手法である。 本記事では、そんなRWDの現状と、CSSフレームワークの1つである「Foundation 4」を利用したサイト制作手法を紹介しよう。 RWDの利点と欠点 RWDがこれほど注目されたのは、グーグル(Google)がブログで言及した「Building Smartphone-Optimized Websites」(次の画面を参照)および、その翻訳記事の影響が大きいだろう。グーグル自身が特定の技術や手法を推奨することは珍
お久しぶりです。@猪こと、みうろぐ管理人です。 究極のお菓子選択と言う事で ・ハッピーターン ・うまい棒 どちらか一生分が当選するキャンペーンを楽天市場さんで開催しています。ハッピーターンも捨てがたいですが 僕はやはりうまい棒です。貴方ならどちらを選択しますか?詳細は以下より → 楽天史上最大級のメガ懸賞第2段! iPad2プレゼントキャンペーンをブックスキャンがやっている。6月30日まで 映画『テッド』Twitterキャンペーンが面白いよ!#テッド目撃 ローソンで『こんなおいしいフランフルト食べたことない!(ハフハフ)』演技キャンペーンが話題スポンサードリンク attripのサイトへ飛ぶhttp://attrip.jp/
デフォルトテーマ「Twenty Eleven」は、Twenty Ten よりも大分テンプレートファイル数が多い。テンプレートが増えると、それだけ記事に付加される CSSクラスも多くなる。 WordPress には、テーマをより細かくスタイリングするために、テンプレートタグ「post_class」が用意されている。 ポスト(投稿記事)に様々なクラスを付与する「post_class」について調べてみた。 ◆ テンプレートタグ「post_class()」の詳細は以下の通り。 Usage 利用方法 post_class を利用するには、下記のようにテンプレートファイルのコンテンツ領域に記入する。戻り値が必要な場合は、get_post_class() を使用する。 [PHP] ” >[/PHP] Display Posts Outside of the Loop ループ外での使用 ループ外または代替
JavaScriptを使ってアニメーションを書くときに有用なテクニックの、基本中の基本をご紹介します。おそらく、このブログを見ている人のほとんどにとっては釈迦に説法だと思います。今回、requestAnimationFrameの話すらしません。その点、ご留意ください。 まず、JavaScriptでアニメーションをする場合に気をつけないといけないのが、一度JavaScriptの実行(Context)を抜けないとブラウザに描画が反映されないということです。簡単に言うと、 <html><head><title>bad sample</title><script> onload = function() { var e = document.getElementById("e"); for(var i = 0; i <= 100; i += 5) { e.style.left = e.style.
どのようにすればよいか?(how to do)は、どんな場合に何をすべきか(what to do)に還元される。 論文の書き方を説明するのに、〈論文には何が書いてあるべきなのか(構成要素は何か?〉〈なぜそれらの構成要素は必要なのか?〉を解説して、答えにかえよう。 論文構成の標準的な型式(Style)を、その構成要素Introduction(序論), Methods(方法), Results(結果) And Discussion(考察)の頭文字を構成順に並べてIMRAD(いむらっど/ˈɪmræd/)と呼ぶ。 頭文字は構成を記憶するには便利だが、なぜそれらの構成要素が必要なのか理由を納得した方が身につくだろう。 以下に、論文の構成要素について、その論理構造を説明し、それぞれで何を書くのか簡単な例をいくつか挙げる。 Introduction(序論) 背景と必要性Backgroud and Nec
昔はバックパッカーでフラフラしていて、今はここで名前を出せば誰でも知っている某企業で働いている。 同僚は有名大学出身者のプロパーばかりのなか、4流私大出で20代の何年かをフラフラしていた中途社員の自分だけど、ぶっちゃけ自分は仕事ができるほうだと思っている。 バックパッカーでの経験は、そんな自分の仕事をするうえでの土台になっている気がする。 バックパッカーで培われたと思われる事柄について書いてみる。 1.限られえた状況で決断する判断力 バックパッカー旅行にはトラブルがつきものだ。 荷物がなくなったり、お腹こわしたり、飛行機の出発時間が迫っているのに道に迷ったり、そんな時に判断力が求められる。 飛行機の出発時間が迫っているときに、もう少し探せば空港行きの列車乗り場が見つかる可能性もあるが、見つからないかもしれない。 今からタクシーに乗れば確実に空港に着くだろうが結構なお金がなくなる。もう少し粘
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く