平素は株式会社ライブドアのサービスを ご利用いただきありがとうございます。 提言型ニュースサイト「BLOGOS」は、 2022年5月31日をもちまして、 サービスの提供を終了いたしました。 一部のオリジナル記事につきましては、 livedoorニュース内の 「BLOGOSの記事一覧」からご覧いただけます。 長らくご利用いただき、ありがとうございました。 サービス終了に関するお問い合わせは、 下記までお願いいたします。 お問い合わせ ※カテゴリは、「その他のお問い合わせ」を選択して下さい。
イーロン・マスクがSpace Xの写真を大量公開、すべてパブリックドメイン2015.03.24 19:00 そうこ 太っ腹! 近年何をしても話題になるイーロン・マスク氏が、Space Xからプロジェクトの様子を撮影した数多くの写真を公開しました。画像はFlckrと公式サイトからたっくさん見ることができます。 これらの画像はパブリックドメインで公開されているのですが、実は最初はクリエイティブ・コモンズ・ライセンス下での公開でした。 @elonmusk Why not just public domain? What is there to lose? — Pandoomic (@Pandoomic) March 21, 2015
作成:2014/12/8 Web制作 > 比較的最近のjQueryプラグインやプロフェッショナルな方々が作成されたスクリプトの中から、サイト制作時に取り入れてみたいエフェクトを厳選してご紹介。今風の見え方を実現できそうなものをチョイスしました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ ファーストビュー 1.スライドを立体的に切り替え 2.クリックで滑らかにページ遷移させる 3.背景にスライド、フルスクリーンで固定させる 4.横に移動するフルスクリーンスライド 5.キューブ系のスライドを表示 6.下方向へドラッグするとページを再読み込みする 7.要素を上下にフワフワ動かす 8.外部要素をクリックで表示 9.タイピングエフェクト 動作 10.サーチボックスを画面全体にオーバーレイさせる 11.デイトピッカー 12.ドラッグ&ドロップ 画像をアップロードする
Powerful jQuery plugin Create split pages with two vertical scrolling panels. Compatible with mobile phones and devices and old browsers such as IE 11. <div id="multiscroll"> <div class="ms-left"> <div class="ms-section">Section 1 left</div> <div class="ms-section">Section 2 left</div> <div class="ms-section">Section 3 left</div> </div> <div class="ms-right"> <div class="ms-section">Section 1 righ
作成:2014/10/14 更新:2014/11/01 Web制作 > 比較的最近のプラグインで、今風の動きをするものなど、制作前に知っておくと助かるjQueryプラグインをまとめました。国内のサイトであまり取り入れてないようなものや、定番のものまで。ページにちょっとした工夫を凝らしたいときや、少しめずらしい仕掛けでキャンペーンサイトを作りたいときに。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 動き 1.ジオメトリック 背景 2.フルスクリーンでスライドさせる 3.ドロアー風ライトボックス 4.動画を再生するタイプ3つ スクロール 5.スクロールでクロスフェード 6.スクロールで奥行きを表現 7.スクロールで分割 画像 8.APNG 9.Google 画像検索風ライトボックス 10.トイカメラ風のフィルター ポップアップ 11.おしゃれなアラート 12.
AnimsitionA simple and easy jQuery plugin for CSS animated page transitions.Download on GitHub Tweet 58 different animations Fadefade-infade-outFade Demo Fade upfade-in-up-smfade-in-upfade-in-up-lgfade-out-up-smfade-out-upfade-out-up-lgFade Up Demo Fade downfade-in-down-smfade-in-downfade-in-down-lgfade-out-down-smfade-out-downfade-out-down-lgFade Down Demo Fade leftfade-in-left-smfade-in-leftfade
Sensebahnのサイト内では、ページを遷移するときにページ全体の更新ではなくページの一部を書き換える方法をとっています。(2013/1/31のデザイン変更で廃止しました。) そうすることで、ページ全体を読み込むよりも速く遷移でき、さらに、画面がブランクになる瞬間が発生しないので目のチラツキを抑えられます。 仕組みとしてはAjaxを使います。 AjaxはJavaScriptで簡単に使うことができます。 JavaScriptを使って、Ajaxによりページの一部を、他のページの内容に書き換えるのです。具体的には、次のコードでやります。 example.html <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <scri
履歴 API は、ブラウザーのセッション履歴 (WebExtensions history と混同しないように) へのアクセスをグローバルの history オブジェクトを介して提供しています。このオブジェクトは、ユーザーの履歴の中を前のページや後のページへ移動したり、履歴スタックの中を操作したりするのに便利なメソッドやプロパティが提供されています。
Ajaxで動的にコンテンツを入れ替えるようなWebページでも、pushState、popStateを活用すると、履歴を追加し、ブラウザバックに対応することができるらしい。ということで、調べたことを簡単にまとめました。 ●pushStateとは HTML5から追加されたHistory APIのメソッドで、ページ遷移なしでスタックのみを積む(ブラウザの履歴を追加する)ことが出来ます。 使い方は、下記のように、「第1引数 state」、「第2引数 title」、「第3引数 URL(省略可能)」の3つの引数を指定します。 history.pushState(state, title, url); ・state 履歴に関連付する任意のオブジェクトを渡すことができ、そのオブジェクトはpopstateイベントハンドラから 参照することができます。 ・title 履歴のタイトルを指定できるようですが、現在
A set of 40 carefully-crafted and pixel-perfect icons from the Squid.ink Flat Icon Pack exclusively for Codrops readers. The icons come in all commonly used formats. We are happy to share a great freebie today: an exclusive set of 40 pixel-perfect vector icons from Squid.ink. The set contains various clean and modern icons in all common formats. About the Set This carefully crafted taster set of 4
Drag the stack or click the button to navigate. See the rotating version Next "Once you have eliminated the impossible, whatever remains, however improbable, must be the truth." "The needs of the many outweigh the needs of the few, or the one." "Insufficient facts always invite danger." "Without followers, evil cannot spread." "Logic is the beginning of wisdom, not the end." "Change is the essenti
世界規模で文字コードを制定している団体であるユニコードコンソーシアムが最新バージョンとなるUnicode 7.0を発表し、その中には250種の絵文字が含まれていることが明らかになりました。 The Unicode Blog: Announcing The Unicode Standard, Version 7.0 http://unicode-inc.blogspot.jp/2014/06/announcing-unicode-standard-version-70.html New Emoji http://emojipedia.org/new-emoji/ ◆Unicodeと絵文字の関係 スマートフォンなどで表示されている絵文字の多くは文字コードの業界規格であるUnicode(ユニコ-ド)に定められており、すべてに固有のコードが割り当てられています。たとえばメールなどで使う人も多いと思
こんにちは、さち です。 先日、スマホ用サイトを作っていました。 その時に、ドロップダウンリスト <select> に 「♥︎(黒塗りハート)」を使ったのですが iPhone でそのハートが絵文字になってしまう問題に遭遇。 自分なりに調べたところ無事解決できたので 記事に残しておこうと思います。 iPhoneで「♥︎(黒塗りハート)」が絵文字になる HTML で ドロップダウンリスト <select> に 「♥︎(黒塗りハート)」を使用すると 選択時に iPhone の絵文字で表示されてしまいます。 実際の画面がこちら。 ページ上では黒塗りのハートですが 選択肢では絵文字のハートになっています。 iPhone が使っているフォントの関係でこうなるようです。 ちなみに、「♡(白抜きハート)」は問題なく 絵文字に変換されずそのまま普通に表示されます。 解決方法 iPhone でテキストファイル
インターネット上での利用に特化したwebフォントです。 Webページ・Webサービスの利用であれば、個人・商用問わず無料でご利用いただけます。 フォントをご自身のWebサーバへアップロードしてご利用いただけます。 Unicode6.0で制定された携帯絵文字に対応した826の絵文字を収録しています。(2012年10月現在) Webフォントはwoff形式を用意しました。 パソコン・タブレット・モバイルなど、幅広い範囲でご利用いただけます。 絵文字はテキストとして表現されているため、簡単に内容を修正・装飾することができます。 Web以外の利用(商業印刷物・雑誌収録・電子出版・映像・ソフトウェア/ハードウェア組込)は有料オプションにて対応。 Download Font
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く