お役立ちWEBサービスを１から作ってみる！
WEB制作の勉強やポートフォリオ用にWEBサービスを作りたいけど、手順が分からない・具体例が欲しいという方のために、自分が作成した進捗管理サービスを例に紹介していきます。困っている方の参考になれば幸いです。
プログラミング
お役立ち
jQuery【jQuery】textareaの高さを自動でリサイズする「Autosize」
HTMLのtextarea の高さを自動でリサイズしてくれるjQueryプラグイン「Autosize」が良かったので紹介します。知っておくと便利な記述も書いています。見た目や機能にこだわりたい方は一度、試してみると良いかもしれません。
HTML/CSStablesorterのソートで連番を崩さない方法
テーブルを自動でソートしてくれるjQueryプラグイン「tablesorter」のソート機能で順位などの連番を崩さない方法を紹介します。内容はCSSのCountersを使用します。ほぼすべてのブラウザで使用することができるためオススメです。
HTML/CSScssファイルを軽くする「CSSCSS」
cssファイルを軽くする方法の1つとして「CSSCSS」というアプリを紹介します。Rubyソースのアプリケーションで、重複しているスタイルコードを指摘してくれます。その部分をまとめることによってファイルの容量を抑え、軽量化が行えます。
HTML/CSS【CSS】positionについて分かりやすく解説してみた
CSSのpositionプロパティについて勉強がてら詳しく解説してみました。しっかりと理解すればサイトのデザイン性はかなり向上するので、是非とも使いこなせるようになっておきたいプロパティです。比較的新しいstickyについても書いています。
jQuery【jQuery】スライドコンテンツを作る
画面外からからスライドしてくるコンテンツの作り方を紹介します。jQueryを用いて制作しています。スライドメニューなど様々な作り方が存在するので1つの例として参考になれば幸いです。
お役立ち【Web制作】WordPress/PHPの独学方法【初心者】
ホームページを作成したい！という方のためにWordPressとデザイン用のPHPの独学方法を紹介します。ワードプレスを使えるようになりたい方は事前知識の必要はありませんが、デザインもしたい方はHTMLとCSSの知識が必要です。
お役立ち【Web制作】HTML/CSSの独学方法【初心者向け】
ホームページを作成したい！という方のためにWeb制作の基礎となるHTMLとCSSの独学方法を紹介します。自分が実際に行った手順なので初心者の方の参考になれば幸いです。
製品紹介＆レビューProgate(プロゲート)で1ヶ月学んだ結果
オンラインプログラミング学習サビースのProgate(プロゲート)で1ヶ月間、プログラミングの勉強をしたのでどこまでできるようになったかというのと、簡単な比較＆評価をします。