アプリ開発からお金の節約まで幅広く気になったネタを記録していきます

さくらいらぼ

「Web制作」 一覧

Javascript

Web制作

古いサイトでたまに見かけるaタグ「javascript:void(0);」の意味【WEB制作】

2019/4/26    , ,

Javascript 古いサイトの修正をするときに見かけることがあるのが 「javascript:void(0);」 aタグの画面遷移を無効化するために使われていますが、 どんなメリット・デメリットがあるのでしょうか。 「javascript:void(0);」のメリット ・aタグのhrefに書き込むとaタグの画面遷移を無効化 ・カーソルが「指カーソル」の形になるのでボタンの画像が視覚的に”押すも ...

Web制作

【Web制作】IE11でFlexboxが横並びにならなくてハマる

2019/4/12    , ,

IE11でflexboxが横並びにならないとお客さん側から苦情が来てしまいました… 事前にIEはチェックしなくて良いと聞いていたので油断してましたね。 結論としては 「display: flex;」の記述が抜けていたこと。 IEだしdisplay:-ms-flex を書いておけば良いものだと勘違いしていたんですね。 IE11ではdisplay:-ms-flex;が読み込まれずにいて、 そもそもの「 ...

Web制作

CSSでレイアウトしたときにリンクの指マークが表示されないときはZ-indexを確認【Web制作】

2019/3/18    ,

WEBブラウザはリンク要素の上にマウスカーソルを乗せると 矢印から指マークへ切り替わります。 マウスカーソル リンクカーソル CSSを編集しているときに何度やっても指マークが表示されなくなる不具合が起こることがあります。 その時の解決方法を記載します。 CSSでレイアウトしたときにリンクの指マークが表示されない原因はZ-index よくよく考えれば当たり前なのですが、他のことでいっぱいいっぱいにな ...

「Lity」の使い方。画像や動画を簡単に強制ポップアップ表示させるJSライブラリー【WEB制作】

Web制作

「Lity」の使い方。画像や動画を簡単に強制ポップアップ表示させるJSライブラリー【WEB制作】

2019/3/14    , ,

「Lity」の使い方。画像や動画を簡単に強制ポップアップ表示させるJSライブラリー【WEB制作】 LityはjQueryを利用したLightbox系のJavaScriptライブラリです。 ポイント ・画像、インラインコンテンツ、iframe、動画URLをポップアップ表示できる ・3kBと超軽量 ・レスポンシブ対応 ・利用にはjQuery本体が必要。 ・MIT license. Lityを使うとどう ...

Web制作

【Web制作】Floatレイアウトを卒業するためのFlexboxのまとめ

2019/3/12    , ,

Flexboxを使っているWEBサイトが増えてきました。 ちょっと勉強しなくなると進化についていけなくなりますね。

Web制作

【WEB制作】Lightboxの実装方法。かっこいい画像ギャラリーがJavaScriptの知識なしで簡単実装できる

2019/3/8    , ,

LightboxはjQueryを利用したJavaScriptライブラリ。 最近は見かける機会が減ってきましたが、写真を押すと写真が拡大表示されて 黒背景に写真が等倍で表示される「写真の見栄えをよくできる」ライブラリです。 サムネイルを押すと、大きい画像が等倍にリサイズされながらフェード処理されて表示されるので 動きがあり非常に見栄えが良いのがポイント高いです。 JavaScriptの専門知識がまっ ...

Web制作

さくらドメインコンパネにWPXレンタルサーバーのネームサーバーを設定する方法

2017/9/29    ,

さくらドメインコンパネにWPXサーバーのネームサーバーを設定する方法

Web制作

お名前.comのVPSでのWordPress移行作業

お名前.comのVPSでのWordPress移行作業

Web制作

お名前.comのVPS(KVM)プランでページ表示速度を上げてSEO対策

お名前.comのVPS(KVM)プランでページ表示速度を上げてSEO対策

Web制作

自分のブログファンを増やすためにプロフィールシェアボタンを記事の下へ置こう。

2014/6/25    ,

自分のブログファンを増やすためにプロフィールシェアボタンを記事の下へ置こう。

mac Web制作 アプリデザイン レビュー

アプリデザイナー必須のSlicyでPhotoshopのスライス作業効率が30倍になる!

2014/6/16    

かったるいPhotoshopのスライスから解消

Web制作

Feedlyボタンをブログに設置する方法

2014/1/8    , ,

Feedlyボタンをブログに設置する方法

Web制作

ウェブ作成時にMacで画面上の色を拾って16進法でコピーする方法

ウェブ作成時にMacで画面上の色を拾って、16進法でコピーする方法

Web制作

レスポンシブ対応CSSモジュールフレームワークPure

レスポンシブ対応CSSモジュールフレームワークPure

Web制作 Wordpress

エックスサーバーからシックスコアサーバーへのWordPress移行手順

エックスサーバーからシックスコアサーバーへのWordPress移行手順

Copyright© さくらいらぼ , 2019 All Rights Reserved.