Highneeds

3D・Web・AIの実装を、事例とコードで追いかけるメディアです。

山口県山口市宮野上字森1814-1

コーポレートサイト

コンテンツ

  • 3Dサイト
  • スニペット
  • AIニュース
  • コラム

ツール

  • テンプレート配布
  • Web診断

サイト情報

  • 会社概要
  • お問い合わせ
  • プライバシーポリシー

© 2026 Highneeds

Highneeds
3DサイトスニペットAIニュースコラムブログテンプレートWeb診断

ブログ

WordPress・PHP・CSS・JavaScript まわりの実装メモ。詰まったところと解決したコードをそのまま残しています。

すべて（276）Wordpress（71）PHP（41）CSS（25）Web（22）Javascript（19）Jquery（17）Error（13）Django（12）Vagrant（11）git（10）BASH（9）HTML（7）Python（7）MySQL（7）Nuxt.js（6）SCSS（6）windows（6）conda（6）api（3）Docker（3）AWS（3）Vue.js（3）Laravel（3）Go（2）Blog（2）node（2）SNS（2）react（1）android（1）Security（1）macbook（1）seo（1）preimier-pro（1）Photshop（1）Bootstrap（1）zsh（1）matterport（1）Illustrator（1）Facebook（1）Instagram（1）

25件中 1〜24件を表示

2022/8/29

「css」iphoneでタップ時に黒い背景が出る問題解決

a{ -webkit-tap-highlight-color:rgba(0,0,0,0) !important; }

CSS
2022/1/30

【CSS】横スクロールバーを表示させない。

はじめに パンくずやタグを2列に折り返さずに、横スクロールバーで対応したい時があったのでメモとして残します。 横スクロールにする方法 下記コードでスマホの行の折り返しをなくし、macbookでも問題なかったです。 .wr

CSS
2022/1/15

【CSS】iphoneのsafariでinput内部に影ができてまう問題の解決方法

iphoneのsafariでinput内部に影ができてまう問題の解決方法です。 下記コードの記述で解決します。 -webkit-appearance: none;

CSS
2020/11/25

transitionの設定 css

01 transition-duration トランジション・デュレーション 変化が始まって終わるまでの時間を指定します。 02 transition-property トランジション・プロパティ 変化が適用されるCSS

前へ1 / 2次へ
CSS
2020/11/2

scroll magic

import Vue from ‘vue’ import “./style.scss”; //import “./css/main.css”; //import “./component/animatedModal.js

CSS
2020/11/2

アニメーション

.scroll-fade-origin { opacity : 0; transform: translateY(-20px); transition: all 1s; } .scroll-fade { opacity

CSS
2020/8/22

マスクアニメーションのやり方

https://designsupply-web.com/media/knowledgeside/5105/ html <div class=”mask_animation mask_wrap”> <d

CSS
2020/2/22

css メディアクエリ　レスポンシブ

@media screen and (max-width: 768px) { /* 768pxまでの幅の場合に適応される */ body { background-color:#f10010; } } @media sc

CSS
2020/2/4

【js】webサイト上で文字変更を行う

国・県・市のweb制作案件になど、高齢者向けのサイトを制作する際に、文字のフォントサイズを変更できるようにするシステムを導入することがあります。個人的には必要ないようにも感じますがそれはさておき、jsで実際のコードを書い

CSSHTMLJavascript
2019/8/8

ieでtable-cellのwidthが効かない場合

display:tableにしてるクラスに以下2つを追加する table-layout:fixed; width:100%;

CSS
2019/7/19

css アニメーション

cssだけでアニメーションを実行させるときの書き方。 アニメーションさせたいクラスとアニメーション実行させるためのkeyframesをかいていきます。 keyframeの設定 @keyframes animePC { 0

CSS
2019/5/31

font-family 丸ゴシック

{ font-family:”ヒラギノ丸ゴ Pro W4″,”ヒラギノ丸ゴ Pro”,”Hiragino Maru Gothic Pro”,”ヒラギノ角ゴ Pro W3″,”Hiragino Kaku Gothic Pr

CSS
2019/4/18

webフォント指定　自分用

游ゴシック体の場合 font-family: ‘游ゴシック体’, ‘Yu Gothic’, ‘YuGothic’,’Yu Gothic UI’,’ＭＳ ゴシック’,’ヒラギノ角ゴシック’,’Hiragino Sans’,

CSS
2019/4/3

ieエラー　position:absoluteの中身のwidth制御できない

cssで、absoluteの中身にul/liを追加して、liを横並びにしようとしたかった。 ie以外のブラウザではうまく表示できたがieではwidthを指定してあげないと、width幅が狭く改行されてしまう。 今回私の場

CSSError
2019/3/28

first-childについて

dd:first-childはできませんので、下記cssで記述しましょう。 dd:first-of-type

CSS
2019/3/28

grid flex

IE10ではみ出る要素が出た場合、要素に以下のコードを追加してあげる -ms-flex:0 1 auto; 【親要素】 display: grid 横幅の指定 //1列目が100px2列目が50px grid-templ

CSS
2019/3/18

styleの読み込み

<link rel=”stylesheet” type=”text/css” href=”example.css”>

CSS
2019/2/18

aタグを無効にする

LINKjavascript:void0

CSSJavascript
2019/2/4

icomoonの使い方

https://icomoon.io/

CSS
2019/1/8

css calc width (% – px)

.sample{ width : 98% ; /* IE8以下とAndroid4.3以下用フォールバック */ width : -webkit-calc(100% – 20px) ; width : calc(100%

CSS
2018/11/7

bootstrapのformだけをページに反映させたい

https://qiita.com/zaburo/items/8983993d173c51cb3827

CSS
2018/11/1

cssで画像やdivを中央に配置する方法

2 3 4 5 6 7 8 9 10 position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -moz-tran

CSS
2018/10/1

tableのレスポンシブの仕方

レスポンシブ時に、thもしくはtdにdisplay:blockをするだけ。

CSS
2018/9/13

【CSS】imgをhoverの際にzoomにする

.scale { width: 400px; height: 300px; overflow: hidden; } .scale img { -moz-transition: -moz-transform 0.5s li

CSS