html-css-js一覧(1ページ目)［自分でなんとかするWeb］

html-css-js

bootstrap datepicker を曜日付きで出力するフォーマットの書き方
2017.07.19
曜日付きで出力するformat形式の書き方が、主に日本語サイトでどこにも記載されていなくて、当初どうやるのかすっごい迷って無駄な時間をつかったので備忘録として残す。結論として公式サイトのマニュアルに書いてありました。英語嫌いだから敬遠
html-css-js

Javascriptを難読化するツール
2017.05.22
Javascriptは特性上、ローカル環境から実行させる言語ですので、ソース見られると処理が一発でバレてしまうところがあります。適当に作ったものを、Webサイトの表示制御だけのJSとかなら特にソースを見られて困るなんて人はいないと思い
html-css-js

Font Awesomeを使用して項目横にアイコンを簡単に表示する
2017.04.04
スーパー便利なFont Awesome。これを使いだしてから、アイコンを画像で作成するなんてことはなくなりました。CDNで読み込んで表示するのでサイトの読み込みスピードも格段に速くなります。しかも設置も超簡単でオススメです。 DEMO
html-css-js

ブラウザのキャッシュを活用して、ページ読み込み速度をアップさせる
2017.04.04
PageSpeed Insightsで、初めて自分のWebサイトを調査してみると、以下のようにブラウザのキャッシュを活用するなんて提案がでてくるかと思います。これの対応はすごく簡単です。Expiresモジュールが使えるサーバーならば、.
html-css-js

ネタバレなコメント内容などをCSSなどで一旦隠してクリックしたら表示させる方法
2017.04.03
レビューサイト運営をしていて、コメントを受け付けていると結構ネタバレな内容で投稿してくる方がいます。初見の人がいきなりネタバレ内容が目に入ってしまうと、色々とまずい。クレームの種になっちゃいそうなものは、隠してしまって読みたい人はクリッ
html-css-js

jQuery-upload-fileで同名ファイルを上書きさせたい場合のカスタマイズ
2017.02.26
jQuery upload fileで同名のファイルがアップロードされると（１）の連番で別名保存されます。これはこれですばらしい機能だと思いますが、自分でカスタマイズしてユニークな名前で保存させるようにしていると同名でのデータの上書きを
html-css-js

入力フォームでcheckbox（チェックボックス）がチェックされると、隠していた要素を表示させるやり方
2016.06.08
色々と使い道があります。たとえば、投稿フォームで「送信」の前に「規約に同意する」とかのチェックボックスがよくありますが、この規約に同意するにチェックをしないと、送信ボタンが表示されないとか。そんな感じで色々とつかえると思います。デモ
html-css-js

ワンクリックでfaviconを簡単に作成できるサービス
2016.03.09
ただの備忘録です。favicon作るときはいつもここを使わせてもらっていますが、いつもブックマークし忘れて、どこだったかなと混乱してしまうので、自分の記事に書くことにしました。 favicon作る必要がでたら、このサイトで十分OKです。
html-css-js

Twitterが仕様変更してツイート数が吹き出しで表示されなくなったので、ボックス型や横並びデザインを崩さないようにする対処方法。
2015.11.25
なんか、今日自分のサイトのSNSボタンリンクをふとみたら、こんなんなってるんですよ。え？！またTwitter仕様変更したの？めんどくせ！って調べたら、どうやら2015年11月20日より、もうツイート数は表示しないよ！ってことになった
html-css-js

Javascriptを使ってランダムにバナーやテキストコンテンツを表示させる方法
2015.11.25
いわゆるランダムバナーってやつですね。広告バナーなんかで、固定表示しつづけるよりも、ページを読み込むたびに別のバナーが表示されるようにしたり、例えば自分のサイト内コンテンツの記事情報をランダムでおすすめしたりとか色々な使い方ができると思
html-css-js

ChromeおよびFirefoxでフォームを選択した際のフォーカスの線（アウトライン）を消す方法
2015.10.25
テキスト入力エリアで入力するときにフォームの枠線がでるじゃないですか。今は青い枠線。あれってユーザビリティ的にはあって親切なものだと思うけど、青色固定されるとサイトのデザインによっては壊滅的にあわなかったりすので、色を変更したくなるとき
html-css-js

HTML5のスターターテンプレートがすぐに作成できるサービス【Initializr】
2015.10.23
HTML5を用いてWebサイトを構築するとっかかりって真っ新な状態から一から考えてやるのは結構労力がかかりますよね。そういった煩わしさを解決してくれるのが、この「Initializr」っていうWebサービスです。 WebサイトやWebア
html-css-js

CSSで複数行テキストを垂直方向に中央寄せする方法
2015.10.12
例えば、ブログ記事一覧をリストで表示するとタイトル文章の長さがまちまちになっているので、二行にわたるタイトルもあれば、一行ですむタイトルもあって綺麗にそろっていない場合。記事タイトル記事タイトル記事タイトル記事タイトル記事タイトル記
html-css-js

CSSだけで縦横比率を保持したまま縮小しつつ、中央位置余白なく正方形にトリミングしたサムネイル画像を表示する方法
2015.09.15
この比率を維持したままサムネイル画像を表示するのは、昔から苦労していました。Jqueryで頑張ってみたりするんですが、JSだとタイムラグが発生しまったりで満足にいきません。また別方法でCSSで頑張ってみても、縦横比を保持したサムネイル画

1
2