ザ・サイベース心動く、デジタルデータを創造する。子育てお問い合わせCLOSEキーワードで記事を検索CLOSEHOMEWeb制作に関して書いた記事の中から読んでほしいものを厳選!Web制作に関して書いた記事の中から読んでほしいものを厳選!こんにちは。今でこそ雑多なブログと化してしまったんですが、当ブログは元々僕が会社員時代にWeb制作に関する情報を発信するブログとして開設したものだったのです。WordPressで運営する前は、Seesaaブログだったんですよね。2012年くらいのことだったと思うんですが、懐かしいです。過去に書いた記事がどうしても埋もれてしまいがちなので、これは読んでほしいという記事をピックアップしてまとめる試みをしてみます。まとめHTML、CSS、JavaScriptに関する記事テキストエディタ「SublimeText」に関する記事が多いんですが、まだ愛用している人がいれば、是非参考にしてください。僕は今でもSublimeText3を使っています。SublimeTextでCSSやJSファイルを圧縮する方法CSSやJavaScriptをminimize化(圧縮)する際、最近はGulpなどのタスクランナーで自動処理するエンジニアが多いかと思います。皆が皆タスクランナーを導入しているかといえばそうでもないし、案件によってはちょっとしたファイルのmin化が簡単にできたら便利だなーと思い、調べて導入したのがSublimeText3のプラグインでショートカット一発で実行する方法。style.min.css」みたいにしてくれます。Compressorを入れてみた。本当はHTMLよりも、音の波形をずっと眺めていたいTomicciです。今度は、逆にminimize化(圧縮)されたファイルを、読みやすく整形してくれる方法に関して記事を書きました。HTMLタグのインデントがめちゃくちゃなソースや、圧縮されたHTMLの可読性を高めるために使用できます。アメリカのthesaibase.comEmmetとLiveStyleを使って爆速コーディングHTMLコーディングの効率・速度を格段に効率するために、EmmetとLiveStyleの導入をオススメした記事。僕はここのところ、サイト開発よりも記事を書くことの方が多くてタスクランナーは使ってないんですが、SublimeText3でEmmetとLiveStyleは相変わらず使って、ちょっとしたサイトやブログの修正をしています。LiveStyleを使ったことがないの?HTMLやPHPを書いていることが多いとみっちです。EmmetとLiveStyleを使ってHTMLコーディングする方法を紹介します。Emmethesaibase.comSublimeTextでimgタグのwidthとheightを自動入力imgタグのwidthとheightを指定しておくと、色々とメリットがあるんですが、入力手間はなんとかならないものか...。そんな時にこのプラグインの出番ですよ!imgタグで読み込む画像のサイズから、widthとheightを自動入力してくれるのです!え!?まだimgタグのwidthとheightを手入力してるの?imgタグの数値を自動入力させる方法こんにちは。フリーランスでweb開発をしている「とみっち」です。一人で数十画面のHTMLコーディングすることとか多いんですが、これほど孤独で辛い戦いはないですよ...。最近HTMLばっかりthesaibase.comSublimeTextのEmmetで数値計算する方法SublimeTextの「Emmet」プラグインを利用すると数値計算ができるので、これもかなり便利。スマホ対応などで、横幅296pxの画像を半分に表示するには何pxにすればいいだろうかという時に、電卓を叩かなくていいわけ。暗算が得意な人は不要かもしれないですが、できるだけ間違えないように正確に計算したい人にはオススメですね。四捨五入もできる点に感激。ブログで記事を書くとき丁寧な口調をそろそろやめようかと悩んでいる@tomicciです。友達に話すように、優しく、そう、語りかけたい。さあ、今日は久しぶりのSublithesaibase.comCSSで未使用のセレクタを見つけるCSSを書いていて運用中に色々と設計が変わり、使わなくなるスタイルも多くありますよね。そのまま放置しておくと、どんどん散らかって管理しづらいソースになってしまいます。時々綺麗に整理して、管理しやすいソースを書きたいですよね。Chromeの開発者ツールを使えば、未使用となっているクラス名などを見つけることができますよ!CSSで未使用のセレクタを見つけて削除しちゃうよ!不要な記述をなくしてファイルサイズを減らそう一度リリースしたサイトがほったらかしで済むならいいんですけど、度重なる仕様変更や機能追加でCSSってカオスになりがちですよね。綺麗に書かれていないCSSに手を加えるとき、かなり大変だったりしますよね。できるだけ日常的に綺麗にthesaibase.comWordPressWordPressの有料テーマ「STORK(ストーク)」の紹介ブロガーに人気のWordPressテーマ「STORK」を当ブログに導入したので紹介しています!有料テーマですが、実際に導入してみて値段以上の価値を感じています。WordPressのテーマをSTORK(ストーク)に変更したので紹介してみるよ!フリーランスエンジニアからブロガー/アフィリエイターへと移行中のストーカーとみっちです。今回の記事thesaibase.comスライドショープラグイン以前受注した、とある学校のサイトリニューアル案件で、WordPressを使ったギャラリーページを作る必要がありました。無料利用、スマホに最適化されていること、デザインがシンプルかつ綺麗に見えるギャラリープラグインをまとめた記事です。