35 Tiny Pixel Patterns 個人・商用利用無料 上の画像は一つのパターンに見えるかもしれませんが、4種類のパターンです。こんな感じの細かい柄が35種類揃っています。
35 Tiny Pixel Patterns 個人・商用利用無料 上の画像は一つのパターンに見えるかもしれませんが、4種類のパターンです。こんな感じの細かい柄が35種類揃っています。
Webサービス Screenqueri.es ブラウザ上で各デバイスのシミュレーションができる。 Responsive Web Design Test Tool ブラウザ上で各デバイスのシミュレーションができる。 responsivepx ブラウザ上でサイズを変更して表示確認ができる。 ish. ブラウザ上で各サイズの表示を確認できる。 Responsive Tools For Web Designer & Developers 各デバイスの表示が確認できる。操作も可能。 Responsive Roulette ブラウザ上で各サイズの表示を確認できる。 The Responsinator 各デバイスの表示が確認できる。 Juice’r 各デバイスの表示が確認できる。操作も可能。 Screenfly 各デバイスの表示が確認できる。操作も可能。 Responsive Design Testin
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
テキストや画像などのリンクをクリックすると、画像をはじめあらゆるHTMLの要素が配置可能なモーダルウインドウを表示するスタイルシートを紹介します。 CSS Modal CSS Modal -GitHub CSS Modalのデモ CSS Modalの使い方 CSS Modalのデモ デモはIE9を含む、すべての最新のモダンブラウザでご覧ください。モバイル系は、iOS, Android2/3/4のMobile Safariで非常に機能し、Windows Phone8でも機能します。 IE7以下は非サポートで、IE8はエフェクトなしで機能します。 まずは、テキストを配置したモーダルウインドウから。 Modal Text モーダルウインドウ内にトリガーを設定することも可能で、「Open a new modal」をクリックすると別のウインドウが開きます。 ウインドウを閉じるには、右上のクローズをク
WordPressへの不正アクセスログを記録して見せてくれるプラグイン Crazy Bone 2013年05月11日 17:54WordPress 実際つかってみたら、面白いくらい大量に釣れた。 WordPress を狙ったブルートフォースアタック 最近、WordPress の admin ユーザーを狙った ブルートフォースアタック(総当たり攻撃)がよく話題になりますね。 WordPress へのブルートフォースアタック対策: パスワード強化 – ja.naoko.cc 要するに、ID とパスワードの組み合わせを 片っ端から総当たり式に試してみるという攻撃。 特に WordPress 3.0より前は デフォルトの管理ユーザー名が admin だったので、 admin という名前のユーザーがいると想定して それに対して大量の総当たり攻撃を仕掛けている輩がいるようです。 Crazy Bone
特にブラーな背景などの繊細で美しい背景に映える、透明感が美しいUIエレメントのPSD素材を紹介します。
Creating a Radial Menu in CSS マウスのホバーで、「扇形のツールチップ」がアニメーションで表示されます。 続いて、二つ目のデモ。上記にインスパイアされたもので、動きが絶妙ですごいです! Circular Tooltip こちらはクリックで、「扇形に広がるツールチップ」がアニメーションで表示されます。 実装はデモページにも掲載されていますが、下記のようになっています。 HTML !-- content to be placed inside <body>…</body> --> <a class='button ctrl' href='#' tabindex='1'>★</a> <ul class='tip ctrl'> <li class='slice'><a href='#'>✦</a></li> <li class='slice'><a href='#'>✿
昨日書いた記事、 blog.egachan.net の中で、私は、 「A/Bテストや分析を行い、最適化をしていくよりも、まずは、競合サイトでやっていて自社サイトでやっていない機能やサービスを実施していくべき、それらの施策をやりきったら、その後、A/Bテストや分析などの最適化に着手していくべき」 ということを書かせて頂きました。すると、コメントで、 ・「競合サイトの真似だけでは、競合サイトを追い越せない」 ・「競合他社サイトの分析だけでは不十分」 という意見をいただきました。 私としては、 1:競合他社の調査 → 2:競合他社でやっている機能やサービスで、自社サイトで必要なものは実施 → 3:その中でA/Bテストや分析を駆使しチューニングをしていく というステップがいいと思っているのですが、「競合他社から参考にするだけは不十分!オリジナル性のあるアイディアや機能を入れていくべき!」という意見
一人暮らしとえいば、毎日つきまとうのが日々のご飯です。 平日は学校やアルバイトで、なかなか帰ってから料理というのも億劫ですよね。 だからといって、外食ばかりに頼っていたら、栄養も偏りますし、何より食費がかさみます。 一人暮らしにおいて、食費は結構馬鹿にできない出費。 そこで、料理を普段あまりしない人でも、比較的簡単に作れて、なおかつ数日間は置いておける作り置きレシピを紹介します。 チキンカレー まずは作り置きの定番、「カレー」です。 しかも、簡単に作れて、味も美味!週末にささっと作ってしまって平日を乗りきりましょう! 簡単☆チキンカレー(中毒性あり)《スガシカコさん》 トマトクリームシチュー シチューも作り置きに最適ですね。 普通のシチューもいいんですが、少し凝ったシチューがこのチキントマトクリームシチューです。つくれぽの200人近くあり、絶賛の嵐。是非作ってみてくだ
ページングはやめて、Ajaxによる非同期ローディングにしてみましょう。 最初は5件の記事が表示されています。 「もっと見る」ボタンをクリックするとAjaxにより次の5件が非同期で読み込まれます。 以後、記事がなくなるまで同じ動作です。 テンプレート <section id="content"> <?php query_posts('posts_per_page=5'); ?> <?php if (have_posts()) : ?> <?php while (have_posts()) : the_post(); ?> <article> <h2><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></h2> <div class="excerpt"><?php the_excerpt(); ?></div> </arti
Create Your Own Games & Learn Computational Thinking No Code: Powerful Visual Programming Share With Your Friends & Publish To App Stores From indie developers at home to CS in the classroom, GameSalad has something for everyone. Learn more about GameSalad for:
jQuery.Shapeshift ドラッグ&ドロップで再編成できるPinterest風レイアウト作成プラグイン「jQuery.Shapeshift」。 最初に一度出して終わりなレイアウトではなくて、ユーザがドラッグ&ドロップでレイアウトを変えられるプラグインです。 ドラッグ中もアニメーションして動きがなかなか面白いです。 関連エントリ Pinterest風のWordPressテーマ集 Twitter,Facebook,YouTube,PinterestのRSSフィードURLまとめ PinterestのPinIt機能実装jQueryプラグイン FacebookやTwitterの内容をまとめてPinterest風に表示できるPHPアプリ「Infinite-social-wall」
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
モバイルデザインパターン― ユーザーインタフェースのためのパターン集を読んで、スマートフォンサイトのアンチパターンも作りたいと思ったのがキッカケで作ってみました。 独断と偏見で評価しています。 反応エリアを探させるアコーディオン 「お金からモバイルデザインパターン― ユーザーインタフェースのためのパターン集を読んで、スマートフォンサイトのアンチパターンも作りたいと思ったのがキッカケで作ってみました。 独断と偏見で評価しています。 反応エリアを探させるアコーディオン 「お金から探す」周辺のリストがアコーディオンになっていますが、テキストの部分をタップしても何も動作しません。 プラスアイコンの部分をタップしないと反応しないのです。 このようにタップ領域がユーザの意識と違う場所に設定されているのは、ユーザビリティに問題があるといえるので改善が必要でしょう。 参考サイト スマートフォンサイトにお
作成:2013/04/22 更新:2018/03/31 WordPress > mod_pagespeed、CSSスプライト、CDN、圧縮、プラグイン… 2013年、ページが軽いサイトが上位表示されてきました。 「検索で10位以内に入っているサイト」を仕事の関係で1日に何百件と調べるのですが、2012年よりも明らかに「1~2秒台」が増えてきてます。 10位以内には、遅いサイトもありますが1、2秒台もざらです。今回は、WordPressの高速化を手早くするために、検討したいCDNサービス、導入必須のプラグインや計測ツール、ハウツーなどをまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 高速化するプラグイン 1.QuickCache 2.MOCache 3.LazyLoad 4.WPSuperCache 5.DBCacheReloadedFix 6.
WordPress 3.0 より『Twenty Ten』がデフォルトテーマとなりましたが、WordPress 3.0 日本語版でもソースコードに併記されている説明は諸々の理由で英語のままとなっています。 『Twenty Ten』は 3.0 の特徴となる機能がいくつも盛り込まれているのに加え、WordPress のテーマを理解する上でとても良いお手本となるものだと思いますので、より理解が深まることも願って、日本語化をしてみました。 (ただし例によって突貫工事+眠気と闘いながら訳しましたので、若干 WordPress 日本語版と訳語がずれている箇所がありそうな気がします。もし見つけたらこっそり教えてくださいね^^;) 翻訳ファイル名一覧 twentyten ├ 404.php ├archive.php ├attachment.php ├author.php ├category.php ├com
ダウンロードできる素材のフォーマットはPhotoshop用のPATで、シームレスに利用できます。色が春っぽくて、いいですね。 PATをPhotoshopで開くとこんな感じ 素材の利用にあたっては個人でも商用でも無料で、素材の再配布や販売は禁止、とのことです。 ダウンロードは、下記よりどうぞ。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く