Layers CSS レスポンシブ対応のサイト構造作成用の軽量CSSフレームワーク「Layers CSS」 Bootstrapみたく沢山コンポーネントは不用で、自分でサイトデザインしたいけど、レイアウト部分のレスポンシブ対応な軽量なフレームワークだけ使いたいという場合の１つの選択肢として。 このフレームワークを使って作られたデモ - レスポンシブ 関連エントリ モバイルファーストなレスポンシブCSSフレームワーク「Cardinal」 HTML/JS/CSSでAndroidアプリ風UIを作るフレームワーク「Fries」 CSSアニメーションでページを紙芝居の様に切り替えるデモ

Tumblr is a place to express yourself, discover yourself, and bond over the stuff you love. It's where your interests connect you with your people.

デスクトップでの表示はもちろん、スマフォやタブレットでも、そして印刷してもかっこいいレイアウトのフォームを実装できるスタイルシートのフレームワークを紹介します。 将来的にはスクリプトを使って、機能を強化していくようですよ。 Grid Forms Grid Formsのデモ Grid Formsの使い方 Grid Formsのデモ 本格的なデモの前に、まずは簡単なデモから。 デモはChrome, Safari, Firefoxなどのモダンブラウザ、スマフォ・タブレットのブラウザでご覧ください。IEは9+で、IE8以下はレスポンシブ非対応ですが別スクリプトを併用することで対応可です。 Grid Formsはその名の通りグリッドをベースにしたフォームで、紙のようなレイアウトの美しいフォームを簡単に実装できます。 デモページでは、フォームのさまざまな要素が美しいグリッドできっちりレイアウトされてい

JB問い合わせフォーム Webサイトで使用できる問い合わせ受付フォーム HTMLファイルを変更するだけで、問い合わせ項目の変更ができます 問い合わせ受付メールを自動送信 必須項目チェック、メールアドレス書式チェック機能 外国語や絵文字の問い合わせも受け付けます スマホ・タブレット対応レスポンシブデザイン (Bootstrap5) 禁止ワード機能 sendmailが使えなくても、保存データをあとで閲覧できます PHP8対応 ダウンロード はじめに使用許諾契約をお読みください。 ダウンロードする (Ver.0.7.1, UTF-8, 2023-05) 使用許諾条件の概要 使用許諾条件 無料使用: 著作者表示を維持していただくと、無料で使用できます (第3条)。 プログラムをご自身でカスタマイズする用途などには向きません (内容非公開。第6条)。 動作確認環境 PHP 8 / 7 / 5 インス

DIY GPSの機能を継承したキャッシュ型オフラインGPSアプリを作りました。無料でインストール出来ます。地図は無料です。取り込みはアプリで表示するだけ、パソコン要らず簡単です。DIY GPSではなくコチラをお使い下さい。 詳しくはコチラ。 使用例。この例ではカシミール3Dで山旅倶楽部の地図を切り出して使っています。iPhone内部に地図を持つためオフラインでも使えます。 スキャナで取り込んだ昭文社の奥多摩地図を表示した場合。紙の地図を正確に取り込む方法はコチラ。(昭文社 山と高原地図奥多摩2011年版より引用) 画面上部の現在地座標は自衛隊などで使われているUTM形式に設定する事も可能です。 携帯圏外の山奥でも正確に現在地が判ります。現在地が判るだけで山登りはもっと楽しくなりますよ。 ─ご存じですか？遭難原因の1位は道迷いで4割を越えます。遭難人数も多く、平成25年は過去最悪の1,134

WordPressで別のブログサイトを立ち上げたのだが、テーマを何にすべきか、色々と検索してみた。 写真の多いサイトなので、画像が目立つデザインを中心に探し、この”Pinboard”なるテーマを発見。 Pinterestライクな、正にピンボード風のデザインがなかなかかっこいい。 で、早速インストールしてみたのだが・・ あ、あれ・・？なんかイケてない・・。 というわけで、デフォルトの状態から、Pinboardのサンプルに近づけるためにやったことまとめ。 コンテンツをアップ 試しに、コンテンツを3エントリほどアップ。アイキャッチも設定してみる。 こんな感じ。ふむふむ。 トップページ、縦に１エントリずつ表示されているので、 「エントリ１」「エントリ２」「サイドバー」 の３列表示にしたい。 WordPressのダッシュボードから、外観→Theme Optionsをクリック。 下の方にスクロールし、

WEB用に使用できるデジタルトーンを無料で配布しています。漫画やイラストなどにご自由に使用いただけます。 無断転載、配布、画像への直リンクはお断りいたします。 素材データをご利用いただく場合、 【ご利用規約】に同意いただいたものとさせていただきます。 ※こちらの素材はWEB用、データ上での使用限定となります。印刷にはご利用いただけません。 ※WEB用無料素材は使い方などのサポートはしていませんのでご了承ください。 ※強制ではありませんが、ご利用の方は当サイトへリンクをして頂けると幸いです。詳しくは→「リンクについて」 【トーンについて】 透過画像ではありませんので、使用する際はレイヤー設定を乗算に設定してください。白塗りの部分は無視されます。 ★シームレスタイプのトーン GIFファイルは画像を右クリックして「名前をつけて画像を保存」を選択して、ご自身のパソコンに保存してください。 BMPフ

マンガ素材辞典βは、マンガ・イラスト制作に使える素材を無料でご利用いただけるwebサイトです。ポーズ、衣装のリクエスト★ツイート募集中！ 『キャラクター』素材のポーズや衣装のリクエストを募集します。 描きたいマンガやイラストに利用したい、背景のモブとして、ポスターのアクセントに使いたい、 などなど用途は何でも結構です。ツイッターでお気軽につぶやいてくださいね。 ※他のユーザの皆さまにもご使用頂けるよう、汎用性の高いリクエストを優先的に採用させて頂きます。 ご了承ください。 ツイート ウェブマンガ、イラスト作品募集中！ 「マンガ素材辞典β」をご利用いただいたウェブマンガ、イラスト作品を募集します！ ご連絡いただいた作品は当サイトにて作品イメージと作者様、掲載サイトをご紹介させて頂きます。 応募は下記のメールアドレスに「お名前、メールアドレス、作品名、作品を掲載しているサイトのURL」を

（公開日：2010年10月） 「綺麗な背景画像を簡単に作りたい！」 そんな思いから、この写真加工技術「PhotoDramatica（フォト・ドラマティカ）」は生まれました。 この技術は、以下のような特徴があります。

WordPressで作られたブログなどでスクロールして記事を読み終えた時に、その記事をシェアするボタン、記事へのコメント入力フォーム、メールニュースなどの告知を配置したパネルを下からアニメーションで表示するjQueryのプラグイン、いやWordPressのプラグインと言った方がいいのか、を紹介します。 デモページ：記事を読み終えたとこ パネルには左から、コメント、ソーシャルメディア、メールニュースが配置されており、これはカスタマイズできます。 jQuery Engageの使い方 Step 1: 外部ファイル 当スクリプトとスタイルシートを外部ファイルとして記述します。 ※WordPressなのでjquery.jsは既に利用していると思いますが、無ければ追加してください。 <script src="js/dist/jquery.engage.min.js" type="text/javasc

Drop-Down Navigation: Responsive and Touch-Friendly Osvaldas Valutis レスポンシブでクールなドロップダウンメニュー実装例 次のようなレスポンシブなドロップダウンメニューのデモです。デモページはこちら。 シンプルですがかなり良い感じに動いているみたいです。 そのまま使うのもいいですし、１から実装する際の参考にしてみてもよいかもしれませんね。 関連エントリ レスポンシブな画像ギャラリーが作成できるjQueryプラグイン HTMLメール用のレスポンシブテンプレート「Antwort」 レスポンシブでクールなナビゲーションを実現できる「Responsive Nav」 レスポンシブなiPhoneのサイドメニューっぽいメニューが作れるjQueryプラグイン「Sidr」 レスポンシブなパララックス効果付きサイトを作るフレームワーク「Coo

実装も簡単で超軽量、Responsiveデザインで画像のサイズが変わってもクリッカブルマップの座標を計算しなおすjQueryのプラグインを紹介します。 デモページ：幅480pxで表示 [ad#ad-2] RWD Image Mapsの使い方 外部ファイル 「jquery.js」と当スクリプトを外部ファイルとして記述します。 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script src="jquery.rwdImageMaps.min.js"></script> HTML HTMLはクリッカブルマップを通常通り記述するだけです。 <img src="powerpuff-girls.fw.jpg" width="1024" height="768" usem