SVG はモダンなWebブラウザーで表示できるベクター画像形式で、Retina ディスプレイや、タブレットでピンチアウトで表示拡大した時にも荒く見えないため、これから使用する機会が増えそうな画像形式です。 SVG は Illustrator で書き出すことができますが、これまで Photoshop ではプラグインなどを使わなければ SVG を書き出すことができませんでした。 しかし、Photoshop CCの「画像アセット」機能を使用して SVG を書き出す裏技を見つけたので紹介します。 準備 下記のファイルをダウンロードします。 Macの場合 Finder でメニューの［移動＞ホーム］を選択し、ホームフォルダを表示します。 そこに、generator.json ファイルを移動またはコピーします。 Windowsの場合 ユーザーフォルダ（ユーザー名のフォルダ）に移動します。 そこに、gen
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
色の決定や配色は難しく、経験があるデザイナーでも迷う事も多いのではないでしょうか？オレンジや赤と一口にいっても様々なオレンジや赤があり、最終どの色がふさわしいか吟味に時間を使うというデザイナーも多いと思います。今日紹介するのは自分の選んだ色を基準にして、色を選べるWEBツール「colllor」です。 このツールはまず自分で色をカラーツールで選択し、その後選んだ色の周辺色やトーン違い等を並べて提示してくれるというもので、その色の差を見比べながら決定できるというものです。 詳しくは以下 上記は色を選択して結果を表示したスクリーンショットです。基準になっている色がくぼんでいて、そのWEBセーフカラーが表示されています。それを基準とし様々な周辺色が並べられています。 即座に反映できるようにセーフカラーはクリックしてクリップボードにコピーする事が可能なので、決定したら煩わしい手間無く、サイトに反映で
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして、アメーバ事業本部 teens事業部の谷です。業務ではフロントエンドデベロッパーとして、主にHTML/CSSの設計・実装をおこなっています。 今回は、以前斉藤が書いた「モバイル時代におけるCSSの設計と実装」という記事で触れられていたコンポーネントリストもといスタイルガイドについてのお話です。 スタイルガイドの事例と、スタイルガイドを生成するツール StyleDocco の紹介をします。スタイルガイドとは先の記事より引用すると、ページ上の部品（コンポーネント、モジュール）を集めたリスト、ページのことです。どれがコンポーネントで、どれがモジ
Bootstrapいいよね Bootstrapです。大人気の見た目系フレームワークですね。いろんなサイトで見かけます。 自分もそうなのですが、エンジニアでコードは書くけどデザインの事はよく知らない。だけど「使いやすくて、いい感じにしたい」という欲求を満たしてくれてます。ただ、デフォルトは見やすいんだけど、ちょっとカスタマイズしたいなとか、色指定があった場合など困りますね。例えばありそうなのが「コンテンツ管理画面を作りたい、デザインは特にこだわらない、けど使いやすいのがいいな。」とかさらに「イメージカラーが青だからそれベースで」とか。 そんなあなたにぴったりな厳選ツールを紹介しちゃいまっくすぅ〜！ Lavish 〜 画像から配色を生成してくれます 〜 このサービスは画像を解析してBootstrapの配色を捻り出します。 何処かの企業向けに作る場合に企業のロゴなどから配色してみるといい感じにな
CSS3ジェネレーターは無料ツールで使えるツールも多く存在していますが、Firefoxアドオンでも簡易的なジェネレーターですが、よさげなのがあったので紹介したいと思います。 CSSsirのインストール・使い方について インストール方法 CSSsirを以下からダウンロードし、インストールします。 https://addons.mozilla.org/en-US/firefox/addon/csssir/ 使い方 インストール後Firefox右上に帽子のマークが出現します。その横に「▼」があるのでそこをクリックすると以下の様なパネルが出ます。 パネル一番上部のText-shadowを使うとこんな感じになります。 特に難しい機能はありませんが、以下画像で番号を振ってある各項目の説明になります。 プレビュー 数値を変更するとリアルタイムに変化します。 スライダー 各値を変更します。 CSSコード
WordPressにはデフォルトで内に様々な情報がかかれるようになっています。 使い方によっては全く必要ないタグもあります。気になりますよね。 プラグインを使って削除する事もできるのですが なるべくプラグインは使わないで、function.phpに記述するだけで削除してくれるのでそのメモ書き！ function.phpに記述するだけで削除されます generator <meta name="generator" content="WordPress 3.4.1" /> これは、このサイトはWordPress 3.4.1で制作されているということを述べています。 バージョン管理をしているサイトであれば良いかと思うのですが バージョンを表示する事によって古いバージョンであれば セキュリティー的に脆弱性が見つかると狙われる事もあるので表示しないほうがいいと思います！ functions.phpに
Looking for reliable web hosting services? Compare the best hosting providers’ plans and features. Get expert recommendations for your website hosting needs. 1. Cloudways Cloudways is a managed cloud hosting platform that connects users with top infrastructure providers like DigitalOcean, AWS, and Google Cloud. The service removes technical complexity while maintaining the benefits of cloud […]
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
