コーディング 2017年11月4日 wow.jsでスクロールをトリガーにしてアニメーションさせる wow.jsを使うととても簡単にスクロールアクションを設定できます。 スクロールを着火させるためにwow.jsでトリガーを設定→animate.cssを使ってアニメーションを設定。 この方程式は2年くらい使い続けています …
コーディング 2017年11月3日 jqueryを使ってレスポンシブサイトでパララックスを使う 僕が使い慣れている、一番簡単なパララックスのjqueryのプラグインを紹介します。 パララックスを使う理由 写真素材をもらってからの制作依頼はとても多いでしょう。 だから、できるだけ写真素材がいろんな角度から見えるように …
コーディング 2017年11月3日 jqueryでマウススクロールのスピードを調整する スクロールのスピードはjaueryを使って調整することができます。リッチに見せるための表現技法としては古くからありますね。 スクロールのスピードを調整すると文章をじっくり読ませることができます。 コピペして使えるjque …
コーディング 2017年10月13日 ロリポップのWordPress表示速度が遅くて、エックスサーバーが速いというのは都市伝説 WordPressのテーマ変更と時期を同じくしてサーバーの移管をしました。 当ブログをロリポップからエックスサーバーに変更しました。おめでとうございます!! 巷ではエックスサーバーは安定しているかつ、高速と言われています …
コーディング 2017年10月9日 WordPressの移管・引っ越しはAll-in-One WP Migrationが最速で安全だった 表題の通り、サーバーを変更したので、Wordpressの引っ越しをしました。そしてプラグインを使うと想像以上に簡単でした。 こんな人に向けた記事になっています。 ほかのWordpressから引越ししたい WordPres …
コーディング 2017年10月4日 初級者から上級者まで、カスタマイズありきのWordPressテーマ"yStandard"が秀逸すぎる件 みなさんお気づきかと思いますが、当ブログのデザインをリニューアルしました。 あまりにもyStandardというこのテーマの使い勝手がよかったのがきっかけです。 WordPress初心者にも上級者にも超おすすめ 結論から言 …
コーディング 2017年9月21日 MAMPより簡単 3分でWordPressの開発環境をインストールできる"LOCAL"の使い方 世界のホームページの27%がWordpressになったそうです。 ここまでくるとWeb制作を仕事にしてなくても、管理画面の中をさわったことがある方は多いでしょう。 ローカル環境にWordPressをインストールすると、テ …
コーディング 2017年4月3日 WordPressのプラグインひとつで表示スピードが爆速化した「WP Fastest Cache」の使い方 どーもセブでエンジニアリングをしている僕です。 今日はWP Fastest Cacheというプラグインひとつ入れたらサイトスピードが爆速化した話です 設定画面もありますので、ご覧ください 結果からいうとPageSpeed …
コーディング 2017年3月31日 サムネイルがアニメーションしてループするスライダー よくサイトの横幅いっぱいに画像が流れていくやつをみます。 カルーセルスライダーと同じものなんですが、もっとダイエットしているシンプルなものを作りたかったので、調べていました。 じゃあ見つけました。 いつも参考にさせてもら …
コーディング 2017年3月31日 ブックマーク必須 コピペして使うCSSアニメーションのスニペット 「animista」の使い方 めっちゃアニメーションの微調整がめんどくさいWebデザイナーの平尾誠です。 とはいえ、Web制作においてアニメーションはユーザビリティにおいて、今やなくてはならない存在です。 でも公開間近にアニメーションを追加しろ!!な …
コーディング 2017年3月19日 レスポンシブでの画像の振り分け方 先日、Webデザイナーでおそらく知らない人はいないだろうブログ・Webクリエイターボックスを読んでいてobject-fitプロパティなるものが衝撃だった! 知らないCSSがまだまだ出てくるんだなーと。 1行追加でOK!C …
コーディング 2017年3月7日 実装あるある・YOUTUBEのサムネイルをオリジナル画像にしたい。 同じようなマークアップを何度かしたことがあります。youtubeのオリジナルサムネイル機能を使うとかそういう話ではなくて、iframeの上に画像を乗せてクリックしたら動画が始まるってやつを作ります。とってもシンプルなので …
コーディング 2017年3月5日 jqueryでsliderを自作するなら Webデザイナーの平尾誠です。シンプルなスライダーごときならわざわざプラグイン入れる方がめんどくさかったりする。 だから現場でサクッとコピペして使えるようにここにライブラリとしておいておきますので、みなさんもコピペして使 …
コーディング 2017年3月4日 jQueryで画面の一番下までスクロールしたかどうかを判定 Webデザイナーの平尾誠です。よくスクロールイベントを使うことがあるので備忘録。 jqueryを使って画面の一番下までスクロールしたかどうかを判定します。 ドキュメントの高さ – ウィンドウの高さ 単純に引いて値を求めて …
コーディング 2017年2月26日 Node.js初心者が使いやすいejsの便利なスニペット LIG.incのWebでデザイナー平尾誠です。フロントエンドの開発環境が近年複雑すぎてついていけていない僕です。HTMLでコーディングすると、特にwordpressを想定しているブログなんかのコーディングをするととっても …
コーディング 2017年2月25日 そのWordPress大丈夫?今すぐできるセキュリティ対策! Webデザイナーの平尾誠です。最近のフロントエンドはWordpressもさわれて当然みたいになってしまって悲しいです。そんでまたセキュリティ対策とか素人すぎて悲しいです。 割と頻繁にWordpressの脆弱性が見つかった …
コーディング 2017年1月27日 wordpressの管理画面の項目の消し方・ログインページのカスタマイズ 製作側にはとってもおなじみのこの画面。納品時にカスタマイズしてますか? ログイン画面をカスタマイズしてあげると、とってもオリジナル感が出て、喜んでいただけます。 また、Wordpress納品時に必要ない項目を消しておくと …