コピペで使えるCSSデザインサンプル集（Web用コード250個以上まとめ）
サルワカでは「見出し」や「ボタン」などWebサイトのパーツごとに様々なデザインサンプルを作成しています。どれもHTMLとCSSのコピペだけで使えるものです（いわゆる「スニペット」というものですね）。 サンプルの数がかなり増えてきたので、このページでまとめておこうと思います。ブログのデザインカスタマイズの際に是非ご活用ください。 1. ボタンのCSSサンプル コピペで使えるボタンデザイン集です。シンプル、フラット、立体的、円形のものなど、かなりのバリエーション数を用意しました。気に入ったCSSを追加しておけば、記事内にHTMLテンプレを書くだけで好きなデザインのボタンが表示できるようになります。
toolbox（ツールボックス） | リノベーション・リフォーム・DIY・オンラインストア
toolboxタイルの定番品として取り揃えた、正方形の白いタイルです。ニュートラルな白さと、表面に揺らぎのないプレーンな質感が特徴。定番の100角とコンパクトな場所にもはまりの良い75角、コーナーを収める役物をラインナップ。広い面積を白く塗り替える感覚で使っていただけます。
ワンタッチ折りたたみ棚受け「タッチポン」で調理台をDIY！ - makit（メキット）by DIY FACTORYmakit（メキット）by DIY FACTORY
狭いスペースを有効活用！ 賃貸のキッチンって狭いですよね。まな板も満足に置けないから他の作業と同時進行もしにくいし、効率よく進めることができません…。 キッチンカウンターみたいな広い作業台が欲しい！と思うのですが、私の家は廊下にキッチンがあるタイプだから狭くてカウンターを作れるスペースもないんです。 しかし！そんな狭いスペースも有効活用できる「タッチポン」という商品があるということで使ってみました！ ワンタッチ折りたたみ棚受け「タッチポン」とは？ ワンタッチ折りたたみ棚受のこと。名前の通り「タッチ」したら「ポン！」と折りたたみ式の作業台が出てくるんです。まずは動画をご覧ください。 作業台を起こすだけで「ポン！」と出てきてくれて、下にあるボタンに軽く「タッチ」しながら押せば簡単にコンパクトに収まってくれるんです。 ということで、キッチンの後ろにあるラブリコでDIYした収納棚にタッチポンを取り
何を使えばよいか分かった！コーポレートサイトの各ページを制作する前にみておきたいこと
作成：2015/02/9 更新：2016/06/29 Web制作 > 企業サイトはサービスや商品の他、ビジョンやIR情報などで構成されています。今回はWordPressで構築した固定ページを見やすくするために、どういったjQuery・WPプラグインを使えばよいのか、またレスポンシブに対応させるための小技もメモしておきます。 エンジニア速報は Twitter の@commteで配信しています。 もくじ １．ギャラリーページ ２．サービス／会社概要ページ ３．各ページの背景画像をクライアントさん側で変更可能に ４．問い合わせページ ５．CRM ６．商品を管理画面から操作 ７．アクセスページ ８．お知らせページ ９．SNS/TEL/GAアカウント変更管理 １０．Q&Aページ １１．ブログページ １．ギャラリーページ 以前、クライアントさんにギャラリーページを「ランダムにしてほしい」と言われたこと
指定した要素をレスポンシブにしてくれるjQueryプラグイン「Responsive Elements」 – bl6.jp
Responsive ElementsというjQueryプラグインを使えば、指定した要素をあっという間にレスポンシブに対応させることができます。レスポンシブに対応させた要素には特定のクラスが付与されるので、目的に応じたクラスにCSSを定義することが可能です。以下、使い方です。 [ads_center] Responsive Elementsの使い方 Responsive Elements 実際のデモでは、スライダーを動かして幅を変更することで要素内のレイアウトが調整されていきます。 使い方は、まずjQueryとプラグインをhead内に読み込みます。 <script src="jquery.min.js"></script> <script src="responsive-elements.js"></script> レスポンシブにしたい要素にdata-respondを追加します。 <div
無料で使える高品質な50のデザインパーツ素材集 ｜SEO Japan by アイオイクスSEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
最近デザインに関する記事を少しずつ増やしているSEO Japanですが、予想以上に人気に嬉しいながらも微妙に戸惑っていたりもします。とはいえ、需要があればお届けするということで新たな無料素材のご紹介。 — SEO Japan 世の中には高品質のデザイン素材を作成し、無料で公開してくれる素晴らしいデザイナーが沢山いる。今回の記事ではそんな素材を50まとめてみた。 Blaubarry UI Kit Review & Rating Stars… (PSD) 7 Styled Tickets Settings Menu (PSD) Black UI Kit LOGIN FORM PSD Sign In Notepad Solid UI Kit Classic Login Form UI-Element Set Simple Slider UI Elements White&blue set MP3
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
50 Free UI and Web Design Wireframing Kits, Resources and Source Files — Smashing Magazine
Planning and communication are two key elements in the development of any successful website or application. And that is exactly what the wireframing process offers: a quick and simple method to plan the layout and a cost-effective, time-saving tool to easily communicate your ideas to others. A wireframe typically has the basic elements of a Web page: header, footer, sidebar, maybe even some gener
Croppy
2020年におけるベストオンラインカジノ８選06 January 2021 カジノの定番中の定番ゲーム「テーブルゲーム」をオンラインでプレイしましょう! 無料プレイも可能な人気の「ベラジョンカジノテーブルゲーム」で真剣勝負! ... カジノの定番中の定番ゲーム「テーブルゲーム」をオンラインでプレイしましょう! 無料プレイも可能な人気の「ベラジョンカジノテーブルゲーム」で真剣勝負! 新型コロナウイルスの感染拡大によるパンデミックにより、ギャンブラーの行動は変わりました。実店舗のカジノを利用できなくなって、オンラインでプレイする人が増えています。ラスベガスには、以前のような活気がなくなってしまいました。人々はカジノを訪れることでウイルスに感染することを懸念しているのです。そのため、オンラインカジノで遊ぶ人が多くなっています。多くのオンラインカジノが運営されていますが、すべてのサイトが同じクオリ
House of Buttons: Archive
A collection of great UI buttons spotted in the wild. Curated by MaxButtons. Submissions welcome.
【Fireworks】iPhone 画面パーツ集 | バシャログ。
iPhone 4 が発表されて、いつになったらそのスマートじゃないフォンやめるんだよ、ということを聞かれます toyama です。 スマートになりたいですね！身も携帯も！ というわけで、巷でもシーブレインでも iPhone 関連の制作が増えそうな気配です。 画面のサンプルを作って見せてくれ、なんてことを急に言われる可能性もありそうです。 サイトデザイン用の準備はあっても iPhone 用の画面デザインの準備は整ってない！ そんな私にぴったりのパーツを配布してくれているサイトをご紹介します。 Blog*spark Blog*spark Fireworks toolkit for creating iPhone UI mockups iPhone 3GS のあらゆるパーツがベクトルデータでみっちり集められています。 素材としても大変きれいで、作り方など見ても大変勉強になりますね。 一部 Pho
25 Examples of Interesting and Beautiful Navigation | Codrops
Designing the perfect navigation for a website it’s one of the main keys to have a good outcome, to have a website that gets users attentions and make them want to browse around to check every little information (tab, image, text, etc) you have there. Navigation menus, schemes, layouts, everything has an important weight and need to be carefully analyzed to form a nice layout. Designing the perfec
200 best 404 error page designs for inspiration
One common term for web designers is the 404 or “Not Found” error message, which is a standard response that indicates to the person that the client was actually able to establish communication with the server but this one was not able to find the requested page. It’s important to state that these 404 pages are not another way to say “server not found” and similar errors, because in those cases th
Showcase of Inspiring Search Box Designs - noupe
Having an aesthetic search box on a website is as important as being capable of establishing good content on the website itself. It is true that one could provide categories in order to allow users rummage through content to find what they may be looking for on the site. [fblike] Nevertheless, the fact of having a search box on the site will facilitate the process for the user since they will be a
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.antrypartsandsupply.com/phone/
Elemis Freebies | Home Page
freebiesbooth.com
Free Resources for Designers | Premium Pixels
商用利用も無料、TwitterのGUIをまとめたテンプレートのPSD素材
http://pixelentity.com/