~ 198 slides on tools to help you stay productive on the front-end.
~ 198 slides on tools to help you stay productive on the front-end.
16. テーマを構成するテンプレートファイル WordPress Codex 日本語版 http://wpdocs.sourceforge.jp/テーマの作成 style.css index.php single.php page.php header.php footer.php sidebar.php comments.php screenshot.png functions.php スタイルシート メインのテンプレート 投稿ページのテンプレート 固定ページのテンプレート ヘッダーのテンプレート（get_header()で読み込み） フッターのテンプレート（get_footer()で読み込み） サイドバーのテンプレート（get_sidebar()で読み込み） コメント欄のテンプレート（comment_form()で読み込み） テーマのスクリーンショット（880px × 660px） 関
DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! The ability to inject newly-modified CSS on every file change (without reloading the page) is the type of workflow-enhancement that you never truly appreciate… until you lose it. This is exactly what happened to me recently. For at least the last 12 months I had been using Grunt and the Live
なんだかFireworksの新規開発が終了とかそういう話題でコレ系の記事が増えてきているみたいなので、ちょっと便乗してみることにしました。タイトルと以下の項目は、見かけた記事を参考にさせていただいています。 01. ピクセルに最適化されていない 高精細なディスプレイが出てきて「1px」という単位もなかなか怪しいものになって、「その1pxは本当に1pxなのか？」ってな話の昨今ですが、まぁ一応のところはピクセルというところで幅も高さも線幅も移動も修正できるCSSは便利ですね。 → Designing (and converting) for multiple mobile densities 02. シンボルがない CSSプリプロセッサ各種にある「mixin」の機能を使えば、あらかじめスタイルを定義しておいて複数の要素に一括で適用するといったことができますね。もちろん一括で修正するなら、元の記
サンプルサイトの制作を通して、「Webサイトのコーディング」についてまとめました。 ここで言うコーディングとは、「HTMLで文書を書いて（マークアップして）、CSSで見栄えを整える（CSSコーディングする）」ことを指します。主に「Webデザイナー」と呼ばれる人たちが担う範囲のコーディングについて書いてます。 以下は目次です。クリックするとその項目へ移動します。 コーディングの下準備 ディレクトリの構造を考える ディレクトリの設置 Web開発環境について CotEditorというテキストエディタ Zen-Codingという便利なプラグイン その他のWeb開発環境 コーディング！まずはマークアップ（HTML） index.htmlの基本設定 トップページの内容をマークアップ コーディング！レイアウトを整える（CSS） style.cssの基本設定 トップページのレイアウトを整える <heade
CSSでWebサイトのレイアウト組み＋装飾の基本プロセスCSSでレイアウトを組むのは、最初はすごく難しく感じるかもしれません。私も何度も挫折しかけました。。でもよく使うプロパティを理解し、少しずつ組み立てていくと自然と慣れてきますよ！今回はサンプルファイルも用意したので、ダウンロードしてコードをじっくり見てやってください。連載企画「実践で学ぶWebサイト制作ガイド」、CSSでラストスパートです！ 実践で学ぶ Web サイト制作ガイド：その 7目標：CSS でレイアウトが組める・基本的な装飾ができる必要なもの：Windows メモ帳 や、Mac OS Text Edit などの文章エディタツール。もちろん Adobe Dreamweaver などの Web 系オーサリングソフトがあるならそれで OK対象レベル：CSS の基礎知識がある・基本的な CSS が手打ちで書ける目次誰のため？何のため
At this point, you should all have at least heard of @font-face, even if you haven’t used it in a project yet. For all, i don’t know, one of you that hasn’t heard of it, here’s the one sentence version. @font-face is a way of embedding and using any typeface for use on a website, even if it is not installed on your users’ computers. This simple idea has brought a whole new era of web typography in
ROOT EM! Using CSS3 "rem" Units for "Elastic Pixels" Zoom: Reset to 1x 2x 3x Ummm... Elastic Pixels WTF? I love working in px units. But alas! px unit's don't scale... So we're stuck with the complexity of % and em units right? Wrong. Say hello to rem Hello rem CSS3 introduces a few new units, including the rem unit, which stands for "root em" (or "font size of the root element"). Jonathan Snook,
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く