クリッカブルな日本地図を実装するjQueryプラグイン・「Japan Map」Japan Mapは日本のクリッカブルマップを実装できるスクリプトです。都道府県だけでなく、地域でグループ化も出来るみたい。これは覚えておくと良さそうです。ライセンスはMITとの事。 Japan Map
multihero.js (マルチヒーロー.js) | tshinobu.com
海外のウェブサイトで多く見られる「マルチヘッダー（MultiHeader）」「マルチヒーロー（MultiHero）」を実現するJavaScriptです。ページのキービジュアルやメインイメージに、複数のグラフィックを切り替えながら見せて、スペースをつぶさずにたくさんのコンテンツを配信します。（マルチヒーローについてはこちらの解説記事を参照→ユーザビリティやセンスの良さにグッときた8つのサイトデザイン） JavaScriptとCSSで構築しているので検索エンジンにインデックス化されやすく、どなたでも簡単にカスタマイズ＋導入いただけます。 Demo » Try demo without another. Sample code <head> <script type="text/javascript" src="jquery-1.2.6.pack.js"></script> <script ty
A Beautiful Apple-style Slideshow Gallery With CSS & jQuery
Introduction When speaking about design, there is one company that is impossible to go without. Apple values design - being a new product, a fancy catalog or their website - there is always something to admire. This week, we are making an Apple-like slideshow gallery, similar to the one they use on their website to showcase their products. It will be entirely front-end based, no PHP or databases r
8500+ Best jQuery Plugins & Tutorials with jQuery Demo examples 2019 - 2018
Atropos is a lightweight, free and open-source JavaScript library to create stunning touch-friendly 3D parallax hover effects. Available for JavaScript, React and Vue.js
HTML5形式のフォトギャラリーをサクッと簡単に作成できるフリーソフト「Juicebox Lite」
ホームページに自分が撮影した写真を公開する場合に、対応するブラウザ画面のレイアウトが自動フィットし、Flickrを利用することも可能で、動作が軽いフォトギャラリーが作成できるフリーソフトが「Juicebox Lite」です。対応しているOSはWindows・Mac・Linux、ブラウザはIE・Firefox・chrome・Safari・Opera、モバイル向けはiPhone・iPad・Android搭載スマートフォンとタブレットになっています。 Juiceboxを操作しているムービー、設定方法については以下から。 Juicebox Lite http://www.juicebox.net/download/ ◆Juiceboxを操作しているムービー 以下のムービーで、どんなフォトギャラリーなのか確認できます。 ブラウザから「Juicebox」を使うとこんな感じ - YouTube ◆設定方
ムンクの「叫び」競売、5月にニューヨークで 60億円超える可能性
米ニューヨーク（New York）で競売にかけられるムンクの「叫び」（2012年2月21日提供）。(c)AFP/SOTHEBY'S 【2月22日 AFP】競売大手サザビーズ（Sothebys）は21日、ノルウェーの画家エドバルト・ムンク（Edvard Munch）の代表作「叫び」（The Scream）4点のうち1点を5月2日に米ニューヨーク（New York）で競売にかけると発表した。落札額は8000万ドル（約64億円）を超えると予想されている。 競売にかけられる作品の所有者はノルウェーの実業家ペッター・オルセン（Petter Olsen）氏。同氏の父親はムンクの知人で、資金提供者でもあった。「叫び」4点のうち個人が所有しているのは今回競売にかけられる作品のみ。 同作品は1895年に描かれたパステル画で、4点のうち唯一背景の2人のうち1人の人物が横を向いた構図になっている。ロンドン（Lo
iPhoneやAndroid向けのUIパターンギャラリー・Mobile Design Pattern Gallery - かちびと.net
カテゴリがしっかり分けられていて 凄く見やすかったのでご紹介。iPhone やAndroid向けのUIパターンギャラリー です。アプリデベロッパーさんや アプリデザイナー、モバイル向けの デザインの参考にいかがでしょう。 パターンギャラリーはもうすでにいくつもありますけど、ここは特にちゃんと分けてくれているので見やすい印象でした。 左サイドに大まかなカテゴリーがあります。それぞれには更に細かいパターンに分けられています。たとえば、ナビゲーションならリストタイプ、メガメニュー、カルーセル真紀など。 こちらは検索のカテゴリ。検索ボックスや、オートコンプリート、ソート機能付きなどなど。 インビテーション・・・サイトツアーみたいなやつです。こういうのあんまり紹介されてませんよね。 パターンはその場でLightbox風に表示するのでページ推移も必要ありません。 みたいな感じのパターンギャラリーです。
画像を矩形以外の形状で表示したい人のためのチュートリアル
画像にPNGマスクを使用して、ブラシストローク状、サークル状など、矩形とは異なる形状で表示するチュートリアルを紹介します。 デモページ もう一つのサークル状のデモは、下記ページのギャラリーのサムネイルとして使用されています。 Roundfolio 画像の枚数が少ないのであれば個別に画像を作成してもよいかもしれませんが、このデモのように数多くあると、このテクニックを使用した方がより効率よく実装できます。 [ad#ad-2] 画像の作り方 画像は3種類が必要で、全て同じサイズにします。 ロールオーバー用の画像 ※透過PNG画像 マスク用の画像 ※透過PNG画像 ベースとなる画像 サークル状に使用する画像3種類 制作：HTML, CSS, JavaScript HTML ロールオーバーとマスク用に2つの空span要素を使用します。 <a href="images/gallery-full.jpg
本当に当たるの？ 変わった占い集めました | TuiTui
サッカーのワールドカップ南アフリカ大会で脅威の的中を 果たした占いタコのパウル君が有名になりましたが、調べてみたら、 そんな変わり種の占いって結構ありましたよ！ ということで、今回は様々な「変わった占い」をまとめてみました！ ■木精占い 古代ケルトから伝わる樹木のメッセージ「木精占い」です。 木精とは、樹木に宿る神様や精霊のこと。あなたを導く守護樹を知り、 あなたが本来持っている魂を取り戻すために、木精と対話してみましょう。 参考：スピリチュアル・ライフはじめよう ■アスパラで将来を予言する女 イギリス・ウースターシャーに住むというジャマイマ・パッキントン婦人。 自分は英国唯一のアスパラガスを使った占い師、”アスパラマンサー” であると言っているそうです。占いの方法は、アスパラガスを床に放り投げ、 その散らばり方によって占うというもの。 ”アスパラマンサー”、新しいです。 参考：がらくたG
カラー別、デザインが素晴らしいウェブサイトのまとめ
カラー別にデザインが素晴らしいウェブサイトのまとめを紹介します。 Web Design: Nice and Clean Layouts ホワイトをベースにしたウェブデザインのまとめ キャプチャ：Stu
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JSONデータからtableを作成するためのスクリプト・「DYNATABLE」
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
4つのCSSツールを1つのサイトに集約した・「CSSmatic」 - かちびと.net
Apple-like Slideshow Gallery | Tutorialzine demo
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
WordPressスニペット | かちびと.net