FullCalendarをそこそこカスタマイズしてみる。
前書き FullCalendarを結構使ったので、メモメモ。 Fullには使い切ってないけどね。 結構いろいろできるのね。まだまだよくわかんないけど。 やること 表示したいカレンダーの内容は以下...
69
66
Comment5
23 search resultsShowing 1~20 results
Stocked
You need to log-in
[メモ] sticky & Intersection Observer & opacityの併用はchromeでバグるっぽい
position: sticky (by css) -> スクロールして画面上部で固定。弟要素が上にかぶさる Intersection Observer (by js) -> 画面表...
1
0
Comment0
GridLayoutで、DefineListをいい感じに書いてみた
前おき お問い合わせフォームとか会社概要の会社情報の部分とか、 あとグルメサイトとか予約サイトの店舗詳細みたいなところのやつとかもそうかな。 ああいった、定義リストみたいな感じのものって、 みん...
0
0
Comment0
Sassで配列を入れ子にしたくなった
やりたいこと まあ、タイトルの通りです。 ループして使いたいものとか、変数の整頓上、入れ子にしたかったんです。 とりあえず、こんな色の変数たちでも置いておかせてください。 $c-black: #...
1
1
Comment0
netlify上にnuxt + netlify functionsで公開する
やること Netlify functionsを使って、ほぼ静的サイトにちょっとだけサーバーサイド欲しい気もする的なことをできるようにしました。 できあがりのディレクトリ構成 [root] ─ [...
0
0
Comment0
Dockerをはじめて導入してWordPressの環境を作ったよ
はじめに 以前職場(win10)でDockerを入れようとして＆入れてもらおうとして、 どうやらそこまでに入れていた他のアプリが邪魔をして入れられず。 おうちのPC(mac)にインストールするだ...
4
3
Comment0
FullCalendar with Vue で、イベントの日の日付数字に色をつける（例：日本の祝日）
前提 google calendar apiを利用してイベントを取得してFullCalendarによって作られたカレンダーに表示します。 今回は、日本の祝日を取得して休みの日の日付は赤にしたいな...
4
5
Comment0
Vue.jsでRadioButtonGroupコンポーネントを自作する
前提 なにがしたいの？ Vue.jsを利用していて、単品RadioButtonでことが済んでいたんだけれど(サーバーサイドテンプレートエンジンに対して、UIパーツを作る形でVue.jsを使ってい...
2
2
Comment0
Vue.jsのSPAをFlaskのバックエンドで支えて、Herokuで動かす！
前提 開発環境 mac OS X Python 3.7.1 pip 19.3.1 Pipenv, version 2018.11.26 (インストール：python -m pip install...
7
7
Comment0
メディアクエリをangularで設定するディレクティブ
どこかに誰か書いてそうで、意外となかったので、まとめてみたり。 （でも、まだangularよ〜わからん！な未熟者だったりするので(というか、jsが使いこなせない)、なんか微妙だったらご指摘くださ...
1
1
Comment2
メディアクエリをsassで設定するmixin
今まで 〜どんどんmixin作る 今まで、数値を変数にしたりしつつ、こんな感じのメディアクエリを作って使いまわしてましたが、 @mixin for-phone-only { @media (ma...
16
20
Comment0
javscript の matchMediaをaddListnerで呼び出した際の挙動について
javascript (with jQuery)で下記を書き、ページをロード後リサイズすると、 addClass('className') removeClass('className') は期...
0
0
Comment0
HerokuでWagtail（Django製CMS）を使うまでのあれこれ
この記事の書き始めの状態 freeでinstallして利用するCMSといえば、wordpress。 しかし、ちょっとなんか好きじゃない感があり…（がんばれよ、自分。） 別のものを使いたいな、と始...
7
4
Comment0
viewportによるサイズの設定と、アドレスバーのふるまいについて
やること 画面いっぱいにリキッドな構成でレイアウトしたいんだけど、スマートフォンのアドレスバーの挙動がよくわからん、、 ということで、どう書くとどうなるか検証。 前提 ・viewportは幅だけ...
5
3
Comment0
Laravel＆Vue.jsでSPAの下準備
やること Laravelの上にVue.jsを乗っけた（viewをVue.jsにお任せした）形でSPAを作成 →要ルーティングを設定 js、cssプリプロセッサ（scssを利用）のコンパイラとして...
23
29
Comment0
laravel5.5でemeil認証＋ソーシャルアカウント認証
前提 見た目を作ることしかわからない自分が勉強がてらやってみてログってる中身です。 これをやったらマズイのよ、という点がありましたらご指摘いただけると幸いですmm やること ・laravelデフ...
30
29
Comment0
この要素、:before :after、付けれる、付けれない、どっち？？
HTMLの各要素に擬似要素 ":before"":after"がつけれるかどうか、ぱっと見わかるドキュメントがなかったので（探しもれ？読み込み不足。。。？）作ってみました。 結果は→CODEPE...
8
5
Comment3
アイコンフォントをscssの配列とmixinでスッキリまとめてみよう
前程 ※FontAwsomeとかをまとめてドン！と入れて使っているのがOKな人には役に立ちません。 個人的にHTML側に [fa fa-xxx] など、パッケージのクラスを設定していくのが好きで...
2
4
Comment0
環境構築さっぱりなフロントデザイン/エンジニアがmacに乗り換えたついでに制作環境を作ったときにやったこと[vagrant/sublime]
前提（今までの振り返りと、設定への希望） 自分のPCだけで作業するローカルでパーソナルな環境です。 ローカル環境について 今まで、windows/xampp環境１つの中に全プロジェクトを入れてま...
2
1
Comment0
（メモ）position:sticky内のformにfocusあてたらスクロールしてしまう。
簡単なメモで恐縮です。 <section style="position:sticky; top:10px; z-index:10;"> <form> <input...
4
4
Comment0
23 search resultsShowing 1~20 results
Qiita is a knowledge sharing service for engineers.
- You can follow users and tags
- You can stock useful information
- You can make edit suggestions for articles