iframeの中のaタグをクリックした際に、iframeの高さを遷移したページの高さ分に変更させる
iframe内のaタグをクリック iframe内のページ遷移 ページの高さによって、元ページでの高さを変更 のような挙動を実装した時にiframeについて理解することができたので、その時に行った...
0
0
Comment0
22 search resultsShowing 1~20 results
Stocked
You need to log-in
アンパンマンをcssで描く
cssで初めてキャラクターを制作したので、その時に行ったことについて紹介します。 制作物 See the Pen face-anpanman by miwa_shuntaro (@miwash...
1
1
Comment0
vue-youtubeを使用して、複数のモーダル上で動画を再生させる
実装結果 git映像 実装サイトURL 実装コード ディレクトリ src ├── App.vue ├── assets │ └── scss │ └── main.scss ├─...
10
10
Comment0
Barba.js(v2)を使ってネイティブ風な動きを実装する
非SPAのサイトでネイティブ風な動きを実装したいと思い、Barba.jsを使ったので、その時に対応したことなどメモ。 完成したもの gifなので、速度は結構早いですが、、、 行った手順 Barb...
25
25
Comment0
storybook for htmlを使って簡単にコンポーネントのカタログを作成する
対象読者 React.js,Vue.jsを使っていないプロジェクトでstorybookを導入したいけどやり方がわからない人 マークアップ言語 + JavaScriptちょっとわかる人 story...
55
43
Comment0
ESlint, prettierを使ってjavascript, vueのコード品質を保つ
scssのコード品質については stylelint,prettierを使ってscssのコード品質を保つ - Qiitaを参考。 また、.jsと.vueが混在しているプロジェクトを想定。(.jsに...
7
4
Comment1
stylelint,prettierを使ってscssのコード品質を保つ
scssのみでjsについての変更・設定はなし stylelint, prettierのインストール $ yarn add stylelint stylelint-config-standard ...
14
17
Comment0
gulp v4でgulp.taskを使わないで記載してみる
gulpv4でgulp.taskが非推奨とのことだったので、少し変更したときのメモ。 前提条件 html,cssを動かしたいだけなので、pug,scssの変換のみ(js,imgなどはなし)。 フ...
8
12
Comment0
弊社のアイコンをwebフォントで使いたい。
やろうと思ったきっかけ photoshopでの のようなアイコンを毎回切り取ったりして使うのは面倒くさい。 （ものによっては別の色のバージョンも必要。） だからといってfont-awesomeで...
4
4
Comment0
stylusについて
stylusとは？ StylusはSassとLessのいいとこどりと言われているCSSメタ言語の一つ。 SASS記法、SCSS記法のどちらでも記入することができるので、.sassか.scssを記...
79
71
Comment0
three.jsを軽くさわってみる
「PORT」アドベントカレンダー2日目。 今年の4月に新卒でフロントエンドエンジニアとして入った三輪です。 案件で軽くthree.jsについてさわる機会があったので、共有していきたいと思います。...
21
9
Comment0
Nuxt.jsのstorybookを見やすくカスタマイズする
storybookにaddons.jsを追加する touch .storybook/addons.js この時点ではまだ何も記載していません。 storybook上でコードを確認できるようにする...
21
19
Comment0
Vueのオプション構成・ライフサイクルダイアグラム
Vueのオプション構成 マウントで使用する要素 elはアプリケーションを紐づける要素のセレクタ new Vue({ el: '#app' }) アプリケーションで使用するデータ dataはアプリ...
2
2
Comment0
mix-blend-mode
mix-blend-modeについて DOMエレメントを重ねた時の見え方を指定するCSSプロパティ PhotoshopやIllustratorで使うオーバーレイがcssできる 対応状況 参考：h...
6
0
Comment0
font-sizeについてのまとめ
個人的にはpxしか使いたくないが、いろいろメモ font-sizeで使うことができるサイズ px font-sizeを絶対に指定するためのもの 環境によってfont-sizeが変更されることなし...
14
12
Comment0
配色で困った時に！色を作る上で必要なこと
色がもつイメージについて 赤色 色のもつ効果 パワー、愛、情熱、革命、生命力 プラス面 刺激を与える、興奮させる マイナス面 激しさ、怒り、頑固、疲労 メモ 停止、危険や禁止を表す標識やサインに...
7
4
Comment0
よく使用するURLのメモ（HTML,CSSがメイン）
.gitignore系の設定一覧 HTMLの効果系 特殊文字の一覧 普通のHTMLをJade(pug)に変換するwebサービス （↑のリンクが切れていたら） http://html2jade.h...
1
4
Comment0
cssアニメーションについて
CSS TransitionとCSS Animationの2つの機能がある。 CSS Transition,Transform 単純な動きのアニメーションを実装する時に利用する。 トグルボタン、...
2
4
Comment1
矢印のキー入力
上矢印 zk ・・・ ↑ 右矢印 zl ・・・ → 下矢印 zj ・・・ ↓ 左矢印 zh ・・・ ← ※全て全角で入力
0
0
Comment0
EJSの基本的な書き方
<% %> EJS内でjavascriptのコードを記入する index.ejs <% const print = "出力はされません" %> index.html 出力...
106
92
Comment0
22 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