animate.cssとScrollTrigger.jsでアニメーションを設定する方法
animate.cssとScrollTrigger.jsを使用してWebサイトにアニメーションをつけてみます。 animate.cssでスクロールイベントを設定するで検索すると「wow.js」と合わせて紹介されている記事…
HTML/CSS
HTML/CSS
HTML/CSS
HTML/CSS
HTML/CSS
【無料でSSL化】さくらでLet’s Encryptを使用してみた
10月17日からさくらのレンタルサーバーで無料SSL機能の提供が開始されました。 無料SSLサーバー証明書「Let’s Encrypt」をコントロールパネルから実行し証明書の発行ができるようになったようです。…
HTML/CSS
【 独学 Web制作】クラウドワークスで案件を受注する方法
「在宅で月5万稼げる」「副業にはソーシャルワークがいい」という文言をよく見かけます。 そう紹介している人のブログを見ると、副業を始めるに当たって勉強したほうがいい技術や知っておいたほうがいい知識はよく紹介されています。 …
HTML/CSS
カルーセルスライダーのライブラリを試す「slick」編
カルーセルスライダーのライブラリを探してみると評判のいいライブラリが複数ありました。 どれが一番使いやすいかは自分で使ってみないとわからないので、勉強もかねて人気のある10個のライブラリを使い比べてみようと思います。 ラ…
HTML/CSS
JavaScriptで文字列を複数行に分けて記述する方法
長い文字列の場合、一行にズラズラ書いていると途中でウィンドウから見切れたり、折り返して見づらくなってしまいます。 文字列を複数行に分けて記述することで作業もしやすくなり、ソースコードの可読性も上がります。 …
HTML/CSS
プログラミングは副業に向いていると断言できます
政府が副業を促進している中、始めたくても何をすればいいのかわからないという人は多いと思います。 副業の代表的なものといえばアフィリエイトですが、ただ文章を書いたり、商品へのリンクを貼り付けるだけではうまくいきません。 な…
HTML/CSS
JavaScriptで文章をクリップボードへコピーする
「Ctrl + P」でクリップボードへコピーする処理をJavaScriptで実装する方法です。 ページを見た人の利便性を高めるために知っておいた方がいいテクニックの一つです。 [crayon-676d663faa0867…
HTML/CSS
開いてるブラウザ名を取得する
スクロールなどブラウザごとに指定の仕方が違う動作や仕様があります。 そういったときに対応するためにどのブラウザで開かれているか取得して、それに応じた対応をする必要があります。 ブラウザのユーザ…
HTML/CSS
簡単！Easy Pie Chartでキレイな円グラフ作成
Easy Pie Chartを使用するとアニメーションのついた見やすい円グラフを表示することができます。 Chart.jsと違って円グラフしか作ることができませんが、プロパティも少ないので学習コストは高くありません。 円…
HTML/CSS
Sublime Text3にYUI Composerをインストールする
Webサイトの読み込みを0.0001秒でも早くするためにはファイルの圧縮が有効です。 なぜ有効かというと編集時は欠かせないスペースやインデント、コメントを削除してファイルの容量を減らすことができるからです。 編集するのは…
ABOUT
