BLOG

フロントエンド

動画をJavaScriptで操作する方法

| JavaScript
もう、動画をコンテンツとして扱うのが当たり前になってきましたよね。 そんなときに自動で動画を再生させたい的なときに困ったりしたことないですか? 例でいうとapple.comのサイトとかはスクロールして...

[PHP]配列のソート

| フロントエンド
PHPで配列のソートをちょいちょい使うのでメモをします。 最近はサーバーサイドのJSとか使って色々しちゃうんでしょうけど、こういうのもね。 今回は手順とかいらんかなって思って書き方だけどん! 連想配列...

WordPress リライトルール

| WordPress
通常のパーマリンク設定では実現しない時に、このアドレスでアクセスした時に、どの記事/ページにアクセスするというようなリライト設定をする。 URL的にこっちよりこっちのほうがっていうのは、まぁそのままW...

正規表現で日本語を引っ掛ける

| BLOGフロントエンド
正規表現で日本語を引っ掛けるってどうやるんだろうなぁ ひらがな・カタカナはなんとなくわかるよね [あ-ん] [ア-ン] とかかなって言う感じかなってやってみたけどなんか違った。 ちょくっと調べてみたら...

意外と知られていない CSSで番号出力

| HTML / CSS
リストとかで頭に数字を付けたりすることがあるとおもうんです こんな感じ 順番に出す場合 olつかったりして番号だしたり してますよねー もしくはsassとかでfor文つかったり こんな感じで使えますよ...

リロード無しでアドレスバーのURLの書き換え

| JavaScript
一時期、リロードせずにページを遷移するというのが流行ってたときがありましたけど、あれってどうやるんだろうなぁってさらっと思ってたんです。 それ用のプラグイン的なJavascriptをつかえばできるんで...

Animate cssが進化していた!

| HTML / CSS
フェードインやスライドインなどのちょっとしたアニメーションをつけるのに便利なのが「wow.js」と「animate.css」なんですが、この間仕事で、こいつを使う機会があって触ってたんですがいっこうに...

jsでのHTML要素をquerySelectorで簡単取得!

| JavaScript
HTML要素の取得はいままでjQueryで取得するのが簡単なので、それですることが多かったのですが、 jQueryのように取得できる「querySelector()」が便利だったのでご紹介! quer...

IE等でSVGが表示されない

| HTML / CSS
IEでSVGが表示されないことってないですか? あれってすごくなぞだったんですが、やっと解決しました。 原因 SVGにwidthとheightが入ってない 対策 SVGタグにwidthとheightを...

Browsersyncで自動リロードさせる

| フロントエンド
コーディング作業をしてて面倒なのが、ブラウザーのリロード作業。 みなさんも、作業してて少しでもその手間を省きたいと思いませんか? ってことで、自分用のメモも兼ねてここに記載。 準備 下記が必要になので...
PAGE TOP