Web Design KOJIKA17
https://kojika17.com/
2021-07-20
劇薬の The New CSS Reset
https://kojika17.com/2021/07/css-for-strong-poison.html
2021-07-20
2021-07-20
劇薬の The New CSS Reset
kojika17
- 劇薬の The New CSS Reset -]]>
Sassを@importから@useに置き換えるための手引き
https://kojika17.com/2020/05/next-generation-sass-module-system.html
2020-05-26
2020-05-26
Sassを@importから@useに置き換えるための手引き
kojika17
- Sassを@importから@useに置き換えるための手引き -]]>
Container Queriesという手法 / CSS Advent Calendar 2019
https://kojika17.com/2019/12/css-container-queries.html
2019-12-23
2019-12-23
Container Queriesという手法 / CSS Advent Calendar 2019
kojika17
- Container Queriesという手法 / CSS Advent Calendar 2019 -]]>
レスポンシブwebデザインのコーディングでやってること
https://kojika17.com/2018/12/responsive-web-design.html
2018-12-28
2018-12-28
レスポンシブwebデザインのコーディングでやってること
kojika17
- レスポンシブwebデザインのコーディングでやってること -]]>
宣言ブロックのCSS設計
https://kojika17.com/2017/07/css-architecture.html
2017-07-18
2017-07-18
宣言ブロックのCSS設計
kojika17
- 宣言ブロックのCSS設計 -]]>
Webデザイナーに最低限知っておいてほしい、検索と置換(正規表現)
https://kojika17.com/2016/05/regular-expressions.html
2016-05-21
2016-05-21
Webデザイナーに最低限知っておいてほしい、検索と置換(正規表現)
kojika17
- Webデザイナーに最低限知っておいてほしい、検索と置換(正規表現) -]]>
リモートWeb開発者ツール「Vorlon.JS」
https://kojika17.com/2015/11/vorlonjs.html
2015-11-18
2015-11-18
リモートWeb開発者ツール「Vorlon.JS」
kojika17
- リモートWeb開発者ツール「Vorlon.JS」 -]]>
HTML/CSSを素早く記述する「Emmet」の連載をはじめてました
https://kojika17.com/2015/07/emmet.html
2015-07-22
2015-07-22
HTML/CSSを素早く記述する「Emmet」の連載をはじめてました
kojika17
- HTML/CSSを素早く記述する「Emmet」の連載をはじめてました -]]>
Sassで視覚的にレイアウトを変更してみる
https://kojika17.com/2015/05/sass-grid-layout.html
2015-05-22
2015-05-22
Sassで視覚的にレイアウトを変更してみる
kojika17
- Sassで視覚的にレイアウトを変更してみる -]]>
画像をCSSで斜めにマスクした時の知見
https://kojika17.com/2015/04/css-transforms.html
2015-04-10
2015-04-10
画像をCSSで斜めにマスクした時の知見
kojika17
- 画像をCSSで斜めにマスクした時の知見 -]]>
CSSで2カラムを作ってみる
https://kojika17.com/2014/07/two-column-css-layout.html
2014-07-04
2014-07-04
CSSで2カラムを作ってみる
kojika17
- CSSで2カラムを作ってみる -]]>
LiveReload から BrowserSync に乗り換えてる
https://kojika17.com/2014/06/browser-sync.html
2014-06-24
2014-06-24
LiveReload から BrowserSync に乗り換えてる
kojika17
- LiveReload から BrowserSync に乗り換えてる -]]>
タスクランナーで、WordPress を LiveReload する
https://kojika17.com/2014/05/livereload-for-wordpress.html
2014-05-29
2014-05-29
タスクランナーで、WordPress を LiveReload する
kojika17
- タスクランナーで、WordPress を LiveReload する -]]>
Microdataなどの構造化データ マークアップについて
https://kojika17.com/2014/05/about-structured-data-markup.html
2014-05-21
2014-05-21
Microdataなどの構造化データ マークアップについて
kojika17
- Microdataなどの構造化データ マークアップについて -]]>
ここ数年のブラウザのデフォルトスタイルシート。縦書きとかHTML5とか。
https://kojika17.com/2014/02/ua-style-sheets.html
2014-02-05
2014-02-05
ここ数年のブラウザのデフォルトスタイルシート。縦書きとかHTML5とか。
kojika17
- ここ数年のブラウザのデフォルトスタイルシート。縦書きとかHTML5とか。 -]]>
Autoprefixerによる、CSS3の管理
https://kojika17.com/2014/01/autoprefixer.html
2014-01-08
2014-01-08
Autoprefixerによる、CSS3の管理
kojika17
- Autoprefixerによる、CSS3の管理 -]]>
IDを使わないCSSの設計
https://kojika17.com/2013/09/dont-use-ids.html
2013-09-10
2013-09-10
IDを使わないCSSの設計
kojika17
- IDを使わないCSSの設計 -]]>
イラレのアピアランスで作れたアイコンが凄かったので、HTMLとCSSで模写した。
https://kojika17.com/2013/08/4lines-css-camera.html
2013-08-07
2013-08-07
イラレのアピアランスで作れたアイコンが凄かったので、HTMLとCSSで模写した。
kojika17
- イラレのアピアランスで作れたアイコンが凄かったので、HTMLとCSSで模写した。 -]]>
floatを解除する手法のclearfix と 次世代のレイアウトの話
https://kojika17.com/2013/06/clearfix-2013.html
2013-06-20
2013-06-20
floatを解除する手法のclearfix と 次世代のレイアウトの話
kojika17
- floatを解除する手法のclearfix と 次世代のレイアウトの話 -]]>
Web制作で面倒な作業を自動化するビルドツール、Grunt v0.4 入門
https://kojika17.com/2013/03/grunt.js-memo.html
2013-03-14
2013-03-14
Web制作で面倒な作業を自動化するビルドツール、Grunt v0.4 入門
kojika17
- Web制作で面倒な作業を自動化するビルドツール、Grunt v0.4 入門 -]]>
CSSの変態向き - ID, classを顔文字でコーディングする方法
https://kojika17.com/2013/03/kaomoji_selectors.html
2013-03-05
2013-03-05
CSSの変態向き - ID, classを顔文字でコーディングする方法
kojika17
- CSSの変態向き - ID, classを顔文字でコーディングする方法 -]]>
ベンダープレフィックスの順序
https://kojika17.com/2013/02/ordering-vender-prefix.html
2013-02-22
2013-02-22
ベンダープレフィックスの順序
kojika17
- ベンダープレフィックスの順序 -]]>
文章作成やメモ書きにも便利、Markdown記法
https://kojika17.com/2013/01/starting-markdown.html
2013-01-23
2013-01-23
文章作成やメモ書きにも便利、Markdown記法
kojika17
- 文章作成やメモ書きにも便利、Markdown記法 -]]>
Sass と Stylus の比較 <br>CSS Preprocessor Advent Calendar 2012
https://kojika17.com/2012/12/sass-vs-stylus.html
2012-12-19
2012-12-19
Sass と Stylus の比較 <br>CSS Preprocessor Advent Calendar 2012
kojika17
- Sass と Stylus の比較 <br>CSS Preprocessor Advent Calendar 2012 -]]>
CSS3で、ボールが反射するゲームを作ったよ。 <br>CSS Programming Advent Calendar 2012
https://kojika17.com/2012/12/css-programming.html
2012-12-11
2012-12-11
CSS3で、ボールが反射するゲームを作ったよ。 <br>CSS Programming Advent Calendar 2012
kojika17
- CSS3で、ボールが反射するゲームを作ったよ。 <br>CSS Programming Advent Calendar 2012 -]]>
IE8から始めるテーブルレイアウト と IE10からのFlexible Box
https://kojika17.com/2012/11/start-a-table-layouts-from-ie8.html
2012-11-08
2012-11-08
IE8から始めるテーブルレイアウト と IE10からのFlexible Box
kojika17
- IE8から始めるテーブルレイアウト と IE10からのFlexible Box -]]>
CSSの記述を高速化する、Emmet (Zen-Coding)
https://kojika17.com/2012/10/css-speedstar-for-emmet.html
2012-10-18
2012-10-18
CSSの記述を高速化する、Emmet (Zen-Coding)
kojika17
- CSSの記述を高速化する、Emmet (Zen-Coding) -]]>
Zen-Codingの次期バージョン、Emmet について
https://kojika17.com/2012/09/zen-coding-next-emmet.html
2012-09-19
2012-09-19
Zen-Codingの次期バージョン、Emmet について
kojika17
- Zen-Codingの次期バージョン、Emmet について -]]>
デフォルトスタイルシートから考える、リセットCSSの留意点
https://kojika17.com/2012/09/reset-css-from-default-style-sheet.html
2012-09-05
2012-09-05
デフォルトスタイルシートから考える、リセットCSSの留意点
kojika17
- デフォルトスタイルシートから考える、リセットCSSの留意点 -]]>
CSS: marginの正しい理解
https://kojika17.com/2012/08/margin-of-css.html
2012-08-27
2012-08-27
CSS: marginの正しい理解
kojika17
- CSS: marginの正しい理解 -]]>
Zen-Coding、0.7のすすめ
https://kojika17.com/2012/07/zen-coding-ver07.html
2012-07-01
2012-07-01
Zen-Coding、0.7のすすめ
kojika17
- Zen-Coding、0.7のすすめ -]]>
CSS3で、ダミーテキストを簡単に表示できるのか?
https://kojika17.com/2012/06/dummy-text-generate-for-css3.html
2012-06-14
2012-06-14
CSS3で、ダミーテキストを簡単に表示できるのか?
kojika17
- CSS3で、ダミーテキストを簡単に表示できるのか? -]]>
WordPress vs MovableType という疑問
https://kojika17.com/2012/05/wordpress-and-movabletype.html
2012-05-31
2012-05-31
WordPress vs MovableType という疑問
kojika17
- WordPress vs MovableType という疑問 -]]>
このブログのコーディングガイドライン[旧]
https://kojika17.com/2012/04/coding-guidelines.html
2012-04-30
2012-04-30
このブログのコーディングガイドライン[旧]
kojika17
- このブログのコーディングガイドライン[旧] -]]>
検索エンジン用サイトマップ(sitemap.xml)の作成方法
https://kojika17.com/2010/07/sitemap-xml.html
2010-07-12
2010-07-12
検索エンジン用サイトマップ(sitemap.xml)の作成方法
kojika17
- 検索エンジン用サイトマップ(sitemap.xml)の作成方法 -]]>
CSSや画像の命名規則について
https://kojika17.com/2012/02/naming.html
2012-02-09
2012-02-09
CSSや画像の命名規則について
kojika17
- CSSや画像の命名規則について -]]>
Arialについて #LOVEFONT
https://kojika17.com/2011/11/arial.html
2011-11-29
2011-11-29
Arialについて #LOVEFONT
kojika17
- Arialについて #LOVEFONT -]]>
HTML5の新要素「data要素」に繋がる Microdataのプロパティについて
https://kojika17.com/2011/10/html5-microdata-data-element.html
2011-10-31
2011-10-31
HTML5の新要素「data要素」に繋がる Microdataのプロパティについて
kojika17
- HTML5の新要素「data要素」に繋がる Microdataのプロパティについて -]]>
ロゴマークの暗黙知について - Webサイトの上部にリンクは必要か? -
https://kojika17.com/2011/09/implicit-knowledge-for-logo.html
2011-09-28
2011-09-28
ロゴマークの暗黙知について - Webサイトの上部にリンクは必要か? -
kojika17
- ロゴマークの暗黙知について - Webサイトの上部にリンクは必要か? - -]]>
Meta Descriptionで正しく遊ぶ方法について調査してみた。
https://kojika17.com/2011/09/meta-description.html
2011-09-25
2011-09-25
Meta Descriptionで正しく遊ぶ方法について調査してみた。
kojika17
- Meta Descriptionで正しく遊ぶ方法について調査してみた。 -]]>
Webデザイナーでもできる、サイトのパフォーマンスをあげる5つの方法
https://kojika17.com/2011/08/web-site-performance.html
2011-08-28
2011-08-28
Webデザイナーでもできる、サイトのパフォーマンスをあげる5つの方法
kojika17
- Webデザイナーでもできる、サイトのパフォーマンスをあげる5つの方法 -]]>
WordPressのレイアウトをマウスだけで変更できてしまう「PressWork」
https://kojika17.com/2011/08/presswork.html
2011-08-27
2011-08-27
WordPressのレイアウトをマウスだけで変更できてしまう「PressWork」
kojika17
- WordPressのレイアウトをマウスだけで変更できてしまう「PressWork」 -]]>
デザインの基礎、黄金比から大和比、第2黄金比まで
https://kojika17.com/2011/08/type-of-ratio.html
2011-08-16
2011-08-16
デザインの基礎、黄金比から大和比、第2黄金比まで
kojika17
- デザインの基礎、黄金比から大和比、第2黄金比まで -]]>
最適な画像の書き出しは、JPG, GIF, PNG、どれを使うべきか
https://kojika17.com/2011/07/image-format.html
2011-07-26
2011-07-26
最適な画像の書き出しは、JPG, GIF, PNG、どれを使うべきか
kojika17
- 最適な画像の書き出しは、JPG, GIF, PNG、どれを使うべきか -]]>
コーディングとSEOの概念が変わるかもしれない、Microdataについての概要
https://kojika17.com/2011/06/summary-of-microdata.html
2011-06-06
2011-06-06
コーディングとSEOの概念が変わるかもしれない、Microdataについての概要
kojika17
- コーディングとSEOの概念が変わるかもしれない、Microdataについての概要 -]]>
IE6などのクロスブラウザに強くなる、22のHTML+CSSコーディングの基礎
https://kojika17.com/2011/06/basic-html-css.html
2011-06-04
2011-06-04
IE6などのクロスブラウザに強くなる、22のHTML+CSSコーディングの基礎
kojika17
- IE6などのクロスブラウザに強くなる、22のHTML+CSSコーディングの基礎 -]]>
Webデザイナーが知っておく、DTPの基礎知識
https://kojika17.com/2011/05/dtp-basics-for-web-designer.html
2011-05-08
2011-05-08
Webデザイナーが知っておく、DTPの基礎知識
kojika17
- Webデザイナーが知っておく、DTPの基礎知識 -]]>
IDとclassを使わないで、HTML5とCSS3でコーディングしてみた。
https://kojika17.com/2011/05/css3-coding.html
2011-05-02
2011-05-02
IDとclassを使わないで、HTML5とCSS3でコーディングしてみた。
kojika17
- IDとclassを使わないで、HTML5とCSS3でコーディングしてみた。 -]]>
float解除の決定版。clearfixを考えたら、進化した。
https://kojika17.com/2011/04/float-clearfix.html
2011-04-05
2011-04-05
float解除の決定版。clearfixを考えたら、進化した。
kojika17
- float解除の決定版。clearfixを考えたら、進化した。 -]]>
ベジェ曲線が慣れてきた人の為のillustratorの使い方
https://kojika17.com/2011/04/bejier-curve-for-illustrator.html
2011-04-04
2011-04-04
ベジェ曲線が慣れてきた人の為のillustratorの使い方
kojika17
- ベジェ曲線が慣れてきた人の為のillustratorの使い方 -]]>
CSS3を使った新しい画像置換の方法
https://kojika17.com/2011/03/css3-image-replacement.html
2011-03-28
2011-03-28
CSS3を使った新しい画像置換の方法
kojika17
- CSS3を使った新しい画像置換の方法 -]]>
ブログをリデザインしました。<br>ついでにデザインについても考えてみた。
https://kojika17.com/2011/03/blog-re_design.html
2011-03-28
2011-03-28
ブログをリデザインしました。<br>ついでにデザインについても考えてみた。
kojika17
- ブログをリデザインしました。<br>ついでにデザインについても考えてみた。 -]]>
floatを使わなくてもよくなる。<br> Template Layout Module が素敵すぎる今後の話
https://kojika17.com/2011/03/template-layout-module.html
2011-03-22
2011-03-22
floatを使わなくてもよくなる。<br> Template Layout Module が素敵すぎる今後の話
kojika17
- floatを使わなくてもよくなる。<br> Template Layout Module が素敵すぎる今後の話 -]]>
ブラウザ デフォルトCSSのチートシートを作ってみた。(力尽きた)
https://kojika17.com/2011/03/browsers-default-css.html
2011-03-09
2011-03-09
ブラウザ デフォルトCSSのチートシートを作ってみた。(力尽きた)
kojika17
- ブラウザ デフォルトCSSのチートシートを作ってみた。(力尽きた) -]]>
突発的にPhotoshopで「デスパラソル」を作ってみた。(10分で)
https://kojika17.com/2011/02/death-parasol.html
2011-02-23
2011-02-23
突発的にPhotoshopで「デスパラソル」を作ってみた。(10分で)
kojika17
- 突発的にPhotoshopで「デスパラソル」を作ってみた。(10分で) -]]>
IEでCSS3の効果を出せる。<br>クロスブラウザ対応 CSSスニペット
https://kojika17.com/2011/02/css3-for-ie.html
2011-02-01
2011-02-01
IEでCSS3の効果を出せる。<br>クロスブラウザ対応 CSSスニペット
kojika17
- IEでCSS3の効果を出せる。<br>クロスブラウザ対応 CSSスニペット -]]>
HTML5のarticleとsectionの違いを書いてみた
https://kojika17.com/2011/01/html5-article-and-section.html
2011-01-26
2011-01-26
HTML5のarticleとsectionの違いを書いてみた
kojika17
- HTML5のarticleとsectionの違いを書いてみた -]]>
コーディングスピードはまだ上がる!! <br>Zen-Coding カスタマイズ
https://kojika17.com/2011/01/zen-coding-extended.html
2011-01-20
2011-01-20
コーディングスピードはまだ上がる!! <br>Zen-Coding カスタマイズ
kojika17
- コーディングスピードはまだ上がる!! <br>Zen-Coding カスタマイズ -]]>
めんどうくさがりの新米ブロガーが1日/10,000PVを達成した方法
https://kojika17.com/2011/01/how-top-get-novice-blogger-10000pv.html
2011-01-18
2011-01-18
めんどうくさがりの新米ブロガーが1日/10,000PVを達成した方法
kojika17
- めんどうくさがりの新米ブロガーが1日/10,000PVを達成した方法 -]]>
Webデザイナーが覚えておく、代表的なライセンスまとめ
https://kojika17.com/2011/01/web-designers-have-to-remember-license-summary.html
2011-01-15
2011-01-15
Webデザイナーが覚えておく、代表的なライセンスまとめ
kojika17
- Webデザイナーが覚えておく、代表的なライセンスまとめ -]]>
Webデザイナー必読?!著作権について知っておくべき10のこと
https://kojika17.com/2011/01/copyright-for-the-web-designer.html
2011-01-12
2011-01-12
Webデザイナー必読?!著作権について知っておくべき10のこと
kojika17
- Webデザイナー必読?!著作権について知っておくべき10のこと -]]>
illustratorのaiデータから画像を綺麗にスライスする方法
https://kojika17.com/2011/01/how-to-slice-the-ai-data-for-illustrator.html
2011-01-08
2011-01-08
illustratorのaiデータから画像を綺麗にスライスする方法
kojika17
- illustratorのaiデータから画像を綺麗にスライスする方法 -]]>
コーディングしにくいデザインをHTMLとCSSのみで組んでみた(後編)
https://kojika17.com/2011/01/difficult-to-coding-design-part2.html
2011-01-06
2011-01-06
コーディングしにくいデザインをHTMLとCSSのみで組んでみた(後編)
kojika17
- コーディングしにくいデザインをHTMLとCSSのみで組んでみた(後編) -]]>
コーディングしにくいデザインをHTMLとCSSのみで組んでみた(前編)
https://kojika17.com/2011/01/difficult-to-coding-design-part1.html
2011-01-02
2011-01-02
コーディングしにくいデザインをHTMLとCSSのみで組んでみた(前編)
kojika17
- コーディングしにくいデザインをHTMLとCSSのみで組んでみた(前編) -]]>
MicroformatsとMicrodataの違いについて
https://kojika17.com/2010/12/differences-microformats-and-microdata.html
2010-12-21
2010-12-21
MicroformatsとMicrodataの違いについて
kojika17
- MicroformatsとMicrodataの違いについて -]]>
WebデザイナーのためのOperaの15の便利機能
https://kojika17.com/2010/12/15-useful-features-of-opera-for-web-designers.html
2010-12-18
2010-12-18
WebデザイナーのためのOperaの15の便利機能
kojika17
- WebデザイナーのためのOperaの15の便利機能 -]]>
CSSをPHPで効率良く書く方法
https://kojika17.com/2010/12/php-for-css.html
2010-12-10
2010-12-10
CSSをPHPで効率良く書く方法
kojika17
- CSSをPHPで効率良く書く方法 -]]>
よく分からずにトーンカーブを使っている人に。 <br>
https://kojika17.com/2012/03/tone-curve.html
2012-03-16
2012-03-16
よく分からずにトーンカーブを使っている人に。 <br>
kojika17
- よく分からずにトーンカーブを使っている人に。 <br> -]]>
Webサイトを作ったらまず最初にすべきこと(検索エンジン登録編)
https://kojika17.com/2010/07/search-engine-registration.html
2010-07-12
2010-07-12
Webサイトを作ったらまず最初にすべきこと(検索エンジン登録編)
kojika17
- Webサイトを作ったらまず最初にすべきこと(検索エンジン登録編) -]]>