うつ病WEBデザイナーがうつ病を克服するため独学で学んだことをアウトプットして共有するためのブログ

うつWEB

スクリプト

SEO WEBデザイン スクリプト

PHPでGoogle Suggest API 関連キーワード取得ツールを作ってみた話

2019/10/22  

ブログを書くときSEOでキーワードどうしようって思いますよね。 そんなときって、実際にGoogleの検索ボックスにブログに書きたいテーマのキーワード入れて、候補に出てくるのを調べたりしますけど、検索キ ...

animate.cssトップ画面

CSS iPhone WEBデザイン スクリプト

animate.cssでスクロールに合わせてアニメーション表示しようとしたらiPhoneで変な挙動になったけど解決したメモ

2019/10/1    , , ,

手軽にCSS3のアニメーション効果を導入できる「animate.css」って便利ですよね。導入も簡単だしアクションも面白いのでサイトにガンガン使いたい感じでいいです。 そこで、スクロールして表示された ...

JavaScript

WEBデザイン WORK スクリプト

JavaScriptとPHPで現在時刻をリアルタイムで時計表示する

2019/9/20    ,

WEBデザイナー歴ほぼ20年の皆川(@minagawa_osamu)です。 WEBデザイン・ホームページ制作に使える小技として、JavaScriptでリアルタイム時間表示するという記事を以前書きました ...

font awesome トップ

CSS WEBデザイン スクリプト

無料でいろんなアイコンをWebフォントとして使える「Font Awesome」が便利だなーって話

2019/10/22    

https://fontawesome.com/ カタカナで書くと、フォントオーサム。僕の名前は皆川オーサム。普通のWebサイトではあまり使う場面はないかもしれませんが、スマホアプリやブラウザアプリや ...

WEBデザイン スクリプト

現在時刻をリアルタイムで時計表示するJavaScript(jQueryで簡単)のメモ

2019/9/20    ,

JavaScriptではDate関数で現在時刻を取得して時間表示できますが、時間表示の形に整形するのがjQueryだとシンプルに記述できるのでメモ。 現在時刻をリアルタイム表示するJavaScript ...

WEBデザイン スクリプト

HTML5のaudioタグで効果音の出るボタンを設置する方法

2019/9/20    

クリックすると音がなるWebサイト。一昔前ならJavaアプレットでauファイルを読み込んで~、もしくはフラッシュで作ったり~とちょっと敷居が高い印象でしたが、HTML5では割と簡単に設置できますのよ。 ...

iPhone WEBデザイン スクリプト

Webデザイナーにおすすめ!HTML5とJavaScriptでスマホアプリ開発

2019/9/20    ,

スマホアプリ開発はJavaであったりObjectiveCといった言語のプログラミングスキルが必要ですが、Webデザイナー必須スキルのHTMLとJavaScriptを用いてアプリ開発をすることができます ...

WEBデザイン スクリプト

別ページ遷移時のアンカーリンク先にもアンカースクロールを施すJavaScript(修正版)

2019/10/18  

以前書きました「別ページへのアンカーリンクにもアンカースクロールを」ではアンカーリンク先の指定に「#」の代わりに「?」を使って~という手法で書きましたが、なんかややこしいやんけ!ということで、普通に「 ...

WEBデザイン アイデア スクリプト

ブログのタイトル一覧をリンク付きでリスト表示するJavaScript(jQueryは使う)

2019/9/20  

WordPressに限らず、アメブロでもライブドアブログでも、RSSフィードを出力するブログであれば大抵のブログのリストを取得して静的HTMLにもJavaScriptでインデックス表示させることができ ...

WEBデザイン スクリプト

ページ遷移はしないけどアドレスバーのURLが変化するあれのメモ

2019/9/21  

フォーム入力したりリンクをクリックしたとき、ページの切り替えがないけどなにかアクションが起こって、アドレスバーのURLが変わってる。ブラウザのバックボタンとか履歴にものこってるあれってどうなってるの? ...

no image

WEBデザイン スクリプト

インスタグラムのサムネイル画像をHTML内に一覧表示するメモ

2019/9/20  

お客様のHPにSnapwidgetというサービスを利用してインスタグラムのサムネイルを表示させていたのですが、「サムネをクリックしたらインスタのページにとぶようにならない?」とリクエストいただいたので ...

no image

WEBデザイン スクリプト その他

【Laravel】php artisan db:seed でハマったので抜け出したメモ

2019/9/20  

mixhost のレンタルサーバーでLaravelをアップし、データベースのmigrate完了。 続けてseedingを行ったが、 ssh で「php artisan db:seed」としても Ref ...

no image

スクリプト

【PHP】年・月を指定してその月の日数を求める

2019/9/20  

$year = (西暦4桁);$month = (月); date関数日付に "t” とすると、その月の最後の日付を取得できます。 $date = date('Y-m-t' , strtotime($ ...

WEBデザイン スクリプト

別ページへのアンカーリンクにもアンカースクロール機能をつけるJavaScript

2019/9/20  

<a href="#○○○">でリンクする「アンカーリンク」ですが、jQueryを利用してアンカーリンクの先頭まで自動でスクロールするという今となってはあって当たり前の機能ですよね。そのJ ...

no image

WEBデザイン スクリプト

【疑似レスポンシブ】ウィンドウ幅に合わせてページ全体を縮小するJavaScript

2019/9/20  

このサイトにも使用していますが、ウィンドウの幅が規定値以下になったら ウィンドウ幅に合わせてページ全体を縮小して、ウィンドウ内に収めるスクリプトです。 タブレットではPCと同じレイアウトで表示したいな ...

WEBデザイン スクリプト

スクロールしたとき、サイドメニューを上下端に固定するJavaScript

2019/9/20  

WEBデザインでメニューを設置するとき、ページ上部に帯状にグローバルナビゲーションを設置し、左右に300px前後の幅のサイドメニューを設置するパターンは少なくないですが、そのサイドメニューも、コンテン ...

Copyright© うつWEB , 2019 All Rights Reserved Powered by AFFINGER5.