コードスニペット管理ツール「GistBox」が良いね！とっても良いね！
コードのスニペット管理にSnippiを利用していたのですが、何故かTwitterアカウント連携ができなくなってしまい、こつこつ貯めていたコードが見られなくなってしまいました。 バックアップでNotefileに取ってあったため事なきは得たのですが、コードスニペット管理の方法としてはいかんせん使いにくい。 なんかいい方法あんめえかと思って探したところ、GitHubアカウントがあれば無料で使用できるスニペット管理ツールGistBoxが良さげだったので試してみたところ非常に快適でしたのでシェア。 参考：GistをメーラーのようなUIで管理する「GistBox」がいい感じ | REFLECTDESIGN メーラーのようなUI 使用はGistBoxでログインするか、Chromeアプリから。UIは一緒です。 私はChromeアプリを使用することにしました。 GistBox – Chrome ウェブストア
2014年のWeb標準 | gihyo.jp
株式会社ミツエーリンクスの渡邉卓です。昨年の「2013年のWeb標準」と同様、2014年もWebコンテンツのフロントエンド設計および実装に関連した各種標準や、周辺領域の動きに関する短期的な予測を寄稿させていただきます。 2014年のWeb標準については「HTML5勧告予定年」「IE6の終焉」「CSSプロパティくりかえし問題」をキーワードとして取りあげます。 HTML5勧告予定年 HTML5にとって、2014年はとても重要な年になります。昨年の記事でも触れましたが、HTML5は2014年に「勧告」となる予定であるためです。HTML WGによる2014年の計画では、HTML5を勧告（Recommendation）にする目標が、2014年後半（第4クオーター）に設定されていることがわかります。 HTML5はすでに勧告候補（CR; Candidate Recommendation）であるため、
OOCSSが良く分からなくなってしまったので、ちょっと再確認してみた | soplog(そぷログ)
ツイッターで話しているうちにOOCSSが良く分からなくなってしまいました／(^o^)＼ 再確認の意味でエントリーに起こしてみます。 OOCSSって何？ 「Object Oriented CSS」の略で意味は「オブジェクト指向CSS」です。 オブジェクト指向について詳しく説明するのは難しいのですが、要は「バラバラに作っておいて使いたいときに組合せればよくね？」という考え方（だと思う）です。 jQuery等のライブラリを利用するシーンをご想像いただけると分かりやすいと思います。 OOCSSは分かりにくい？ 今回調べてみたところ「OOCSSは分かりにくい」という意見が見受けられました。 お客様（運用者）から別段そのような話を伺ったこともなかったので、 私なりに考えみて以下の2点がその要因では？と推測しました。 classの名前が分かりづらく、何をするものか分からない。 classが複数付くためた
CSSのセレクタ部分(IDやCLASS)にハイフンとか使われるの好きじゃないなー。ボクはあまり好きじゃないなー - latest log
「CSS の ID 名や CLASS 名の単語の連結にハイフンを使うべき、キャメルケースとかアンダーバーとかダメ」的な主張を去年ぐらいにどこかで読んだ記憶があるのですが(うろおぼえ)、 /* たしか… これがオススメのスタイルで */ .hoge-huga-piyo {...} /* これとか… */ .hoge_huga_piyo {...} /* これはイケてない(らしい) */ .hogeHugaPiyo {...} 個人的には「ちょっとそれ CSS に寄り過ぎてて、視野せまくないかー」という考えをもっていたので、つらつらと書いてみます。 E:first-child や E[key|="value"] などのハイフンを前提とした構文に関してはもちろんありですよ。ここで取り上げてるのは、属性セレクタや擬似クラスセレクタについてではなく、IDセレクタ と CLASSセレクタ についてです
純 CSS 繪製 K-ON! 秋山澪 (Beta3)
純 CSS 繪製「輕音少女」秋山澪 Pure CSS Design 'K-ON!' Akiyama Mio 画像を一切使わずCSSで描かれた「けいおん!」の秋山 澪 2011/11/24 [beta1] 初版純靜態無動畫 2011/11/25 [beta2] 更新了襯衫錯位、新增頭髮與眼睛的動畫功能 2014/05/08 [beta3] 修正部分 Chrome 23 之後、在 keyframe 中下 skew 造成的區塊錯位 [注意!!] 因為我無意間發現，有人把這作品拿來當瀏覽器的支援判定，為了避免自己成為第二個哆啦A夢，所以要特別澄清一下。 這作品一開始完成時，小 Rei 完全不認為 IE 系列能正常動作，所以完全沒有加上 IE 廠商專用的語法(就是 Firefox 的 -moz-、Chrome/Safari 的 -webkit-、Opera 的 -o-，IE 當然也有 -ms-)。就
SassやLESSを導入するメリット | Good thinking
SassやLESSといったCSSを拡張するメタ言語がいろんなブログ記事などで取り上げられ、すでに導入しはじめている人も多いかもしれませんが、まだ導入していない人のために、本記事ではそのメリットを一部紹介します。 SassやLESSはCSSを拡張するためのメタ言語です。メタ言語というと小難しいような気もしますが、かなり大雑把に言ってしまえば、Ruby（Sass）、JavaScript（LESS）によって、CSSをより便利にする技術というところでしょうか。.sass,.scss (Sass)、.less（LESS）という拡張子のファイル上でスタイルを書き、それらをCSSにRuby,JavaScriptでコンパイル（変換）します。 いずれもプログラミング言語の要することで、普段HTML/CSS、JavaScriptはjQueryで、という人には「なんか便利そうだけど難しそう、導入が大変そう」と思
Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot
Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot Seperti yang kita pahami waktu ini ada sangat banyak permainan slot online paling sederhana yang dapat dimainkan dalam sekejap hanya cukup masuk di sana saja ojekslot terunggul. Di sini dapat ada sangat banyak bermacam permainan luar biasa yang pastinya dapat anda temukan dengan ringan. Beraneka permainan terbaik di sini dapat and
CSS拡張メタ言語「SCSS(Sass)」と「LESS」の比較 - (DxD)∞
CSSを拡張するためのメタ言語として、代表的なものに「SCSS(Sass)」と「LESS」があります。今回、導入を検討するにあたり、両者を比較しました。 結果的には、「SCSS(Sass)」を導入することにしましたが、特に「SCSS(Sass)」を選択する決め手となった点に重点を置きつつ、両者の違いをまとめまてみました。 はじめに Webサイト、Webアプリケーションが大規模になるにつれて、CSSの設計・管理にもリソースを割かれるようになります。CSSのモジュール化、コンポーネント化による再利用性を考えたとき、現状のCSSを取り巻く状況は十分とは言えません。 一つの選択肢としてあがるのが「Blueprint」や「960 Glid System」等のCSSフレームワークの利用ですが、その再利用性と構造・表現の分離度はトレードオフです。 そこで、CSSの利点を活かしつつ、再利用性を高めるために
CSS3で縦書きスタイルを、電子出版の未来のために。日本発で提案中
日本語には縦書き表記が存在しますが、HTMLやCSSなどのWeb標準には縦書きのためののプロパティや機能はまだ十分ではありません。これまではHTMLやCSSの用途が、Webブラウザで参照するWebサイトを記述する用途にほぼ絞られていたため、このことはほとんど問題になりませんでした。 しかし今後HTMLとCSSは、電子書籍のフォーマットとしても使われることになりそうです。オープンな電子書籍ファイルフォーマット規格として普及が始まっている「EPUB」は、HTMLとCSS（それに画像ファイルなど関連ファイル）で記述されます。これにより当然ながら、EPUBによる電子書籍で日本語の縦書きのニーズが高まることが考えられるため、CSSなどによる充実した縦書きのサポートは欠かせないものとなります。 EPUBでの充実した縦書きレイアウトを実現すべく、かつてW3CでXML1.0の仕様策定に関わったマークアップ
http://blog.v-colors.com/etc/778.html
先日、ノンプログラマのためのPHP入門という素敵なUSTを見ていたのですが、その中で出てきたzen coding。 前々から知っていたものの、これ使うならエディタごと乗り換えないといけないんだ！とずっと勘違いしていて、なんだかんだでまだDreamweaver使ってるし…サイトの定義とかもしてるからなんだかんだでエディタ乗り換えるの面倒だしなぁ…とかごにょごにょ思っていたのですが… Dreamweaverでも使えるらしいよ！知らなかった！無知って怖い！＞＜ Dreamweaver用はこちらからダウンロードできます。 ダウンロードしたZen Coding.mxpをダブルクリックするとエクステンションマネージャーが立ち上がるので、承諾するをクリックしてインストール。 これだけでOK。 インストールが終わったら、早速何か入力してみましょう。 すごい！感動！ 展開はcontrolキーと,(カンマ)キ
duree dpe
Par la rédaction Rédigé le 2021-05-25 Les diagnostics de performance énergétique dpe doit être affiché pendant toute sa durée de validité de 10 ans l'affichage doit être visible par le locataire. Dans le diagnostic je pense que tout est résumé une super équipe sur laquelle nous pouvons compter à tout moment de surcroit très sympathique. De la performance énergétique dpe logement tous les cas à par
CSS Reloader :: Add-ons for Firefox
CSS Reloader is a browser extension for Mozilla Firefox and Google Chrome, that allows you to reload all the CSS of any site without you have to reload the page itself. The goal for this browser extension is to enable developers to become more productive. Usage You can use the keyboard shortcut F9, or the context-menu's option "Reload CSS" to reload the CSS files or at page. Feedback Feel free to
Web標準を学ぶ重量級コンテンツ「Web標準カリキュラム」の日本語訳が公開開始
オペラソフトウェアが中心となり、Yahoo!やWaSP（The Web Standards Project）などが協力して作成した、Web標準を学ぶためのオンラインコンテンツ「Web標準カリキュラム」日本語訳の一部公開が開始されました。 翻訳を行っているのは、W3Cの標準化動向などをブログで紹介していることでも知られる企業ミツエーリンクス。日本語訳の公開も、同社のブログのエントリ「Web標準カリキュラム 日本語訳の公開を開始 | Web標準Blog | ミツエーリンクス」で明らかにされました。 「Web標準カリキュラム」のオリジナルは英語版の「Opera Web Standards Curriculum」。全体で10章もある重量級のコンテンツです。 Introduction to the world of web standards Web Design Concepts HTML bas
[CSS]初心者にも分かりやすいスタイルシートのチュートリアル
スタイルシートの初心者にも分かりやすく、各要素に的確なマークアップを行い、ワイヤーフレームをビジュアル化するチュートリアルをSoh Tanakaから紹介します。 Styling Post Headings That Stick Out demo 下記のチュートリアルでは、見出し、日付、カテゴリ、タグを含むブログのヘッダをステップに分けて実装していきます。 Step 1. Wireframe – HTML ワイヤーフレームに基づいて、「ヘッダ」と「コンテンツ」をdiv要素で配置します。 <textarea name="code" class="html" cols="60" rows="5"> <div class="post"> <div class="postheader"> <!--ヘッダ--> </div> <!--コンテンツ--> </div> </textarea>
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
3streamer.net
Google Chrome Developer Tools入門 in DevFestX Sapporo
「ホームページ・ビルダー15」発表、テーブル組みレイアウトからCSSへ脱却 
HTML5でギャルゲーを作れるか？
HTMLを読みやすく美しくする8つの方法 | AUTHORITY SITE
[CSS]CSS3で何ができるの？ という時にみておきたいサイト集