WEB制作

お役立ち

WEBサービスを1から作ってみる!

WEB制作の勉強やポートフォリオ用にWEBサービスを作りたいけど、手順が分からない・具体例が欲しいという方のために、自分が作成した進捗管理サービスを例に紹介していきます。困っている方の参考になれば幸いです。
jQuery

【jQuery】textareaの高さを自動でリサイズする「Autosize」

HTMLのtextareaの高さを自動でリサイズしてくれるjQueryプラグイン「Autosize」が良かったので紹介します。知っておくと便利な記述も書いています。見た目や機能にこだわりたい方は一度、試してみると良いかもしれません。
HTML/CSS

tablesorterのソートで連番を崩さない方法

テーブルを自動でソートしてくれるjQueryプラグイン「tablesorter」のソート機能で順位などの連番を崩さない方法を紹介します。内容はCSSのCountersを使用します。ほぼすべてのブラウザで使用することができるためオススメです。
スポンサーリンク
HTML/CSS

cssファイルを軽くする「CSSCSS」

cssファイルを軽くする方法の1つとして「CSSCSS」というアプリを紹介します。Rubyソースのアプリケーションで、重複しているスタイルコードを指摘してくれます。その部分をまとめることによってファイルの容量を抑え、軽量化が行えます。
2019.01.08
HTML/CSS

【CSS】positionについて分かりやすく解説してみた

CSSのpositionプロパティについて勉強がてら詳しく解説してみました。しっかりと理解すればサイトのデザイン性はかなり向上するので、是非とも使いこなせるようになっておきたいプロパティです。比較的新しいstickyについても書いています。
2019.01.08
jQuery

【jQuery】スライドコンテンツを作る

画面外からからスライドしてくるコンテンツの作り方を紹介します。jQueryを用いて制作しています。スライドメニューなど様々な作り方が存在するので1つの例として参考になれば幸いです。
2019.01.08
jQuery

ページがiframeで読み込まれているか判定する方法

ページがiframeで読み込まれているか否か判定する方法を紹介します。判定にはJavaScriptを使用します。親ページと子ページによって適用するデザインや挙動を変えたい場合なんかに役立つと思います。簡単に行えるのでオススメです。
2019.01.08
jQuery

親ページからiframe内の画像をモーダルウインドウ化

親ページからiframe内の画像をクリックすると親ページの画面全体にLightboxのようなモーダルウィンドウで画像を中央表示してくれる方法を紹介します。jQueryを使って実装しました。
2019.01.08
フリーソフト/ブラウザetc

WordPressローカル環境ツール「Local by Flywheel」が便利

WordPressのローカル環境を作成する「Local by Flywheel」が超便利だったので素晴らしい点と導入方法を紹介します。無料で利用でき、複数のローカル環境を作成することが可能です。また、動作もサクサクで使いやすいです。
2019.01.08
お役立ち

【Web制作】WordPress/PHPの独学方法【初心者】

ホームページを作成したい!という方のためにWordPressとデザイン用のPHPの独学方法を紹介します。ワードプレスを使えるようになりたい方は事前知識の必要はありませんが、デザインもしたい方はHTMLとCSSの知識が必要です。
2019.01.08
スポンサーリンク
タイトルとURLをコピーしました