IMPORTANT REMINDER: Please remember all orders are made-to-order - reach out with any questions prior to ordering and thank you for your patience as we create your piece!
POPなポイントを3行で 成人向けサービス「DMM.R18」が「FANZA」へと名称変更 新ブランディングを担当したのはSpotify、Nikeを手がけるCOLLINS 担当者のニック・エースが語るアダルトサービスのリデザインとは? 8月1日、成人向け(アダルト)サービスである「DMM.R18」の名称が、新たに「FANZA(ファンザ)」へと変更された。3月にDMM.comから成人事業を継承された株式会社デジタルコマースが、引き続き運営を担当する。 「DMM.R18」はインディーズAVの配信サイト「DMM」のサービス開始から20周年を迎え、エンターテインメントとしての性をユーザーに提供し続けてきた日本最大のアダルトコンテンツプラットフォームだ。 様々な性的嗜好に対応したコンテンツの豊富さから、一つの文化としても認知される日本のエロ。海外でも「bukkake」や「Hentai」などの日本語がそ
PopSelect | A jQuery plugin to replace select with popover ポップアップ形式のselectの代替になる入力要素を実装できる「PopSelect」 inputにフォーカスするとするとポップアップして要素をクリックでアイテムを選べます。 関連エントリ 複数選択が出来るBootstrapなサイトで使えそうなselectボックス実装「jQuery select-multiple」 selectタグの機能を大幅に向上させる「selectivity」 selectの複数選択のUIをサジェスト方式に変えるjQueryプラグイン「easySelect」 selectを大きいボタンの複数カラム形式にできる「Multi-Column-Select」
ダウンロードファイルのデモ Slideout.jsの使い方 Step 1: 外部ファイル 当スクリプトとスタイルシートを外部ファイルとして記述します。 <head> ... <link rel="stylesheet" href="index.css"> </head> <body> ... <script src="slideout.min.js"></script> </body> Step 2: HTML ナビゲーション(#menu)とコンテンツ(#panel)を実装します。 idは変更可能です。 <nav id="menu"> ナビゲーション </nav> <main id="panel"> コンテンツ </main> Step 3: JavaScript オプションを定義し、スクリプトを実行します。 <script> var slideout = new Slideout({ '
最近のWebサイトではサイドバーをなくして1カラムですっきりとしたデザインのサイトが増えています。そんな時にメニューをどう表示するかは問題です。1、2個であればヘッダーに並べても良いですが、複数あった場合はどうでしょう。 そこで使ってみたいのがスマートフォンアプリでよくあるスライド式メニューです。Pushyを使えばスムーズなアニメーション付きメニューを簡単に実装できます。 Pushyの使い方 Pushyを使ったHTMLは次のようになります。 <!-- Pushy Menu --> <nav class="pushy pushy-left"> <ul> <li><a href="#">Item 1</a></li> <li><a href="#">Item 2</a></li> </ul> </nav> <!-- Site Overlay --> <div class="site-overl
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
半年ほど前にここで、「jQueryでブラウザウィンドウ幅めいっぱいに要素を並べたコンテンツスライダーを設置する実験」と題して、画面幅めいっぱいでのコンテンツスライダーを紹介しましたが、当時紹介したスクリプト構成だとレスポンシブには対応していませんでした。 同じ、画面幅めいっぱいでのコンテンツスライダー構成でレスポンシブ対応させたパターンを必要に駆られて作成してみたので、ここでも紹介してみたいと思います。 【2014/01/15】 スライダー部分にフリック動作を追加しました。スクリプト内の設定でフリック動作のON/OFFを設定が可能です。 このスライダーはなかなか言葉では説明しずらいのでまず動作サンプルから。 「jQueryでレスポンシブ対応のブラウザウィンドウ幅めいっぱいに要素を並べたコンテンツスライダーを設置する実験」サンプルを別枠で表示 スライダー中心にメイン表示エリアを設置して、その
もくじ 幅をデバイスサイズに合わせる スマホを横にしたときに文字が大きくならないようにする 電話番号に自動的にリンクが付かないようにする リンクを押したら電話をかけられるようにする リンクを押したらGoogleマップアプリを起動させる リンクエリアを広げる paddingやborder分を気にせずwidth/heightの数値を指定する 長い文字列でも途中で改行させる 1.幅をデバイスサイズに合わせる まずはスマホサイトを作るときの基本ですね。サイト幅をデバイスの幅に合わせてあげるには、以下の一行だけで対応出来ます。 <meta name="viewport" content="width=device-width,initial-scale=1.0"> サンプル 2.スマホを横にしたときに文字が大きくならないようにする スマホを横にすると、解像度が変化すると共に文字サイズも大きくなってし
可愛らしいものが大好きです、Kanaです。 私がガーリーなデザインをする際によく使う素材や、素材サイトをまとめました。 可愛らしいレース柄や、お花、パターン素材など、使い勝手のよいものばかりです。 ガーリーデザインのポイントをまとめた、ガーリー好きがお届けするガーリーデザインのポイント5つもあわせてご覧ください:) 2015/12/4:写真素材カテゴリを追加しました! それでは、素材を提供してくださる方々に頭を下げつつ、ご紹介したいと思います。 商用可のサイトや素材を集めていますが、詳細な規約は、ご利用の際ご自身でご確認ください。 1.イラスト素材2.レース素材3.フレーム素材4.パターン素材5.テクスチャ素材6.写真素材 ガーリー素材 やさしい色使いの、かわいいイラスト素材がいっぱいのサイト「ガーリー素材」。非常に完成度が高くて、いつも利用させていただいてます! eps、png形式で配布
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く