Web制作者が備えておきたい最新版チートシートのまとめ | コリスあれはどうだったかな？ という時にすぐ分かる、Web制作の実装や勉強に役立つチートシートを紹介します。 iPhone 8やXsのスクリーンサイズはいくつだったかな？ CSS FlexboxやGridの挙動がまとめて知りたい、CSSのプロパティの値や対応ブラウザは？ Vue.js, React.jsのよく使用するイベントや構文、ブラウザごとのバグやハックはあるのか、がまとめられています。
デザインの確かな知識が身につく！Webサイトやアプリのデザインの勉強になるスライドのまとめ
実践的なUXデザインやインタラクションデザイン、レスポンシブサイトに効くデザインTips、Sketchを使ったデザインフロー、Webデザイナーのためのタイポグラフィ講座など、Webサイト・アプリなどのUIデザイン/UXデザイン勉強になるスライドを紹介します。 時間をかけてゆっくり、何度でも見たいスライドばかりです。 写真: ぱくたそ 確実に良くするUI/UX設計 from Takayuki Fukatsu 実践的なUXデザインとインタラクションデザインの考え方 from CyberAgent, Inc. UXとデザインまとめ by 上野学 - presentation from UX まとめ 2015 from Sociomedia アクセシビリティからはじめる、WebサイトのUXデザイン from Yoshinori OHTA いいデザインのために組織の一人ひとりができること f
Googleのアルゴリズムにおける検索順位に影響を与える200+個の要因のまとめ
Googleの検索のアルゴリズムにおける検索結果の順位に影響を与える200+個の要因、コンプリートリストを紹介します。 量が多く翻訳するのに一週間かかりましたが、興味深いことが多々あり、とても面白かったです。 Google's 200 Ranking Factors: The Complete List 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 毎日のように海外のまとめ記事を無断転載してアクセスを稼いでいるあのブログの注意喚起を海外のブロガーから聞きます。問い合わせや削除依頼しても対応無しっていうから、たちが悪い。 ドメインによる要因 ページレベルによる要因 サイトレベルによる要因 バックリンクによる要因 ユーザーのインタラクションによる要因 アルゴリズムによる要因 ソーシャル シグナル ブランド シグナル サイト内部のスパム
iPhoneやiPadやネットブックなど、さまざまなスクリーンサイズでウェブサイトを確認できる -Screenfly
iPhoneやiPadやネットブック・ノートブック・デスクトップやテレビなど、さまざまな解像度のスクリーンでウェブサイトの表示を確認できるオンラインサービスを紹介します。 Screenfly [ad#ad-2] Screenflyの対応スクリーン 現在、対応しているスクリーンは下記の通りです。 Desktop ネットブック10インチ(1024x600) ネットブック12インチ(1024x768) ノートブック13インチ(1280x800) ノートブック15インチ(1366x768) デスクトップ19インチ(1440x900) デスクトップ20インチ(1600x900) デスクトップ22インチ(1680x1050) デスクトップ23インチ(1920x1080) デスクトップ24インチ(1920x1200) Tablet ViewSonic(800x480) Velocity Cruz(800
クロスプラットフォーム対応モバイルサイトを構築するために必要なファイルをまとめた -Mobile Boilerplate
HTML, CSS, JavaScriptをはじめ、sitemap.xml, .htaccessやアクセス解析など、モバイルサイトを構築するファイルをまとめた「Mobile Boilerplate」を紹介します。 「Mobile Boilerplate」はjQuery MobileやSencha Touchなどと相性がばっちりだそうです。 Mobile Boilerplate [ad#ad-2] Mobile Boilerplateの特徴 クロスプラットフォーム対応（Android, iOS, Blackberry, Symbian） CSSはIE Mobile 7をターゲット ホームスクリーンアイコン（Android, iOS, Symbian） ビューポートの最適化（Opera Mobile, Android, iOS, IE, Nokia, Blackberry） ビューポートのスケ
Twitter用の背景画像を作成できる・配付しているサイトのまとめ
当サイトではCookieを使用しています。引き続き当サイトを閲覧することにより、ポリシーを受け入れたものとみなされます。今後表示しない詳しく見る
わずか数秒で自分用のHTML5のテンプレート一式を作成するオンラインサービス -Initializr
HTML5でサイトを作成する時に必要なHTML5の雛形、jQuery, Modernizrなどのスクリプト、CSSのリセットなど一式を自分用にカスタマイズして作成できるオンラインサービスを紹介します。 Initializr - Start your HTML5 project in 15 seconds! [ad#ad-2] InitializrでHTML5のテンプレート一式を作成する方法 HTML5用のテンプレート一式を作成するのは、わずか数秒で簡単にできます。 トップページにアクセスし、4つの選択項目から自分の必要なものをチェックし、最後に「Download」をクリックするだけです。 Initializr - Start your HTML5 project in 15 seconds! 選択項目のキャプチャ [ad#ad-2] Initializrで作成されるHTML5のテンプレート
HTML5をはじめる人、勉強したい人用のテンプレートファイル -Easy HTML5 Template
HTML5 Templateのデモページ Easy HTML5 Templateの特徴 汎用性の高いシンプルなつくり HTML5の新しい要素に重点をおいて設計 HTML5対応ブラウザはもちろん、IE6, IE7, IE8も考慮 モバイルデバイスも考慮 jQuery, Google Analyticsなどよく使用されるものを配置済み [ad#ad-2] Easy HTML5 Templateの外部ファイル Easy HTML5 Templateで使用している外部ファイルです。 screen.css Reset CSSには「Eric Meyer's reset」が使用されています。 modernizr-1.6.min.js 「Modernizr」。HTML5やCSS3をサポートしているか調べ、CSSの場合はエレメントにclassを加えます。 html5.js 「html5.js」。IE9未満（
厳選、作業効率がアップするPhotoshopのキーボードショートカットのまとめ
Photoshopのキーボードショートカットを使いこなせるようになると作業効率がグンとアップします。 数多くあるショートカットの中から特に実用的な25個を紹介します。 25 Awesome Keyboard Shortcuts for Photoshop That You May Not Know [ad#ad-2] 元記事では動作を軸に書かれていますが、下記はショートカットを軸に紹介します。 ショートカットはWindowsの表記です。 Macの場合は、置き換えてください。 Ctrl → Command Alt → Option Photoshopの便利なキーボードショートカット Ctrl+Space+左クリック Ctrl+Space+ドラッグ（右or左） ドキュメントを拡大表示 Alt+Shift+右クリック HUDカラーピッカーの表示 ※CS5のみ。環境設定でGPU設定をオンにしている
知っていると便利なエクセルの11のショートカット | コリス
Pointy Haired Dilbertのエントリーから、知っていると便利なエクセルの11のショートカットを紹介します。 11 very useful excel keyboard shortcuts you may not know [F4] or [Ctrl] + [Y] 直前の作業を繰り返します。 [Ctrl] + [;] 現在の日付を入力します。 [Ctrl] + [Shift] + [:] 現在の時刻を入力します。 [Ctrl] + ['] 上のセルからデータをコピーします。 [Shift] + [F2] セルにコメントを挿入します。 [Alt] + [F8] マクロダイアログを表示します。 [Alt] + [=] オートSUM数式を挿入します。 [Ctrl] + [Shift] + [$] 数字の表示形式を通貨に設定します。 [Ctrl] + [Shift] + [&] 選択
WordPressをちょちょいと使いやすくする15のスニペット | コリス
WordPressの各エントリーに編集ボタンを付けたり、シングルクォートの自動置換を無効化するなど、使いやすくするための15のスニペットをForTheLoseから紹介します。 15 Useful WordPress Tricks to Make Your Theme Even Better 古いエントリーのコメント入力をクローズ 古いエントリーにはスパムコメントがつくので、コメント入力をクローズにします。 function.phpに下記を記述します（例：1ヵ月以上前）。 <textarea name="code" class="html" cols="60" rows="5"> <?php function close_comments( $posts ) { if ( !is_single() ) { return $posts; } if ( time() - strtotime( $
無料のPhotoshopのパターンコレクション
無料のPhotoshopのパターンファイルをSmashing Magazineのエントリーからいくつか紹介します。 The Ultimate Collection Of Free Photoshop Patterns
商用・個人サイトで利用可能なロイヤリティフリーの写真素材サイト集 | コリス
Freeziqのエントリーから、商用・個人サイトで利用可能なロイヤリティフリーの20の写真素材サイトを紹介します。 20 Best Places to get Free Stock Photography ライセンスは再販以外はフリーのものが多いですが、利用する際には個別に確認してください。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
2011年、スマフォ・デスクトップ用のクロスブラウザ確認ツールのまとめ
持ってると便利な手描き風のアロー・矢印のPhotoshopのシェイプ素材
HTML5ベースのWordPressのテーマファイルのまとめ
古いバージョンのアプリケーションがダウンロードできるサイト５選 | コリス
ウェブデザインのクオリティをアップする7つのポイント | コリス
[CSS]上級者向け、スタイルシートのテクニック集
メールの署名（シグネチャ）を洒落たデザインにするジェネレーター