フロントエンド

お役立ち

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ソースのアプリケーションで、重複しているスタイルコードを指摘してくれます。その部分をまとめることによってファイルの容量を抑え、軽量化が行えます。
HTML/CSS

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

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

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

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

【Web制作】HTML/CSSの独学方法【初心者向け】

ホームページを作成したい!という方のためにWeb制作の基礎となるHTMLとCSSの独学方法を紹介します。自分が実際に行った手順なので初心者の方の参考になれば幸いです。
スポンサーリンク