営業日・定休日カレンダー
設置がやや大変ですが毎月○日とか毎週○曜日とかそういう指定と複数設置が簡単になったバージョンのカレンダーです。基本的な流れはステキカレンダーと同じですが、細部が調整されており、カスタマイズはしやすくなっていますが、設置作業にはちょっぴり知識が必要になったかもしれません。 営業日・定休日カレンダーの概要なるべく柔軟に更新せずにい営業日や定休日、イベントや商品発送予定日などの告知をわかりやすくカレンダー形式とリスト表示で告知するためのスクリプトです。 class指定の他に説明文やURLを指定することもできます。設置方法は2.x系と少し変わりましたがDOMを使って半永久的にめくることができる点などは変わっていません。 営業日・定休日カレンダーの機能 日曜日以外の曜日から開始できる カレンダーは基本的に一番左が日曜日ですが、一番左を月曜日にすることなどができます。 パラメータを付けてクリック 年・
Odometer — Transition numbers with ease
O L M O D Z A B C D O I J K L M O M G H I J K L M E Y Z A B C D E T L M N O P Q R S T E V W X Y Z A B C D E R G H I J K L M O P Q R How To Use Add the js and a theme file to your page: <link rel="stylesheet" href="odometer-theme-car.css" /> <script src="odometer.js"></script> Any element with class name "odometer" will automatically be made into an Odometer! When you want to update the value, simp
Webデザインを上達させるために大切なこと。デザインが苦手なあなたや私へ。 - IT系女子ログ
Webデザイナーとして参加していた案件が炎上してしまい、デザイン業務をすることがとても怖くなってしまいました…。 そんなデザイン恐怖症を克服するため、デザインをもっともっと上達させよう！と決めました。 私の個人的な意見で恐縮ですが、同じようにデザインで悩める方が、デザインを前向きに捉えるきっかけのひとつにでもなれればと思い、自分なりに大切だと思うことを書き出しました。 関連記事 デザインは2年でどのくらい向上するものなのか。（ビジュアルはウソつかない） - IT系女子ログ Webデザイナー2年目を、まるっと棚卸し［デザイン編］ - IT系女子ログ デザインが仕上がらず炎上 デザインとはとても難しいのだと痛感 デザインを追求する、という覚悟を決める デザインと向き合い続ける 他責でなく自責で考える 制限があるから、デザインがより重要になる デザイナーが提案してもいい 良いデザインをたくさん知
Website Downloader | Website Copier | Site Downloader | Website Ripper
Platform IndependentThe web based interface enables you to use website ripper straight in your browser on any operating system and without downloading or configuring any software. Use it when you need to quickly download website. Fast PreviewsWebsite Downloader offers a fast preview of the download result hosted on our servers without consuming your computer's precious disk space. After the previe
.htaccessの小技編 - アクセス制限ベーシック認証～パスワードでページを守ろう～ - futomi's CGI Cafe
ホームページを作る上で、特定の人にだけ見せたいページが出てくるでしょう。 そのようなページでユーザー名とパスワードを入力させる認証ダイアログがポップアップ表示するところを見たことがあると思います。 これを Basic 認証 と呼びます。 ここでは、Basic 認証の仕組みや特徴、.htaccess と .htpasswd の書き方、 そして、.htpasswd に記述するハッシュ化パスワードの生成方法について解説します。 Basic 認証のダイアログ Basic 認証の認証ダイアログは、ブラウザーによって見た目が異なります。 実際に、お使いのブラウザーではどのような画面が出るのかをお試しください。 Basic 認証を試す Basic 認証の特徴 Basic 認証は、認証の仕組みとしては非常にシンプルなため、手軽に用意できるメリットがある反面、 いくつかのセキュリティ上のデメリットもあります
Imagehover.css - A Pure CSS Image Hover Library
LESS & SCSS Support, Fully Scaleable, Lovingly Crafted... FREE - 44 Effects Joomla Module EXTENDED - 216 Effects Follow me on Twitter Imagehover.css is a lovingly crafted CSS library allowing you to easily implement scaleable image hover effects. Choose from over 40 hover effect classes from a CSS library weighing in at a minified size of only 19KB.
rel=canonical 属性に関する 5 つのよくある間違い
+1 ボタン 2 AMP 11 API 3 App Indexing 8 CAPTCHA 1 Chrome 2 First Click Free 1 Google アシスタント 1 Google ニュース 1 Google プレイス 2 Javascript 1 Lighthouse 4 Merchant Center 8 NoHacked 4 PageSpeed Insights 1 reCAPTCHA v3 1 Search Console 101 speed 1 イベント 25 ウェブマスターガイドライン 57 ウェブマスタークイズ 2 ウェブマスターツール 83 ウェブマスターフォーラム 10 オートコンプリート 1 お知らせ 69 クロールとインデックス 75 サイトクリニック 4 サイトマップ 15 しごと検索 1 スマートフォン 11 セーフブラウジング 5 セキュリティ 1
Free SVG Maps - amCharts
Welcome to our SVG map directory! Use the list below to select a map you need. All maps come in two level of details: High and Low. All maps are available for free for non-commercial use under Creative Commons Attribution-NonCommercial 4.0 International License. For commercial use please consider acquiring an amCharts license. Please note that the maps listed on this page are for legacy reasons, a
商用利用OK！2015年にリリースされた無料フォント35
2015年12月16日 フォント 2015年も残り二週間！今年も数多くの素敵フォントがリリースされました！この一年を振り返って、「これは！」と思ったフォントをいくつか紹介します。どれも無料でダウンロードでき、商用利用可能なものです。みなさんのお気に入りが見つかると幸いです。 ↑私が10年以上利用している会計ソフト！ 日本語フォント はれのそら明朝 かしこまりがちな明朝体に丸っこさをプラスしてスッキリ美しく仕上がったフォント。縦書きでもきれいです。 JKゴシックL 丸っこくてこじんまりとした可愛らしいフォント。少し太くなった「JKゴシックM」もあります。ちなみにフォント製作者は女子高生ではないようです。 機械彫刻用標準書体フォント 工業的な彫刻によって文字を作成するときの標準としてJISに定められたフォント。サイトではフォントの設計について詳しく紹介されています。 コーポレート・ロゴ 企業や
Canvasで超可愛いグラフが作れる！「Chart.js」の紹介 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。デザイナーのハルエです。 最近ちょくちょくグラフを用いた制作物に関わることがあり、案件によってはエンジニアさんにお願いしたりIllustratorのグラフツールで作ったりしていたのですが、なんやかんやで時間とられちゃうんですよね。で、もっとこうオシャレでスマートにさくっとハイテンションで作れるものはないかと探してみました。 そこで見つけたのがこれ。「Chart.js」。 めちゃくちゃ愛くるしい動きをしてくれます。デザインもフラットでいい！ ポートフォリオやプレゼンなんかにもきっと役立ちますよ。 Chart.jsとは？ 折れ線グラフ、棒グラフ、円グラフ、レーダーチャートなど、6種類のグラフが簡単に描けてしまうJavascriptのライブラリです。 HTML5のCanvasを使って描画され、表示の際の気持ちいいアニメーションの動きが特徴的です。とても分かりやすいマークアップなので、
jQueryでレスポンシブ対応のブラウザウィンドウ幅めいっぱいに要素を並べたコンテンツスライダーを設置する実験｜BLACKFLAG
半年ほど前にここで、「jQueryでブラウザウィンドウ幅めいっぱいに要素を並べたコンテンツスライダーを設置する実験」と題して、画面幅めいっぱいでのコンテンツスライダーを紹介しましたが、当時紹介したスクリプト構成だとレスポンシブには対応していませんでした。 同じ、画面幅めいっぱいでのコンテンツスライダー構成でレスポンシブ対応させたパターンを必要に駆られて作成してみたので、ここでも紹介してみたいと思います。 【2014/01/15】 スライダー部分にフリック動作を追加しました。スクリプト内の設定でフリック動作のON／OFFを設定が可能です。 このスライダーはなかなか言葉では説明しずらいのでまず動作サンプルから。 「jQueryでレスポンシブ対応のブラウザウィンドウ幅めいっぱいに要素を並べたコンテンツスライダーを設置する実験」サンプルを別枠で表示 スライダー中心にメイン表示エリアを設置して、その
くらしのミカタ- 暮らしの見方がちょっとだけ変わる、家事がちょっとだけ楽しくなる……そんな生活の味方になってくれる便利アイテムをご紹介しています♪
関連リンク 大野屋Soul Jewelry 大野屋Soul Jewelryは、亡くなった大切な人への想いを身近に感じていられるアイテムを数多く提供しています。身に着けられるジュエリー、ミニ骨壺や、ソウルステージ。デザインや素材など豊富に揃っているので、あなたの生活に合わせて選ぶことができますよ。 www.mao-online.com/
イージング関数チートシート
イージング関数は、時間の経過に伴うパラメーターの変化率を指定します。 現実の物体は、即座に動いたり停止したりすることはなく、一定の速度で動くこともほとんどありません。引き出しを開けるとき、私たちは最初に引き出しをすばやく引き出し、それが外に出てくるにつれてゆっくりと動かします。床に向けてなにかを（例えばペンのような）放すと、最初に重力によって下に向かって加速し、床に当たった後上に跳ね返ります。 あなたの必要なイージングを選択して、あなたのプロジェクトの中で使用してみてください。
.animate()で動かす（移動編） - jQuery syntax
おそらく一番使い一番楽しいであろう.animate()です。 指定した要素を移動したり拡大縮小したり透明度を変えたりします。 まずは動かすところからやっていきましょう。 $(document).ready(function(){ $("#sample").css({position:"absolute",top:0}); $("#sample").animate({top:"100px"},1000); });#sampleのCSSプロパティtopを0から100pxまで1000ミリ秒かけて変更するスクリプトです。実行すると上から下に要素が下がっていくと思います。 .animate()の前に.css()という命令が登場していますが、これは初期値のtopがなんの値なのか指定するために書いています（.animate()だけだと「どこから100pxまで移動するのか」という感じなので、.css()で
CSSとJSで、スクロールして一定の場所を過ぎると、上部固定するメニューを作る - Qiita
追記：iPhoneなどのスマホでも気持ちよくなるように修正 なんか最近スマホサイトとかでよく見る、ちょっとスクロールすると、ページ途中にあるメニューがヘッダーに固定されるようなやつ。ヘッダー全体が最初から固定なんじゃなくて、流動的っぽいの。試しに実装してみた。 jQuery使ってるけど、特にjQueryである必要はない。普通のJavaScriptなら、document.getElementById().offsetTopでOK。 <header> <h1>Title</h1> <nav id="global-nav"> <a href="">hogehoge</a> </nav> </header> <section> <p>piyopiyo</p> </section> jQuery(function() { var nav = jQuery('#global-nav'); // メニュ
株式会社アミテン
アプリの企画、制作 ウェブアプリからスマホアプリ、システムまで、要件に合わせて環境やプロジェクトチームの構築から行います。代表がNuxt.js好きです。 使用技術 フロントエンド HTML, CSS, movie, JavaScript, Vue.js バックエンド PHP, Node.js, Python DB MySQL, PostgreSQL, MongoDB, SQLite クラウド AWS, Firebase, Heroku, Netlify no code studio アプリ開発 Electron, Capacitor プログラミング教育 大人向けに自社開発のテンプレートを使ったレクチャーを、子ども向けにロボットを使った教室を行っています。 地域活性化支援 CivicTech（シビックテック）をはじめとして、政策提言のサポート、雇用創出の支援を行っています。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Picular
まだ中央寄せで消耗してるの？ - @yoshiko_pg
#ジャーナル スタンダードで冬支度 インスタグラムキャンペーン｜ Against The Winter | JOURNAL STANDARD × & Premium
低価格な歯科医院のHP制作 - あきばれホームページ歯科事業部
