ウェブ制作者なら意識してほしいCSS設計の基礎知識 - ICS MEDIA

2017/03/15 576 users ICS MEDIA 基礎知識

みなさんは、CSSを書くときに管理のしやすさを意識していますか？　私がCSSを書くときは、命名や構造のルールをシンプルにすることで、他のCSS編集者が理解しやすいよう心がけています。 何も意識せずにCSSを書くと、 誰も読めない、理解できない 何に使っているかわからない謎のルールセットがあるが、必要かもしれないので消せない CSSを修正したら意図していないパーツも修正の影響が出てしまった スタイル... 続きを読む

ウェブ制作者がチェックしておきたいアイデア満載のUIを備えたウェブデザインのまとめ -2014年上半期 | コリス

2014/06/13 336 users サムネイル ペルソナ 細部 シネマグラフ ナビゲーション

うまくトレンドを取り入れ、デザインの細部まで徹底的にこだわり、気持ちのいいインタラクションとアイデア満載のUIを備えた素晴らしいウェブサイトを紹介します。 画像の一部だけ動くシネマグラフを使ったコンテンツ、ペルソナを使ったユーザー中心のレイアウトなど、最新のトレンド情報もお見逃しなく！ VOTD.tv シンプルですっきりしたデザインだけでも素敵ですが、ロゴ、ナビゲーションやサムネイルやコンテンツな... 続きを読む

知らないと損！ウェブデザインに特化したPhotoshopの効率的な89の時短テクニック -神速 Photoshop Webデザイン編 | コリス

2014/04/04 520 users コリス ウェブデザイン Photoshop 手足 テクニック

Photoshopを毎日使うウェブ制作者はぜひ目を通してほしい、Photoshopを自分の手足のように使えるようにするノウハウ、同じ結果でも遙かに時間が短縮されるテクニックが満載のオススメ本を紹介します。 同サイズの画像をスライスするのに5分かかっていたのが1分で！　10px以下の小さな文字を鮮明にするのに10分以上かかっていたのが5分でよりキレイに！　など実用的な技が満載です。 「神速 Phot... 続きを読む

ウェブ制作者はチェックしておきたい、面白いアイデアを使った最近のウェブサイトのまとめ | コリス

2014/03/12 407 users コリス Kenzo 題字 ウェブサイト 面白いアイデア

デザインの細かいところまでこだわりが！　こんな発想はどこから生まれるの？　そんな次のプロジェクトのヒントになるような面白いアイデア満載のウェブサイトを紹介します。 時間のある時にじっくり楽しんでください！ Kenzo -No Fish No Nothing 題字のインパクトがすごいですが、新しいタイプのスクロールエフェクトが更に強烈！　こんな使い方は初めて見ました。 Volkswagen Mexi... 続きを読む

ウェブ制作者のためにメンテナンスと拡張に重点をおいたフロントエンド用の軽量フレームワーク -UIkit | コリス

2013/07/29 258 users jQuery UIKit コリス ウェブページ UIエレメント

簡単に利用でき、カスタマイズも容易で、ウェブ制作者のためにメンテナンスと拡張に重点をおいたHTML, CSS, JavaScriptで作成されたフロントエンド用の軽量フレームワークを紹介します。 UIkit UIkit -GitHub UIkitは現在多くの制作者が利用しているjQuery, normalize.cssをベースに、ウェブページで利用するさまざまなUIエレメントが簡単に実装できます。... 続きを読む

ウェブ制作者に必ず役立つ！iOS, HTML5, CSS, jQuery, WordPress, .htaccessなどのチートシートのまとめ | コリス

2012/10/14 1148 users jQuery Git iOS Sass コリス

ウェブ制作、主にフロントエンドの開発者に役立つチートシートを紹介します。 順番は、iOS, HTML5, CSS, jQuery, WordPress, .htaccess, Git です。 HTML5での美しいコードの書き方、Sass、Zen Coding、jQueryのパフォーマンス、Gitの使い方などもありますよ。 続きを読む

[CSS]ウェブデザインの可能性を広げる10のスタイルシート | コリス

2012/07/25 635 users max-width Media コリス ウェブデザイン CSS

ウェブサイトを制作する際、特にCSSの新しいテクニックにはデザインの可能性を広げるのに役立つものがたくさんあります。 すべてのウェブ制作者が知っておくべき10のスタイルシートを紹介します。 @media screen and (max-width: 960px) { } 「@media」は単に印刷用ページのためだけではありません。最近のウェブサイトで多く見かけるレスポンシブデザインや可変レイアウト... 続きを読む

永久保存版 ウェブ制作者に役立つ30+のiPadアプリ | SEO Japan

2012/07/04 163 users iPadアプリ 永久保存版 SEO Japan 30+ メモ帳

ウェブ系のカンファレンスや会議でiPadを持ち歩いている人を多く見かけるようになりましたが、「使いにくくないのかな？」「重くないのかな？」と未だに思ってしまうオールド世代な私です。今回は、そんな私の規定概念を打ち崩すような、ウェブ制作に便利なiPadアプリを30以上一挙に紹介したiPadファン涙目な記事をspyrestudiosから紹介します。メモ帳からスケッチ、モックアップに本格的なドローイング... 続きを読む

HTML5/CSS3にも対応、HTML/CSS/JavaScriptを整形・チェックするオンラインツール -Dirty Markup | コリス

2012/03/20 476 users エラー 文法上 コリス ツール CSS

HTML, CSS, JavaScriptを読みやすく整形し、文法上のエラーもチェックしてくれるオンラインツールを紹介します。 Dirty Markup Dirty Markupはウェブ制作者がよく使う下記のツールをまと [...] 続きを読む

ウェブ制作者の困ったを解決するコードが盛りだくさん、スニペットを共有するサービス -Code Pad | コリス

2012/03/06 446 users HTML WordPress ウェブ制作 コリス スニペット

ウェブ制作に役立つHTML, CSS3, jQuery, WordPressなどのちょっとしたコード（スニペット）を共有するサイト「Code Pad」を紹介します。 Code Pad Code Padでコードを保存するに [...] 続きを読む

あのサイトの『どこが悪くて』『どこが良いのか』の診断結果１０サイト*ホームページを作る人のネタ帳

2007/08/19 250 users ネタ帳 ホームページ さいころ 短所 長所

前回、ものすごい軽い思いつきであなたのブログの長所と短所をズバリ言う、っていうYamada企画を募集したところ、全部で２８サイトが集まりました。 ご応募していただけたことに深く感謝いたします。 さて、今回はその２８サイトの中から、サイコロで決めた１０サイトorブログを診断いたしましたので、その診断結果です。 そのサイトのどこが悪くて、どこが良いのか？ これをウェブ制作者のための一つの参考となればと... 続きを読む