www_tacaのブックマーク / 2016年7月7日

www_taca id:www_taca

2016年7月7日のブックマーク (4件)

[CSS]アイコンとテキストを横並びに揃えるスタイルシートのテクニック
アイコンとテキストを横並びにする配置は、Webページでよく使用されます。ナビゲーションやリスト、リンク、ヘッダやフッタのリンクなど、さまざまなコンテンツで見かけますね。アイコンとテキストを横並びに美しく揃えるスタイルシートのテクニック、調整用のスタイルシートを紹介します。 Tips for Aligning Icons to Text 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づき、翻訳しています。 Step 1: アイコンのフォーマットを決める Step 2: 同じようなサイズのアイコンを使う Step 3: アイコンのサイズにフォントのサイズを合わせる Step 4: 位置の調整はCSSを使う Step 5: 適用するアイコンのためにclass名を使う Step 1: アイコンのフォーマットを決めるアイコン画像には、さまざまなフォーマットがあります。 SVG
www_taca 2016/07/07
webデザイン

CSS
リンク
Webデザイナーとフロントエンドが歩み寄るためのPhotoshop豆知識 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーのぺちこです。以前、デザイナーもりたの、デザイナーとフロントエンドにちょっと優しい「PSDルール」を考えてみたという記事が公開されましたね！　こんな風に、最近LIGのデザイナー＆フロントエンド間では、いかにお互いの仕事をスムーズにするかという話題が増えています。まだまだ模索中ではありますが、今回は、これを知っておけばお互いにとってハッピーなのでは？というPhotoshopの機能や工夫の豆知識をご紹介したいなと思います。フロントエンドの方にぜひ知ってもらいたい！というのはもちろんですが、デザイナーの方もこれを読んで気遣いがチラ見えするPSDを作れるようになったら、明日から職場の空気が和やかになるかもしれませんね。その気遣い、伝わってないかも。デザイナーは普段Photoshopを使っていて自分の使いやすいようにプラグインを入れていたり、さまざまな機能を駆使してい
www_taca 2016/07/07
Webデザイン

photoshop
リンク
プロデザイナーから学ぶ、ウェブサイトを良くするために心がけたい15個のポイント
デザインのキャリアをはじめるとき、良いアプローチのひとつとして基本デザイン原則を学び、そしてそれらをうまく使い、きちんとした土台を今後のプロジェクトのために作ってみましょう。 Image Source: Jared Granger 制作を通じてノウハウを知ることで、より多くのテクニックを学び、自分の予想を超えた良いアイデアを作成できるようになるでしょう。プロのデザイナーから学ぶことは、ウェブデザインのスキルを改善するのにもっとも最適な方法といえます。今回は、ウェブデザインを改善する15個のテクニックを見ていきましょう。詳細は以下から。 01. 憧れのデザイナーを追いかけよう。デザイナーによって好みのデザインレイアウトやエフェクト、コンポーネントは違うもので、それらを真似してみましょう。すごいと言われるアーティストでさえも、最初はここからはじめています。まずは通らないわけにはいかないでし
www_taca 2016/07/07
webデザイン

デザイン
リンク
マウスウォッシュにつま先を浸す。その効果に専門家も驚いた。
洗面所にリステリンなどのマウスウォッシュを常備している人は多いのではないでしょうか。このマウスウォッシュに、口内洗浄の他にもさまざまな使用方法があるのをご存知ですか？今回はそのうちいくつかをご紹介します。ちなみに、マウスウォッシュのパイオニアとして135年以上の歴史を誇る「リステリン」が初めて開発されたのは1879年。しかし、口内ケア用のマウスウォッシュとして使用されるようになったのは1970年頃で、それ以前は主に消毒剤として使用されていたようです。体臭の消臭剤としてデオドラントを切らしてしまい、代わりのものがなくて困った、なんて経験ありませんか？そんなときは、綿棒に少量のリステリンを垂らしてわきの下に塗ってみましょう。身体の匂いが気にならなくなります。消臭芳香剤マウスウォッシュをトイレに流してみましょう。一見すごくもったいなく聞こえますが、殺菌効果によりトイレがキレイになると同
www_taca 2016/07/07
まじで？

ライフハック
リンク
- 2016年7月8日
- 2016年7月7日
- 2016年7月6日