Web制作者は絶対ブックマークしておきたい、デザインやコーディングに役立つサイトのまとめ | コリス

2015/07/15 454 users インスピレーション GIRLY DROP コリス 写真 まとめ

フロントエンドのデザインやコーディング時に調べたり、アイデアやインスピレーションがもらえるお役立ちサイトを紹介します。 最近リリースされた、特に便利なサイトをまとめました。 写真: Girly Drop LAPA -La...記事の続きを読む 続きを読む

シンプルな美しいフォントからコーディング用・ラーメンまで、フォント選びに迷った時にチェックしたい新作フリーフォント -2015年5月 | コリス

2015/05/27 83 users コリス サンセリフ 新作フリーフォント 美しいフォント 個人

シンプルなデザインのサンセリフやセリフ書体をはじめ、美しい細字フォント、小さくてもくっきり見えるフォントなど、使い勝手のよいフォントやコーディング時に見やすいフォントなど、新作フリーフォントを紹介します。 REEF 個人...記事の続きを読む 続きを読む

Photoshopの抽出作業が捗る！Adobeのオンラインツール「Project Parfait」が便利 - EQuipe Blaireau

2015/01/05 75 users Photoshop EQuipe Blaireau 作業

2014-09-25 Photoshopの抽出作業が捗る！Adobeのオンラインツール「Project Parfait」が便利 Web制作 スポンサードリンク Web制作に欠かせない開発ツールであるPhotoshopですが、コーディング時に必要な情報を確認する作業が非常に億劫だと感じたりしませんか？ そんな作業を楽にできるツール Project Parfait（プロジェクトパフェ）を解説します。 ... 続きを読む

これはハマった！スマホサイトのコーディング時に悩んだバグと仕様4選【iOS8情報あり】 | 株式会社LIG

2014/11/13 165 users パク 株式会社LIG スマホサイト

こんにちは！　フロントエンドエンジニアのせいとです。 先月LIGブログがリニューアルされました。僕はメインでコーディングを担当していたのですが、いつものようにスマホでの不具合には悩まされました。 とくに今回焦ったのは、直前でiOS8がリリースされたことでした。まだ情報がない中で、こいつで起きた不具合を解明するのには手こずりました（’ー’） そこで今回は、スマホのコーディングで僕が詰まったポイントと... 続きを読む

「紙っぽいデザイン」の特徴を盗め！イベントポスターから学ぶ、紙っぽいデザインの特徴。 | Quoitworks blog

2014/08/11 805 users Quoitworks blog イベントポスター 特徴 視線

webのデザインの現場でよくオーダーとしてあるのが、「紙っぽいデザイン」です。 webのデザインはコーディング時のことを考えすぎてしまったり、ユーザビリティや、web独自の視線の流れを意識しすぎてしまうあまりにダイナミックさに欠けたりすることが多いような気がします。 またお客さんとしても生まれてからwebを見ている時間よりも、紙のデザインを見ることが多いので、イメージとして紙（ポスター、雑誌）のよ... 続きを読む

たった1行！スマホサイトのコーディング時に役立つ小技8（サンプルあり） | Design Color

2014/06/09 664 users Design Color サンプル 小技 スマホサイト 1行

もくじ 幅をデバイスサイズに合わせる スマホを横にしたときに文字が大きくならないようにする 電話番号に自動的にリンクが付かないようにする リンクを押したら電話をかけられるようにする リンクを押したらGoogleマップアプリを起動させる リンクエリアを広げる paddingやborder分を気にせずwidth/heightの数値を指定する 長い文字列でも途中で改行させる 1.幅をデバイスサイズに合わ... 続きを読む

定番機能をまとめて提供してくれるjQueryプラグインまとめ | バシャログ。

2011/09/15 153 users バシャログ minami jQueryプラグインまとめ 名作

ゲームボーイアドバンスの名作「カルチョビット」が3DSで出ると聞いてテンションあがってきたminamiです。 jQuery便利ですよね。さらにその便利なjQueryを使ってコーディング時の定番機能を提供してくれているライブラリがたくさんあるので集めてみました。 Laquu.js http://laquu.com/ 注目の最新プラグインです。「HTMLコーディング作業量を極力減らすためのjQuery... 続きを読む

PNGとGIFとJPEG…Web用画像の書き出し、どんな風に使い分けていますか？［2011年7月現在］

2011/07/25 618 users PNG 透過PNG gif ガラケー 手法

この記事は 約 3 分 で読めます。みなさん、Web用の画像の書き出しって最近どう使い分けしていますか？？ 私がWebデザインをはじめたころはIE6が全盛期だったこともあり、 あまり透過PNGを使うという選択肢がなかったのですが、 jsなどでコーディング時に対応できる手法が出てきた頃から透過PNGを多用するようになりました。 また、昔は一部のガラケーでGIFに対応していなかったり、 PNGに対応し... 続きを読む