Coveloping
box-shadowでふわりとした影をつくるCSSのジェネレーター、レスポンシブのチェック、アスペクト比の計算機、CSS/JSの軽量化など、たくさんの便利な時短ツールがありますが、それらの便利なツールを一つの場所にまとめたCovelopingを紹介します。 FacebookのOPGチェックやGoogle Mapsの地図生成ツールもあり、新しいプロジェクトを始める時にも役立つものが揃っています。 Coveloping 便利ツールは現在23種類、アスペクト比の計算や一つのカラーに黒と白を加えたバリエーションを生成したり、box-shadowでふわりとした影をつけたり、jQueryのアニメーションのエフェクトなどがあります。 これからもどんどん増えていくそうです。 その中から、いくつか紹介します。
これからSVGを使うなら！Snap.svg | バシャログ。
スープ作りにはまっているminamiです。 Snap.svgというSVGコンテンツを扱えるライブラリが公開されたのでさわってみました。 Snap.svg Snap.svgはAdobeが開発したオープンソースのJavaScriptライブラリです。 SVGの制御はRaphaël.jsがデファクトスタンダードとなっていますが、そのRaphaël.jsの開発者が手掛けているそうです。Snap.svgの特徴としては、Raphaël.jsがサポートしてきたIE8までの古いIEのサポートをやめ、マスキングやクリッピング、パターン、グラデーション、グループ化などより便利な機能を使えるようになっています。ライセンスは Apache 2 license となっています。 使ってみる Snapで描いてみたサンプル さっそくSnap.svgを使って上のような絵を描いてみました。SVGで描画されているので拡大
えっ！ビルド不要？JavaScriptで自動生成するスタイルガイドジェネレーターKalei | バシャログ。
娘の誕生日に、ドラえもんドンジャラDXをプレゼントしました ishida です。 娘とともにハマってしまいました。早く「ドンジャラ」って言いたいっ！ さてさて、皆さん HTML/CSSコーディングでスタイルガイド作成していますか？ スタイルガイドは、サイト内で定義されている部品を一覧化して こんなパーツを使ってますよーとするドキュメントです。 複数人でのページ制作や新規サイト構築後の運用には欠かせません。 ジェネレーターによるスタイルガイド生成も人気になりつつあり< 最近では、StyleDocco が有名ですね。 StyleDocco 以外にもスタイルガイド生成のツールはいろいろあります。 そのなかでもビルドを必要としないスタイルガイドジェネレーターのご紹介です。 ビルド不要なスタイルガイドジェネレーターKalei こちらのジェネレーター、コンパイルが不要で Ruby や Node.js
人間の目に優しい色合いを設計するためのカラースペース -HUSL
iOS 7にも採用されているような落ち着いたパステルカラー、同じ明るさで異なる色合いを組み合わせたカラースキームなど、人間の目に優しくより見やすくなるように色合いを設計するためのカラースペース「HUSL」を紹介します。 HUSL -Human friendly HSL HUSL -GitHub HUSLは「Human friendly HSL」の略で、RGBのカラースペースに幾何学的な変換して設計されています。カラーの定義はHSLのように色相（hue）と輝度（lightness）を使い、彩度に「saturation」ではなく「chroma 」を使用します。 彩度のsaturationとchromaの違いは、こんな式になるようです。 Saturation（彩度：S）＝ Chroma(C) ／ 明度(V) 参考：イメージクリエーションの構築と基礎知識の習得 どんな感じかは、デモですぐに試すこと
ドラッグ&ドロップでカスタマイズ可！多機能WordPressテーマ – Themify
2016年8月19日 Wordpress, お知らせ, 便利ツール WordPress、使ってますか？今や世界中で愛されているCMSですが、元々ブログ用CMSなだけあって、ブログ以外のサイトでは扱いにくく感じている人もいるかと思います。そこで！今回はドラッグ＆ドロップでコンテンツの追加やレイアウトの変更ができちゃう素敵テーマを扱っているThemifyをご紹介します！ ↑私が10年以上利用している会計ソフト！ Themifyとは？ Themifyはカスタマイズ性を重視したWordPressテーマの販売サイト。無料テーマもいくつか配布しています。 クオリティの高いテーマの数々 運営者は海外の人気Webデザイン系ブログ「Web Designer Wall」の中の人で、彼のデザインへのこだわりを色濃く反映したハイクオリティなデザインのテーマが盛りだくさん！ 例えばポートフォリオサイトとして人気のテ
Strikingly - あなただけのウェブサイトを制作するための、最高のウェブビルダー
数分でウェブサイトを制作する ブランドを確立。世界を制覇。 コードはなし 、デザインのスキルも必要ありません。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【Sublime Text】CSSプロパティを任意の順番にソートするパッケージ「CSScomb for Sublime Text」 | バシャログ。
uibox.in
CSSによるアニメーションエフェクトをまとめた・「EFFECKT.CSS」
【デブサミ2013】15-C-4 レポート 「無償でここまで使えるアドビのWeb制作ツール」