生のCSSからスタイルガイド用ドキュメントを自動生成できる「Kalei」:phpspot開発日誌
Kalei Styleguide - CSS Living Style guide 生のCSSからスタイルガイド用ドキュメントを自動生成できる「Kalei」 プログラミングのソースコードからドキュメントを生成するツールなどはよくありますが、CSSからスタイルガイドを生成し、マークアップ記述の際に参照できるという便利そうなツールです。 CSSって書いているとどんどん追加されていくものですし、毎回それをドキュメント化するのは面倒でやらなくなるっていうパターンが多い気がしますが、これで自動化すればCSSさえ編集すればドキュメントが生成されて、開発側もそれを参照すればデザインに困らない、という効率的な開発スタイルがとれそうです。kalei自体はRubyで書かれているっぽいです 関連エントリ Chrome、FF、IE等クロスブラウザで使えるブラウザキャプチャツール「qSnap」 フラットでシンプルさ
ぼくがかんがえたさいきょうのGruntfileを晒してみる - Qiita
開発中とリリースビルドをわけて考える。 開発中はとにかく速度重視。テスト重視。 リリースビルドのほうに、自動化できる便利なタスクを出来るだけ突っ込んでおく。 開発中に使用するソースファイルから、リリースビルドに余計なファイルを混ぜない。 こんな考え方でGruntfileを書いてみました。 プロジェクトごとに最適化したGruntfileを作るということも魅力的な挑戦なのですが、私は開発者一人で短納期な案件をいくつもこなさないといけないので、そのために導入したタスクランナーのはずなのにGruntfileの開発やメンテに時間を取られるのは本末転倒になってしまうので、出来る限り汎用的に使えるように気をつけて書きました。 さらに何か特定の開発スタイルやフレームワークに依存しないように、特殊なディレクトリ構成などを必要としない点も気を付けました。 普段は開発は私一人ですが、デザイナーやコーダーや開発者
グーグルがChrome DevToolsの学習ビデオを公開。DOM操作からプロファイリング、メモリリークの発見まで詳しく学べる
グーグルがChrome DevToolsの学習ビデオを公開。DOM操作からプロファイリング、メモリリークの発見まで詳しく学べる 学習内容は全部で以下の7つのレベルに分かれており、17本のビデオと、レベルごとに用意された、実際に自分で操作して解いてみる75以上の例題から構成されています。レベルをクリアするとバッジがもらえるようになっています。 Level 1: Getting Started & Basic DOM and Styles Level 2: Advanced DOM and Styles Level 3: Working With the Console Level 4: Debugging JavaScript Level 5: Improving Network Performance Level 6: Improving Performance Level 7: Memo
UI Stencils - Templates & Stencils for UX Designers / Developers
Drawing Stencils, Pads and Accessiories for Designers & Developers.
Pixate
Saying farewell to Pixate. When we launched Pixate, our mission was to change the way mobile apps were prototyped. We joined Google just over a year ago to continue our mission, and to pursue a broader vision of changing the way products were designed and built. While a lot of the ideas we’ve been developing could work inside the Pixate framework, we believe we can have a larger impact if we move
米国市場の高校サイトでは、今、何が起きているのか？
ブログサービス「マーケター通信」をご利用の皆さまへ 平素はITmedia マーケティングをご愛読いただき、誠にありがとうございます。 当サイトではこれまで、関連ブログサービスとして「マーケター通信」を長年にわたり運営してまいりましたが、全体的な利用の減少を鑑み、2020年9月30日にサービスを終了させることになりました。 このような結果になり残念ですが、何卒ご理解いただけますと幸いです。これまでご利用いただきましたことに対し、あらためてお礼申し上げます。 尚、ITmedia マーケティングは従来通り更新を続けますので、引き続きよろしくお願いいたします。 サービス終了までのスケジュール、および、これまで登録していただいたブログ記事の取り扱いにつきましては、以下の記載をご確認ください。 スケジュール 2020年9月25日（金）
Illustratorでプラグインを使わずに、角を丸くする｜DTP Transit
Illustratorで文字の角を丸めるとき、［角を丸くする］効果を利用すると、次のように意図しない形状になってしまうことがあります。 これを避けるために、有料のプラグイン、Xtream Pathの［スマートラウンド］を使う方法をご紹介してきましたが、Illustratorだけで実現する方法をご紹介します。 なお、この方法は、本日のセミナー（「クリ☆ステVol.6」）終了後、参加者の方から教わったものです。お名前を失念してしまいましたが、ありがとうございます（※追記あり）。 実現方法 実現方法は、［パスのオフセット］効果の二度がけ。 一旦、負の値でかけてから、同じ数値で正の値でかけます。 なお、この際、両方とも正の値を設定する効果に［角の形状］を「ラウンド」にしておくのがポイント。 正直、なぜ、これで丸くなるのかよくわからないのですが、結果オーライで。 ただし、細かいところをいうと、"墨だ
NAVERまとめに見る遅延ロードのすすめ « NAVER Engineers' Blog
あけましておめでとうございます。NAVERまとめのフロントエンドを担当している縣です。初詣で引いた大吉のおみくじを握りしめながら今年も張り切っていこうと思います。 今回はJavaScriptの遅延ロードの仕組みをNAVERまとめに導入した際のお話を紹介します。 遅延ロードの検討 昨年NAVERまとめのまとめ閲覧ページや、まとめ編集ページでのJavaScriptファイルの読み込みを遅延ロード化する作業をしました。元々はページ読み込み時に全て読み込ませていましたが、JavaScriptファイルが巨大になってきてパース・実行に時間がかかるようになったことから遅延ロードを検討することになりました。 遅延ロードの利点というとJavaScriptファイルの読み込み・実行によるブラウザのレンダリング停止を防ぐのはもちろんですが、どのファイルがいつどこで必要になるかを明確にすることもでき、依存関係を動的
お正月休みに私がしたブログ見直しの試みあれこれ - Design Color
今回の試みたブログの見直し 今回行った大きなブログ見直しは以下の通りとなっています。 他の記事への「おすすめ」の仕方を強化 関連記事にサムネイルを追加 facebookの「Recommendation Bar」を追加 サイドバーの充実化 「人気記事」の表示 「はてなブックマークの人気記事」の表示 Facebookページ作成 他の記事への「おすすめ」の仕方を強化 とにもかくにも、願いはただひとつ。時間があれば、他の記事もぜひ読んでもらいたい！…ということで、他の記事への「おすすめ」の仕方を自分なりに強化してみました！ 関連記事にサムネイルを追加 今までは記事下に関連記事をテキストのみのリスト表示で出していました。ですが、サムネイルがないとどんな記事かパッと見てイメージがつきづらいし、「クリックしたくはならない」のかなあ…ということで、こちらにサムネイルを追加することに。 さらに、今までのコー
Online StyleSheet Generator | OneClickCSS
What's this? HTMLソースをもとに、id,class名CSS、子孫セレクタCSS、子セレクタCSS、LESS、SASS、SCSSを自動生成するオンラインサービスです。 従来のHTMLコーディグを強力にサポートします。 What's LESS/SASS/SCSS? LESS / SASS / SCSSはCSSを効率的にコーディングできるCSSメタ言語です。 従来のCSSに比べ子孫セレクタ・子セレクタを簡単に管理することができ、高速にコーディングすることができます。 LESS OFFICIAL SASS/SCSS OFFICIAL 関連サービス 高画質サムネイル生成サービス HTTPクエリデコード SQLフォーマッター Insert文フォーマッター スペースフォーマッター JSONフォーマッター HTML/XMLフォーマッター Emmet toolkit for <textare
無料で商用利用可能な日本語フォント「ぬかみそフォント」
NINTENDO64の周辺機器である「64DD」で動作する「ランドネットディスク」にあるブラウザやメールソフト上で使われていたフォントっぽい感じに作られている日本語フォントが「ぬかみそフォント」です。 ぬかみそフォントbeta08 - HatenaDiary id:Narr http://d.hatena.ne.jp/Narr/20110619 ダウンロードは下記サイトから可能。 ぬかみそフォント http://www.h7.dion.ne.jp/~beta-rev/virtualboy/download/download.html 上記ページ内の「ランドネットディスク物真似CSS 2011年06月19日版」をクリックしてダウンロードできるZIPファイル内の「omake」フォルダーにフォントファイルが入っており、「非営利目的および営利目的での使用が可能です」など各種使用許諾の条件なども書か
PhotoshopでCSSのカラーを読み込む – A Memorandum
新年明けましておめでとうございます。 Photoshopが最新のアップデートでFireworksよろしくCSSの書き出しをサポートしたのは皆さんご存知かと思うのですが、psd+tutsでCSSファイルからスウォッチにカラーを追加する方法が紹介されていました。 手順は簡単、CSSを読み込むだけ まずは最新のアップデートを適用しましょう（エラーになってできない人は一回アンインストールして入れ直せばいいです）。 6.1.xになったら、スウォッチパネルを引っ張り出して「スウォッチの読み込み」を選択します。 で、読み込みたいCSSファイルを選択する。 ご覧の通りスウォッチが追加されます。 自分が作ったサイトならまだしも、誰かが作ったサイトを作り直す時とかチマチマ色拾ってられないですからね…。これは覚えておくと便利かもしれませんね。
Download Expression Web SuperPreview from Official Microsoft Download Center
Expression Web SuperPreview を使用すると、異なるブラウザー間での Web サイトの互換性に関する主なデバッグ作業をすばやく行えます。Web ページをデバッグするときに、開発用コンピューターと同じコンピューターで Web サービスを使用する必要はありません。 Expression Web SuperPreview は、異なるブラウザー間でのテスト用スタンドアロン ビジュアル デバッグ ツールです。現在よく使用されている各種 Web ブラウザーで、Web サイトが正しく機能するかどうかを確認できます。 Internet Explorer のすべてのバージョンでレンダリングされる Web ページを表示することができます。また、Windows 用 Firefox でのレンダリングもサポートしています。他のブラウザーは、ベータ版オンライン サービスを利用すると使用できるよ
Chrome DevTools.next
2016年5月24日に実施された「第14回HTML5ビギナーズ つまずくこともあるけどこうやって成長したよ！」での講演資料です。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Home - Lio-Meph
http://doc1oo.16px.net/dotfab/
NameBright - Domain Expired
Google Santa Tracker
Engadget | Technology News & Reviews
Loading...