This domain name registration has expired. If you are the domain owner, please contact support@epik.com to get the renewal taken care of.
先週に引き続き「Animate.css」を使った要素が動きまくりなwebの作成方法です。前回は「Animate.css」と「Ani.JS」を組み合わせることでアニメーションのトリガーを設定し「オンマウス時」や「クリック時」にアニメーションを発動させる方法をお伝えいたしましたが、今回は「Animate.css」と「wow.js」を組み合わせることによりアニメーションのトリガーを「スクロールが要素に達したら実行する」方法をご紹介していきます。 ちょっと言葉だけだと分かり難いので、まずはサンプルサイトをご覧になられて下さい。(※初回読み込み時はブラウザに要素が表示されるスピードより先にアニメーションしてしまうと思うので、一度更新されてみてください)順次ご説明いたしますが、サンプルサイトでは「単純にスクロールが要素に達した時」以外のトリガーも設定しているため少しオーソドックスな設定とは違いますので
最近ではWebサイトを構築する際にレスポンシブ対応として、PCでの表示のみならずスマートフォンやタブレットでの表示を考慮して構成する必要があります。 レスポンシブ対応でレイアウトに関してはCSSのMediaQueriesを使ったりすることで、ウィンドウサイズによって画面上のレイアウトを調整させたりすることが可能ですが、大きな画像を使用する画面デザインなどの場合ではスマートフォンで表示する際のレンダリング負荷が問題になったりします。 そんな際に使えるようにMediaQueriesと同様の方法で、ウィンドウサイズによって読み込む画像を切り替える動作をjQueryを使って実験的に作ってみたので紹介してみます。 【2016/05/22】 ウィンドウサイズを取得して画像を切り替える部分のスクリプト動作を一部改修しました。 ウィンドウサイズによって切り替える画像については、PCで表示させる為の大きな画
Download minified JS for production use. Or include the following line before your closing </body> tag. <script src="//gitcdn.link/repo/wintercounter/Protip/master/protip.min.js"></script> Don't forget: you need to have jQuery also. Download minified CSS for production use. Or include the following line between your <head> tag. <link rel="stylesheet" href="//gitcdn.link/repo/wintercounter/Protip/m
animatedModal.js is a jQuery plugin to create a fullscreen modal with CSS3 transitions. You can use the transitions from animate.css or create your own transitions. DOWNLOAD VERSION 1.0
フリーランスが発行する請求書の概要 フリーランスが発行する請求書の記載項目 請求書作成前にフリーランスが取引先に確認すべき内容 フリーランスとしてはじめて請求書を送るときは、どんなフォーマットにするのが一般的なのか不安に思うものです。企業によって提出方法はさまざまですが、必要な項目はある程度決まっています。 この記事では、請求書の作成方法に自信がない方に向けて、請求書に盛り込む項目や書き方の注意点をお伝えします。疑問に思う人が多い消費税や源泉徴収の記載方法もまとめたので、ぜひ参考にしてください。 また、インボイス制度に関する弊社の方針に関しましては、以下をご確認ください。 【レバテック】インボイス制度に対する弊社取引方針について レバテックフリーランスはITエンジニア専門の フリーランスエージェントです案件を探してみる 請求書に記載すべき項目とは?書き方を解説 請求書に必ず記載しなければな
How To Use 1. Load jQuery and include Owl Carousel plugin files To use Owl Carousel, you’ll need to make sure both the Owl and jQuery 1.7 or higher scripts are included. <!-- Important Owl stylesheet --> <link rel="stylesheet" href="owl-carousel/owl.carousel.css"> <!-- Default Theme --> <link rel="stylesheet" href="owl-carousel/owl.theme.css"> <!-- jQuery 1.7+ --> <script src="jquery-1.9.1.min.js"
An experimental fullscreen form concept where the idea is to allow distraction-free form filling with some fancy animations when moving between form fields. Today we’d like to share a fullscreen form concept with you. The idea is to extend the minimal form concept and only show one question or form field at a time in fullscreen. The user can enter data in a distraction-free way and it allows to ad
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く