レスポンシブ対応でjQuery不要の高機能スライダー「Swiper」 | Will Style Inc.｜神戸にあるウェブ制作会社
こんにちは、デザイナーの奥田です。 最近フロントエンドでは「脱jQuery」なんて言われていますね。 まだまだjQueryバリバリ書いてますって方もちょっとずつ「脱jQuery」していくとこの先もスキルが活かせると思います。 さて、今回は「もう最近の案件はこれしか使っていないんじゃないか？」というぐらい高機能で便利なスライダーをご紹介いたします。 Table of contentsSwiperの使い方カルーセル表示にするレスポンシブに対応するPC時はグリッド表示、スマホ時にスライドにするサムネイル付きカルーセル表示その他オプションまとめSwiperの使い方まずは普通に使ってみましょう。下記よりファイルをダウンロードするかCDNでの使用でも実装できます。 SwiperCDN CSSとJSを読み込みます。 <html> <head> <link rel="stylesheet" href="h
Free Gradients Collection by itmeo.com
Free for commercial or personal use by Dima Braven. WebGradients is a free collection of 180 linear gradients that you can use as content backdrops in any part of your website. Easy copy CSS3 crossbrowser code and use it in a moment! We've also prepared a .PNG version of each gradient. As a bonus, there are packs for Sketch & Photoshop.
Gridtab jQuery plugin
Features GridTab is a lightweight jQuery plugin to create grid based responsive tabs. Responsive Lightweight and based on CSS3 flexbox Set Grid for each breakpoint Switch between Grid and Tab layout Next, previous and close controls Scroll to current tab Custom selectors Right-To-Left Support Use Case Girdtab could be a perfect solution for the following UI design pattern. Package Managers # Bower
企画書の説得力が上がる！統計調査レポートサイトまとめ｜【公式】ModuleApps 2.0
企画書や提案書の作成中「こんな調査結果があったら、もっとインパクトの強い企画書が作れるのに」「こんな裏付け資料があったら説得力が上がるのに」と思ったことはありませんか？今回はWeb系企画書作成に役立つ統計調査や資料をチェックできる調査レポート系のサイトをご紹介します。 モバイル関連の調査結果をチェックできる「MMD研究所」 MMD研究所は、スマートフォンやタブレットの消費者動向や市場調査、そして通信キャリアの満足度調査など、モバイルビジネスに関する調査データを無料で発表しているサイトです。 MMD研究所にアクセスするとすぐに理解できますが、様々なモバイル関連の調査資料が1週間間隔で定期的にアップされています。そのため、モバイル系のサイト構築、アプリ開発などのプレゼンテーション時などに役立つこと間違いなしのイチオシサイトといえます。 調査資料のカテゴリも幅広く、モバイルコンテンツの市場動向、
リビルトオルタネーターの信越電装株式会社
私たちがこの美しいまちで やっていること。 使えなくなった部品から、 新品同様の自動車部品を作ること。 それが、"re-Manufacturing" 年末年始のお知らせ 平素は格別のご高配を賜り、誠にありがとうございます。 誠に勝手ながら、弊社年末年始の休業期間は、以下のようにさせていただきます。 国内営業 スケジュール ※ 2024年12月27日（金）の受付は、19：00まで 当日生産分の受付は、12:00までとなります。（全拠点出荷可能） ※ 2024年12月28日（土）の受付は、17：00まで 当日生産分の受付はいたしません。 出荷可能拠点は、北海道・仙台・長野・福岡・熊本・沖縄となります。 ※ 2024年12月29日（日）～ 2025年1月 5日（日）までお休みとなります。 ※ 2025年 1月 6日（月）の受付は、19：00まで 当日生産分の受付は、15:00 までとなります。（
CSS Menus
A curated collection of front-end snippets to save you time. Whether you work with HTML, CSS, Bootstrap, TailwindCSS, JavaScript, you'll find ready-to-use components and patterns to streamline your development. No fluff — just practical code. Menus are the backbone of site navigation — but default styles often lack visual appeal. With CSS, you can create responsive, interactive menus that enhance
【2016年の完全保存版！】フリーで使えるjQueryのプラグイン30選 | TechAcademyマガジン
【2016年の完全保存版！】フリーで使えるjQueryのプラグイン30選 フリーで使えるjQueryのプラグインをまとめています。jQueryは初心者でも扱いやすく最も普及しているJavaScriptのライブラリです。Webサイトの印象も大きく変わるプラグインばかりなので、ぜひ使ってみてください。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査 本稿は、Designmodeのブログ記事を了解を得て日本語翻訳し掲載した記事になります。 本記事
Instagramの活用方法やフォロワーの増やすためのポイント！ ｜untenna（アンテナ）
国内でユーザー数が1,200万人を越え、依然成長途中にあるInstagram（インスタグラム）。 女性に支持率が高い点も注目のポイントです。ただインスタグラムはFacebookやTwiiterと比べると仕組みも違うため、最初の一歩につまずき、思うように活用出来ていない方も多いでしょう。若年層ではツイッター・インスタグラムをメインに使い、Googleでの検索は減少傾向にあると聞きます。 このことから特にBtoCのサービスを展開する企業にとって「インスタグラム」は必要不可欠なツールになりました。 今回はBtoC企業での活用方法やフォロワー数の獲得方法など紹介していきます。 Instagramの活用方法やフォロワーの増やし方 Instagramとは？ ユーザー層は？ 引用：LINE、Facebook、Twitter…5つのメジャーSNSの男女別年代比率の徹底比較！|FULLER（フラー）株式会社
CSS3のアニメーションで「ふわふわ」「ゆらゆら」させる方法や便利なオンラインツール - コムテブログ
TL;DR いざアニメーションを作ろうとすると結構面倒ですよね。できれば勉強しながら便利なツールを使ってアニメーションを作りたいところ。今回は CSS3 のアニメーションで「ふわふわ」させたり「スカッシュ」させる方法や便利なオンラインツールをご紹介します。 アニメーション１２の基本原則を確認 こちらは「何か動きを出してくれ」と依頼された時に見ておきたい、ディズニーによって開発されたアニメーションの１２の基本原則（12 basic principles of animation - Wikipedia）デモですが、CSS のみでこういった動きやアニメーションを実現できたら楽しいですよね。ロゴやボタン、イラストなどの一部に使ったら一味違うアイキャッチになるかもしれません。 The illusion of life from cento lodigiani on Vimeo. THE ILLUS
手軽に実装！Webサイトにアニメーションを加えられるCSS＆JavaScriptライブラリー
手軽に実装！Webサイトにアニメーションを加えられるCSS＆JavaScriptライブラリー人間の目は動きを感知すると反射的に目が動き、意識をそちらに向けるそうです。そのため、アニメーションは要素をほんの少し動かすだけで注目を集められるという強い力を持っています。今回はそんなアニメーションを手軽に実装できるCSSやJavaScriptのライブラリーをいくつか紹介します。 アニメーションを使う時に気をつけたい事アニメーションを使えば、前後の画面に繋がりを持たせたり、ユーザーに次の動きを予測させ、安心感を与えることができます。よく使われるものが、ふんわりと画面や要素を移り変えるフェードという効果です。目の前の物が一瞬で消え、パッと新しい物が現れる…なんて、現実世界ではありえませんよね。もちろん、単純に見ていて楽しい、かっこいい、なんていう刺激を与えられます。 しかし、ユーザーの注意をひこうとす
意外と盲点だったCSS3の役立つ小技まとめ - コムテブログ
TL;DR リニューアルを行った時に、CSS3 で気づいたことや次回もまた使いそうなものなどを備忘録として書いておきます。基本的なものから見慣れないものまで。 CSS3 オートフィルの背景色を解除 chrome にて、テキストボックスのオートコンプリートした際、背景色が黄色になります。これを消したかったので を追記。色指定の箇所に任意の色を指定できますが、とりあえず白色で。 無事消えました。 Coderwall | Change background color for autocompleted inputs in Google Chromeでinputがオートフィルされてると背景色が黄色になるのを回避 – CSS | ごろつきめも backface-visibility で Chrome のチラつきを解決 fadeIn などのアニメーションを取り入れると Chrome でヘッダーやサイ
世界中の無料素材サイトをまとめて画像検索できるサービス厳選６つ【ブロガー＆Webデザイナー保存版】
誰でも簡単に無料でホームページ作成できるおすすめサイトまとめ。 今やブログや個人Webサイトを運営するとき、記事内のアイキャッチ（サムネイル）に使用する写真素材に困ることはないだろう。ネット上には、無料で高品質な画像が山ほど溢れている。例えば以下のようなサイト。 DesignersPics Unsplash Pexels Pixabay Life Of Pix FindA.Photo MMT これらは全て無料で著作権表示の必要ない写真素材を提供するサイトである。これらもほんの一部で、他にもたくさんある。 しかし人間とは贅沢なもので、少し前までは無料というだけでありがたみを感じていたのに、今ではある特定の写真を探すときこれらのサイトを一つ一つブックマークから開いて検索することに面倒臭さを感じる。 しかし需要があれば供給が生まれる。 上に挙げたような複数の無料素材サイトを横断的に検索して一覧で
秘密保持契約書とは？その意義や作り方、契約の流れを徹底解説！
企業が取引を行う場合、自社の情報を取引先に提供しなければならないケースがあります。 そのような場合、取引先に提供した情報が他に漏えいすると問題が発生してしまいます。 そこで、取引上相手に自社情報を提供する場合、情報漏えいを防止する必要があります。 このとき、利用されるのが「秘密保持契約書」です。 秘密保持契約書とは、具体的にどのような契約書なのでしょうか？ 秘密保持契約書を作るときにどのような内容を載せなければならないのかや作り方、契約の流れなども知っておく必要があります。 これらのことを知らないと、自社の機密情報が漏れて多大な損害を被るおそれがあります。 そこで今回は、秘密保持契約書の意義や作り方、秘密保持契約の流れと秘密保持契約書のひな形をご紹介します。 ※この記事は2017年3月30日に加筆・修正しました。 1．秘密保持契約書とは 企業が事業展開する際には、いろいろな取引をする可能性
米Google社員が語った、作業が捗るGoogle Chromeテクニック20個！ – 和洋風KAI
和洋風KAIは、Apple・水樹奈々・食べ歩きが三本柱のブログです。モットーは「楽しく」「便利で」「端的に」。 ⇒ アバウト ⇒ 免責事項 1．テキストのみコピペする方法。 リッチテキストエディタなどを使っていると、ブラウザからテキストをコピペした場合、画像なども付いてくる場合があります。 そんな時は「Control+Shift+V（Macだとcommand + shift + V）」を使ってペーストすると、テキストのみ貼り付けることが出来ます。 2．最後に閉じたタブを復活させる方法。 誤ってタブを閉じてしまった時は、「Control+Shift+T（Macだとcommand+shift+T）」とショートカットキーを叩くと復活させることが出来ます。 3. タブにマウスを置くと、ウェブページのタイトルの全てが読める。 Google Chromeはタブを開きすぎるとタブがとても小さくなってタイ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ボード「会社案内 デザイン」に最高のアイデア 900+ 件 | デザイン, lp デザイン, 会社案内 デザイン
アイコン素材ダウンロードサイト「icooon-mono」 | 商用利用可能なアイコン素材が無料(フリー)ダウンロードできるサイト | 6000個以上のアイコン素材を無料でダウンロードできるサイト ICOOON MONO
IcoMoon App
激おこ！またブログ記事がパクられたので経緯の報告と対策方法をまとめた！
http://www.cosmicmind.io/material/color
Flipsblog.jp
