HTMLやCSSを知らなくても簡単にWebサイトが作成できるMac用Webエディタ「Blocs」がリリース。
Mac App Storeには現在申請中だそうですが、NormさんのWebサイト”Ui Store“では既に$49.99で販売が始まっており、トライアル版もダウンロード可能です。 使い方 使い方は非常に単純で、ユーザーはページを作成し、決められたBlocを編集していくだけです。まず、Blocを追加し、 次にBlocのスタイルを選択します。BlocはBricという要素に分かれており、各Bricは画像や動画、テキスト、リンク、見出し、フォーラム、ミュージックなどに変更可能です。 また、Bric要素の編集はサイドメニューから行います。 Bricの編集が終わったら、新たにページを増やすために右上の[+]ボタンか、メニューバーの [Page] > [New] からページを追加します。流れはメニューバーにある順番[File] > [Page] > [Bloc] > [Bric] で行えばわかりやすいと
CodeKit - THE Mac App for Web Developers
All the Cool Kids Compile Sass, Less, Stylus, CSS, CoffeeScript, Pug, Slim, Haml, TypeScript, JavaScript, ES6, Markdown, JSON, SVG, PNG, GIF and JPEG right out of the box. Dead-Simple Configuration Want compressed CSS? Just check a box. Need to transpile JavaScript? Check a box. Every tool's options are available in a beautiful, clean UI. No more hacking build scripts. Bleeding-Edge Tools Autopref
A 2014 edition Japanese（日本語） CSS font-family Set up
A 2014 edition Japanese（日本語） CSS font-family Set up 2014年度現在の、最新のOSやブラウザに対応したfont-familyのセットアップです（游書体も記述しています）。今やWebフォントの時代ですが、日本語の本文などには、まだローカルフォントの使用が必要なのではないでしょうか。 自分のために調べて用意しましたが、日本語のfont-familyを「どうしていいか分からない」「調べるのが面倒」「半信半疑ながら、Dreamweaverのプリセットを使っている」」という方は、どうぞご利用をなさってください。 古いブラウザもサポートするなら、“Complete Set for Legacy Browsers”から使用をしてください。AndroidのRobotoやDroid Sansを記述したゴシック体セット“Sans Serif Set for
Triplety
Playground for the web HTML/CSS/Javascript editor Built-in preview & Local web server for external browsers Live reload with no extension! (for modern browsers including iOS4.2+) Importing libraries and resources CSS libraries Javascript libraries by load time Resource files (e.g. PNG images) Your own Triplety's project.
OOCSSをbuildする - MOL
ちょいーんっす！あたーんっす！ みなさん、OOCSSって知ってますか？僕は知らないです。嘘です。 @stubbornellaが、4,5年前に言い出したオブジェクト指向なCSSの考え方みたいなもんです。CSSでこんなもの表現できた！とかそうゆうTips系の話題は事欠かないのですが、CSSの設計についての話はそれ以前には（今もそうですが）あまりなかったので、個人的にはとても衝撃的でした。 ちゃんとCSSを書くために - CSS/Sass設計の話（あ、最近イカス資料見つけたぞ！） まぁそんなOOCSSですが、ここ一年は目立った更新はありませんでした。と思ってたら最近、GitHubのレポジトリ見たらなんかすごく変わってる！ 新しくなったドキュメントを読みたいのですが、Readmeを読むと、どうやらSassやらHandlebarsやら使っててbuildしなきゃいけないっぽいす。んで仮想環境をVagr
CSSのfont-family指定はこれで決まり！（2013冬） - 遠近法ノート
追記：最初、うっかり「2013冬」って書いてしまったんですけど、ほんとは「春」と書かなきゃいけませんでした（汗）*1 とりあえず今、CSSのfont-familyでフォントを指定するならば、これで決まり（一番下の追記も参照で）。 font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;CSSのfont-family指定、「あえてフォントを指定しない」っていうやり方もアリですが、いろいろな事情でそうも言ってられません。とりあえず今現在の最適font-family指定を考えてみたところ、上のようになりました。 指定順序、入れたフォント、入れてないフォント、すべてに意味があります。 以下説明。 ヒラギノはProではなくProN。 OS Xの和文標準フォ
font-familyの指定順序参考
なんだかんだと最近フォントの事が気になって気になって夜も眠れない日々を送っていおります…。どうもこんにちは。(･_･; えっと…。 このサイトを訪れてくださる方は、今は半数以上が iOS からです。 次いで Windows。 三番目が Mac から。 先日、Webフォントのことを書いたのですが… Webフォントが楽しい！Webフォントの探し方と使い方・設置の仕方などなど。 | norirow’s Diary せめて、iOS で『ヒラギノ丸ゴシック』が表示できるようになったら嬉しいんですが…。 ということで仕方なく 必要に迫られて Webフォント を勉強することにしました。 … Webフォントを使う理由もそうだけど、フォントをあえて選ぶ理由は、もちろん “自己満足” もあるのだけれど、どちらかといと、せっかく訪れてくれた方が “読みやすい” デザインにしておきたいから。 前述したように、今や
プリプロセッサの一歩先へ – A Memorandum
昨年末あたりから日本のWebデザイナーさんたちの間でも「LESS」「Sass+Compass」「Stylus」といったCSSプリプロセッサの話題が出るようになってきました。いや、実際あるとないとでは作業効率も違いますし、どれか一個でも覚えておけばどうにかなりますからね。まだの人は早めに試してみましょう。 で、このサイトを立ち上げた時にもちょっと書いてるんですが、主にフロントエンド部分の開発手法というのが大きく様変わりしようとしています。それは、より効率的にみたいな面も含め、やり方そのものも変わるんじゃないか？ぐらいの勢いで（CMSはまぁCMSとしておいといて）。ツールは黒い画面を使うものを中心に拡がりをみせてますが、いよいよGUIを介したものも出てきています。 CSSプリプロセッサだけじゃないの こういったツールが何をするかっていうと、CSSプリプロセッサをベースにコンパイルするのはどれも
[CSS]俺好みのfont-family指定が最強に読みやすくてオススメ！
俺のためにWeb開発者は俺にとって読みやすいフォント指定をするのだ！ 指定方法は下にあるぞ！ 新規でサイトを制作するのに基本のフォント指定を持っていなかったので 色々調べたり、このブログのフォント指定を変更してみたりしたら 実は Arial より Verdana のほうが見やすいことがわかってしまった。 さすがMicrosoftがコンピュータ用ディスプレイ上での視認性向上のために 作ったフォントだ！Verdana - Wikipedia フォント周りのオススメの指定追記記事により良い指定を載せたのでこちらは掲載終了しました。 font-family めっちゃ長い！何故かと言えば環境によっては指定したフォントがインストールされていない可能性があるから。 だから指定したいフォントを優先順位つけて記述する。左にあるフォントが一番優先順位が高い。 余談だけどfont-size(文字サイズ)とlin
Overriding The Default Text Selection Color With CSS | CSS-Tricks
DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! One of those cool CSS3 declarations that you can use today is ::selection, which overrides your browser-level or system-level text highlight color with a color of your choosing. At the time of this writing, only Safari and Firefox are supporting this, and both in slightly different ways. For
Revised Font Stack | A Way Back
Serious efforts are being made to get more typeface choices on the web to enhance web typography. Still, most of us prefer web-safe fonts like: Verdana, Georgia, Times New Roman and Arial. Though choices are limited, yet the number can be increased by exploring other pre-installed fonts.Serious efforts are being made to get more typeface choices on the web to enhance web typography. Still, most of
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Koala - a gui application for LESS, Sass, Compass and CoffeeScript compilation.
http://css.studiomohawk.com/ruby/2011/05/14/ruby_for_designer_frontend_dev/