wow.js — Reveal Animations When ScrollingReveal Animations When You Scroll. Very Animate.css Friend :-) Easily customize animation settings: style, delay, length, offset, iterations... 100% MIT Licensed, not GPL. Keep your code yours. ES2015+, naturally Caffeine free.
FreeBSDでAipo7
11月 30 2014 FreeBSDでAipo7 FreeBSD8.3 Postgres8.3でAipo7入れました。PostgreSQL はdb.freedom.ne.jp 以下を参考にtomcat6、OpenJDK6を入れます。 GroupSessionが動くということはTomcatの環境OKなのでまずそれを整える。 ————————————————————- FreeBSD8.3 で GroupSessionを入れました。 tomcat8だとうまく動かなかった。tomcat6で動きました。 http://www.vdobv.com/freebsd9.0r/group-session がドンピシャ 以下引用です。 > 今回は、FreeBSD 9.0R の中で、OpenJDK 6.0 および Tomcat 6 を利用して動かしたので、インストール完了までを記録する。 > > 現時点で公
Meta sliderで、前後の画像がちらっと見えるカルーセルスライダー - WEB制作者の備忘録
Meta sliderは、シンプルな設定で、flexslider・nivo slider・coin slider・R sliderの４種類のsliderが使える便利なプラグインです。が、デフォルトままでは、前後の画像がちらっと見えるカルーセルスライダーは作れないのです。でも、大元がflexsliderですので、強引に設定を書き換えれば、出来そうだと思っていたら、作ってくれている方がおりました。使う場面が結構あるので、メモ代わりに記載しておきます。 https://liveweave.com/d0EWVr 上記画面の右上と左下は、Meta sliderで吐き出される部分ですので、ほぼ記述の必要はなく、必要なのは、設定用のjavascriptと簡単なCSSのみです。 「metaslider_2865」の部分は、どの時のスライダーの数字の置き換えて使います。 Metaslider側の設定です。ち
Contact Form 7でGmailを使ったメールの送信が出来なくなったのを解決しました
結構ありふれた内容では有るんですが、長期間戦っていた問題がやっと解決したので備忘録も兼ねての記事となります。 こんな事が起こっていました(数ヶ月前)問い合わせ後のメールの自動送信が上手くいかなくなるフォームからWordPressへの送信は出来ていたようなのですが、WordPress側からメールサーバーへの送信が上手く出来ていませんでした。 メールの送信にGmailを使っていたのですが、どうやらスパム的な扱いを受けて上手く届いていなかったようです。 始めは送れていたのに突然送れなくなった！というのはよく書かれていますがほんとにそうでした。送れなくなる少し前とかに何か通知が欲しかったです…。 この問題に関しては、Flamingoというお問い合わせフォームからの情報を記録するプラグインを導入し、何が送られてきたかを確認できる状況を作る事で応急処置。 WordPress › Flamingo «
Contact form7でメールが届かない！Google Workspaceの場合
WordPress でお問い合わせフォームを入れているサイトでは、プラグインの「Contact form7」を利用している方が多いのではないでしょうか。簡単にフォームが設置できる優秀なプラグインなので、私も様々なサイトで利用しています。 ただContact form7で送信したメールが届かないというケースに遭遇してしまったので、その対処方法をご紹介したいと思います。メールが届かない原因は、メールの宛先（送信先）がGoogle Appsを利用しているメールアドレスだった場合です。 迷惑メールやセキュリティにより厳しいためか、Google Workspace で管理しているメールアドレスにメールが届きません。それなのにメール送信者には「メールが送信されました」という表示がされます。送信者からすると、メールを送信したのに返事がないと思っているでしょう。（最初メールの送信確認をしたときは問題なかっ
mmenu.js - App look-alike menus with sliding submenus
Empowering the web with beautiful mobile menus that have a true native app experience, for over 10 years! Create a beautiful mobile menu The menu looks pretty great to begin with, but you can make it fit your needs even better. Change the background color, any color will do. Dark or light, the menu will always look good. Start with choosing a new color scheme: Super versatile navbars A photo or lo
ページ遷移時のページ内リンクのスムーススクロール - Qiita
2021.05.29 修正 codepenのサンプル内からのリンクを別タブで開くと警告されるようになったので、 別でサンプルHTMLを準備しました よく出回ってるhoge.html?id=sec01など、URLのクエリパラメータでIDを指定するようなURLでページ内アンカーをさせるやり方はアクセシビリティ、マシンリーダブルの面では疑問です。 JavaScriptをOFFにされてもきちんと動作し、またGoogleなどのbotにも適切な箇所にリンク先を指定できるページ内アンカー(#id)で指定する方が好ましいと個人的に考えてます。 ✕悪い例 <a href="hoge.html?id=sec01"> ◎良い例 <a href="hoge.html#sec01"> なので素直にハッシュ(#)でID指定してページが自動スクロールするJavaScriptをjQueryで書きました。 Sample h
【レスポンシブ】CSSで作るtableデザイン＆コーディング【コードあり】 – 東京のホームページ制作 / WEB制作会社 BRISK
もはやスマホ表示を考えないwebサイトは新規制作やリニューアルではほぼない今日、どんなに横に長いテーブルでもレスポンシブでどうするか考える必要があります。 PCで組むだけなら何も考えずに済むのですが、スマホの縦長の画面で如何にユーザビリティを落とさず横長になりがちなテーブルを表示させることができるか、いくつかtableコーディングのパターンを用意してみました。 demo Contents 縦に積むテーブルレスポンシブ 横並びを縦並びにするテーブルレスポンシブ 疑似要素で見出しを用意するテーブルレスポンシブ content:attr() で見出しを表現するテーブルレスポンシブ spanで見出しを表現するテーブルレスポンシブ スクロールで表示させるテーブルレスポンシブ 縦に積むテーブルレスポンシブ PC SP ごくごく一般的なテーブルパターンですね。 ソース上は上から順番に要素が並んでいるので
【WordPress】親と先祖の投稿IDを取得できる関数get_post_ancestors
試しに以下のような親子階層で、HOBBYの固定ページ内で使用してみます。 <?php if(is_page('70')){ $parents_id = get_post_ancestors( $post ); var_dump($parents_id); } ?> 結果 array(3){ [0]=> int(30) //PROFILEのID [1]=> int(15) //ABOUTのID [2]=> int(10) //HOMEのID } 親ページの投稿IDを直近の親から最上位の親に向かって順番に配列で取得できました。 ループ処理で親ごとに様々な情報を取得 この取得した配列を利用して、foreachのループ処理で親ごとに様々な情報を取得することができます。 <?php foreach( $parents_id as parent_id ){ $parent_link = get_per
Cloudflareを使ってWordPressサイトをHTTPS化する時の流れとポイント | 1design
GoogleがHTTPSに対応したサイトをランキングで優遇する方針を発表してから、Webサイトの常時SSL/TLS化がすごいスピードで進んでいるように感じられます。 今までは有料だったSSL/TLSは、今や let’s encrypt を筆頭に、CloudFlare や Amazon Certificate Managerなど、無料のSSL/TLS証明書を発行してくれるサービスが続出中。もはや常時SSL/TLS化が常識の時代です。 もっとも簡単かつおまけサービスもてんこ盛り(HTTP/2 やら 静的コンテンツのキャッシュやら)の CloudFlare を使ってサイトをHTTPSに対応してみました。 CloudFlare側の設定は最高に簡単なので、さらっと目を通しつつ、WordPressで使う時のポイントだけ紹介します。 ネームサーバーの変更 CloudFlareを使うためにはまず、利用して
CloudFlare で Flexible SSL を設定後に行うべき設定集
CloudFlare で Flexible SSL を設定後に行うべき設定集 公開日：2018/06/02 最終更新日：2019/12/30 カテゴリー：サービス紹介 本記事では CloudFlare の Flexible SSL を設定した後に行う必要のある設定のうち、 通常のSSLとは違う特殊な設定が必要なものについて紹介していきます。 CloudFlare での Flexible SSL の設定がまだの人は こちらの記事を参考に済ませておいてください。 1. SERVER変数を書き換える 1.1. $_SERVER['HTTPS'] の書き換え Flexible SSLの場合、SSLでアクセスしているのは Cloudflare までで、 Cloudflare からサーバーには HTTPでアクセスしています。 ですから サーバー(プログラム)側は SSLでアクセスしていても そうとはわ
Plupload: Multi-runtime File-Uploader
Upload in HTML5 We are using HTML5 APIs. Always. Plupload is based on multi-runtime pollyfills for XMLHttpRequest L2, File and Image APIs. So when there's no HTML5 available in the browser, we emulate it ourselves. mOxie (combined code-name for pollyfills) is completely standalone and available separately. Drag'n'Drop Files from Desktop Files not only can be picked from browse dialog, but also can
PhantomJS と CasperJS で複数ページを一括キャプチャする ｜ Tips Note by TAM
Web 制作をしているとページの表示確認やコンポーネントの洗い出しなどで、大量にキャプチャを撮ってきたい時があります。 しかしブラウザのエクステンションで1枚ずつ撮るのも面倒です。 そこで PhantomJS と CasperJS を使うとキャプチャを自動化することができるということなので、先達たちの情報を参考に、キャプチャしたいURLと想定するデバイスを CSV で管理して、楽にキャプチャがとれるものを作成しました。 PhantomJS と CasperJS とは PhantomJS ですが、グラフィカルな画面のないブラウザで「ヘッドレスブラウザ」と呼ばれるブラウザです。コマンドラインからブラウザの機能を使うことができ、フォームの操作やページの要素を取得することができます。よく CI ツールと組み合わせて自動テストを行ったり Web スクレイピングで使われたりします。 PhantomJS
NodeJS + PhatomJSでブログの全ページのスクショを取得する。（Sitemapから） | Ver.1.0 Blog
2017年10月29日追記 このスクリプトを動かすとPVとしてカウントされてしまうことが 判明しました汗 見事にその時間のPVが跳ね上がり直帰率100%。。。 （IPでフィルタかけてるので大丈夫だと思ったのですが、なぜかダメでした。。） もし、このスクリプトを動かす場合は十分に気をつけて 開発環境のサイトに対して実行したり（アクセスURLのドメインをローカルホストに置換したり）、 使用してください。 どうも、 最近コツコツブログの記事を増やしてきているのですが、 一年弱でだいたい80ページくらいのブログになって来ました。 年内100記事が目標なので、 それを目指して着々と更新を続けていく予定です。 （本当はもっとペースあげたい・・） と、 そんなところでコツコツと記事を 変えていると途中でCSSを変更したくなってくる時が まあまああります。 変更するのは良いのですが、 それが全記事にどれく
2．SSHでよく使うコマンドと簡単な使い方｜レンタルサーバー格安の500円～。無制限で高機能のレオサーバー
一覧を表示する $ ls etc log Maildir public_html 一覧詳細を表示する $ ls -l total 28 drwxr-xr-x 2 root root 4096 Oct 17 14:14 etc drwxr-xr-x 2 root root 4096 Dec 26 04:05 log drwxr-xr-x 5 oj177819 webuser 4096 Oct 17 14:14 Maildir drwxr-xr-x 8 oj177819 webuser 4096 Dec 13 18:49 public_html 隠しファイルも一緒に一覧詳細を表示する $ ls -al total 80 drwx-----x 10 oj177819 webuser 4096 Dec 16 14:09 . drwxr-xr-x 19 root root 4096 Dec 26 1
Joruri公式サイト
Joruri CMS Ver.3 お問い合わせ 初期型 Joruri CMS ダウンロード（GitHub） お知らせ 2023年08月04日【重要】Joruri CMS ver.3以下のサポート終了について 2022年02月16日Joruri CMS 3.1.8をリリース 2021年08月24日Joruri CMS 3.1.7をリリース 2021年02月09日Joruri CMS 3.1.6をリリース 2020年12月03日Adobe Flash Player 削除における影響と対応について 最新版Joruri CMS 2020の情報はこちらから パンフレット 自治体向けWebアプリケーションソフトウェアシリーズ Joruriパンフレット（2017.7.6版） Joruriパンフレット[PDF：2.7MB] 自治体OSSキットパンフレット（2017.05.16版） 自治体OSSキットパンフ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
chartjs-plugin-datalabels / samples
広告ヘルプ
ルビ振り/文字拡大・配色変更/音声読上げ/英語ルビ：一般社団法人アダプティブテクノロジー(Adaptive Technologies)
jQuery Content Slider | Responsive jQuery Slider | bxSlider