ウェブ制作

ウェブ制作

【Swiper】最初に表示されるスライドを変更したい場合の指定方法

はるSwiperでスライダーを作成時に、読み込みと同時に表示される最初のスライドを指定したい場合のやりかたを毎回ドキュメントから探すので覚えるためにもメモメモパラメーターの『initialSlide』に何番目のスライドかの数字を指定しること...
ウェブ制作

aタグでGoogleカレンダーに予定を登録ボタンの作成方法

Googleカレンダーに予定を追加するボタンをGoogleカレンダーAPIを使わずに、aタグに特定のURLとパラメーターの設定で作る方法を紹介したと思います。aタグで作る予定を登録ボタンの作り方ベースとなるURLhttp://www.goo...
ウェブ制作

【2021年】コーディングを加速させるCSSジェネレーターまとめ

CSSの細かい設定をビジュアル的に操作しソースコードを出力してくれるジェネレーターを紹介したいと思います。グラデーションCSSGradienPhotoshopのグラデーション設定のように指定ができるCSSでのグラデーションジェネレター。UI...
ウェブ制作

LaravelMixでAutoprefixでgridを有効化したい時の設定

はる僕は、フロントエンドの開発環境でLaravelMixを普段使用しています。そのLaravelMixでCSSのGridレイアウトを使用するときに、AutoprefixでIE11対応するときの設定をメモ!STEP1:webpack.mix....
ウェブ制作

ScrollMagicをES6で使用する方法・webpack (laravelmix) での使い方メモ

はる普段、フロントエンドのローカル開発環境LaravelMixを使用していて、JavaScriptはBabelを通して記述しています。その際にScrollMagicを使った時、つまづいたのでメモメモ各種モジュールをインストールnpmまたはy...
ウェブ制作

Yoast SEO の コメントを消す方法『This site is optimized with the Yoast WordPress SEO plugin』

『ThissiteisoptimizedwiththeYoastWordPressSEOplugin』を消したい!YoastSEOはかなり便利で仕事でもプライベートでも愛用しています。使用していて気になったのが、下記のコメントで出力<!--...
ウェブ制作

WordPressのプラグインのフォルダ場所・URLの変更方法

はるwp-config.phpに『WP_PLUGIN_DIR』と『WP_PLUGIN_URL』の二つの定数を指定することで、変更できます!【結論】プラグインのフォルダ場所を定数で変更結論から言うと、2つの定数を指定することで変更できます。例...
ウェブ制作

laravel mix 6 でIE11エラー『Exception thrown and not caught』の対処法

laravelmix6でpolyfillを使用していて、version5から6にアップグレードしたらIE11でJSエラーが出るようになった。エラーがSCRIPT5022:Exceptionthrownandnotcaughtとでる。Babe...
ウェブ制作

【HTML・CSS入門】プロフィールページを作りながらはじめてホームページ制作(その7-CCSの共通ファイル化)

前回まで、マークアップしたHTMLのindex.htmlに対してstyleタグを使って、CSSを記述してきました。今回は、links.htmlに対してもCSSを適応して装飾していきたいと思います。しかし、現在の書き方だとindex.html...
ウェブ制作

wordmoveを使うときの注意点を日々まとめていく用の記事

はるこんにちは。はるです。wordmoveを使うようになり、wordmoveの癖やルールをこの記事でまとめていきます。記事を書いた後も、何か見つけたらこの記事に更新していきます。wordmoveとdockerの組み合わせのローカル開発環境の...
ウェブ制作

【HTML・CSS入門】プロフィールページを作りながらはじめてホームページ制作(その6-CSSとは)

はるコンニチハ。ハルデス。今回ハ、ヤットCSSヲマナブヨ。長イケド、ガンバリマショウ。今回で、やっとCSSを使います!見た目をきれいにしておしゃれなWebサイトのにしていきましょう。CSSの説明をした後に、今までのHTMLにCSSで装飾しな...
ウェブ制作

【HTML・CSS入門】プロフィールページを作りながらはじめてホームページ制作(その5-ページの追加)

はるこんにちは。現役フロントエンジニアのはるです!リンクを使い遷移について学びましょう。今回は、Webページを増やしリンクを使いページ遷移をさせます。リンクの基本的な使い方を学びながら、リストタグ使いさまざまなリストの使い方を学びます。この...