はてブログ

はてなブックマーク新着エントリーの過去ログサイトです。



タグ 各ポイント

新着順 人気順 5 users 10 users 50 users 100 users 500 users 1000 users
 
(1 - 25 / 234件)

面接はスキル!転職時の面接でよく聞かれる23の質問とその対処方法 | コリス

2012/09/30 このエントリーをはてなブックマークに追加 1857 users Instapaper Pocket Tweet Facebook Share Evernote Clip アプローチ どちら側 面接担当者 下記 コリス

僕は転職した際の面接を受けたことも、また逆に面接担当者をしていたこともあるのですが、どちら側にしてもこの記事を読んでおけばまた違ったアプローチができたのかな、と思うのでちょっとがんばって訳してみました。 How to Answer 23 of the Most Common Interview Questions 下記は各ポイントを意訳したものです。 「面接が好き」という人はいないでしょう。面接で... 続きを読む

ウェブデザインに黄金比やフィボナッチ数列など数学的な要素を取り入れる方法 | コリス

2010/02/25 このエントリーをはてなブックマークに追加 1152 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス ウェブデザイン フィボナッチ数列 デザイ 黄金比

黄金比、フィボナッチ数列、ファイブエレメンツ、サインウェーブなど数学的な要素を巧みにウェブデザインに取り入れる方法をSmashing Magazineから紹介します。 Applying Mathematics To Web Design 下記は各ポイントを意訳したものです。 また、当サイトでも黄金比をウェブデザインに取り入れる簡単な方法を紹介していますので、あわせてどうぞ。 黄金比をサイトのデザイ... 続きを読む

Webページ高速化に必須の知識!ブラウザがWebページをどのようにレンダリングしているか、図を用いて解説 | コリス

2020/11/12 このエントリーをはてなブックマークに追加 1084 users Instapaper Pocket Tweet Facebook Share Evernote Clip レンダリング CSS コリス HTML 実装時

ブラウザがWebページをどのようにレンダリングしているか、図を用いてやさしく解説した記事を紹介します。 レンダリングの仕組みを理解することで、HTMLやCSSやJavaScriptなど実装時にも気をつける点があります。 How the browser renders a web page by James Starkie 下記は各ポイントを意訳したものです。 ※当ブログ... 続きを読む

無駄なdiv要素やclassだらけのマークアップから卒業する方法 | コリス

2010/04/01 このエントリーをはてなブックマークに追加 954 users Instapaper Pocket Tweet Facebook Share Evernote Clip Webdesigner Depot グリッドベース コリス

グリッドベースのレイアウトを作成すると、ついついdiv要素を多用してしまいがちですが、意味のあるデータにはそれに適した要素を使用し、無駄なdiv要素やclassだらけのマークアップから卒業する方法をWebdesigner Depotから紹介します。 Fight Div-itis and Class-itis With the 960 Grid System 下記は各ポイントを意訳したものです。 は... 続きを読む

HTMLページのhead内に記述する要素の総まとめ | コリス

2017/09/26 このエントリーをはてなブックマークに追加 950 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス CheatSheet head meta要素 最小限

HTMLページのhead内に記述する最小限の構成、そしてmeta要素やlink要素、ソーシャルサービス用の要素、デスクトップ・スマホのブラウザ用の要素などがまとめられた「<head> cheatsheet」を紹介します。 <head> cheatsheet 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 去年紹介した 以前の版 からいろ... 続きを読む

[CSS]フォントのサイズ指定はpx? em? 既存の再検討とこれからのテクニック | コリス

2011/06/09 このエントリーをはてなブックマークに追加 936 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス rem CSS フォント 既存

フォントのサイズの単位に何を使ってますか? px? em? それら2つのよく利用されるテクニックをおさらいし、さらに第3のテクニックも紹介します。 下記は各ポイントを意訳したものです。 はじめに pxを使ったサイズ指定 emを使ったサイズ指定 remを使ったサイズ指定 はじめに フォントのサイズの単位に何を使用するかは、未だに激しい議論の的となっています。それらのテクニックにはそれぞれ長所と短所が... 続きを読む

サーバーの設定をカスタマイズ、よく利用する「.htaccess」の設定のまとめ | コリス

2012/07/23 このエントリーをはてなブックマークに追加 922 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス htaccess htaccessファイル サーバー

.htaccess For All 下記は各ポイントを意訳したものです。 「.htaccess」ファイルを編集する際は、必ずバックアップをとることをお勧めします。 .htaccessファイルの作成とアップロード .htaccessの使い方・有効範囲 .htaccessのよく使う設定のまとめ .htaccessファイルの作成とアップロード 「.htaccess」ファイルを作成することは非常に簡単です... 続きを読む

2011年のSEOで、これはもう避けておきたい32のチェックリスト | コリス

2011/01/23 このエントリーをはてなブックマークに追加 753 users Instapaper Pocket Tweet Facebook Share Evernote Clip タスク コリス Google 検索エンジン リスト

Googleをはじめとする検索エンジンに対して、サイトを最適化する際に気をつけるべき32のチェックリストを紹介します。 下記は各ポイントを意訳したものです。 はじめに あなたは2011年を迎え、SEO用の膨大なリストをもっていることでしょう。ここで紹介するものは、あなたがやるべきではない32のチェック項目を知ることで、あなたのリストを少なくすることです。 2011年のタスクに下記のリストが残ってい... 続きを読む

WordPress初心者がハマリやすいエラーや問題とその解決方法 | コリス

2011/11/06 このエントリーをはてなブックマークに追加 751 users Instapaper Pocket Tweet Facebook Share Evernote Clip WordPress テンプレート パンくず スタイルシート

WordPressでブログやサイトを作成・運営する際に役立つ、ハマリやすいエラーや問題とその解決方法を紹介します。 下記は各ポイントを意訳したものです。 テーマとテンプレートの違いは? 画像が表示されない URLを全部書くのが面倒 パンくずを設置したい ページごとに異なるスタイルシートを適用したい 新しい記事を表示したい テーマとテンプレートの違いは? 問題 WordPressのテーマファイルとテ... 続きを読む

これぞプロのデザインテクニック!UIデザインの印象がよくなるデザインの知識とテクニックのまとめ | コリス

2018/03/06 このエントリーをはてなブックマークに追加 740 users Instapaper Pocket Tweet Facebook Share Evernote Clip ユーザーインターフェイス コリス レイアウト ライセンス 印象

Webサイトやスマホアプリをデザインする際に、カラー・タイポグラフィ・レイアウトなどはどのようにすればうまくいくのか、ユーザーインターフェイスのデザインが一手間加えるだけでよくなるデザインの知識とテクニックを紹介します。 10 cheat codes for designing User Interfaces 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを... 続きを読む

2010年、押さえておきたいウェブデザインのトレンド | コリス

2010/01/25 このエントリーをはてなブックマークに追加 739 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス ウェブデザイン トレンド セリフフォント フォント

CSS3やHTML5などをはじめ、トレンドのフォント、見出しのデザイン、クオリティをアップする背景など2010年に押さえておきたいウェブデザインのトレンドをWeb Designer Wallから紹介します。 Design Trends (Predictions) in 2010 下記は、各ポイントを意訳したものです。 元記事では、サンプルも豊富に掲載されています。 はじめに 1. セリフフォント ... 続きを読む

最近のインターフェイスデザインから学ぶ、7種類のボタンデザイン | コリス

2011/06/06 このエントリーをはてなブックマークに追加 733 users Instapaper Pocket Tweet Facebook Share Evernote Clip インターフェイスデザイン コリス テクスチャ チュートリアル

ユーザーのアクションを誘う購入や送信や検索ボタンなど、最近のインターフェイスデザインでよく見かける7種類のボタンデザインを紹介します。 下記は各ポイントを意訳したものです。 また、元記事ではそれぞれのボタンを作成するPhotoshopのチュートリアルも掲載されています。 1. テクスチャを使ったボタン 2. パターンを使ったボタン 3. 3Dを使ったボタン 4. 1ピクを使ったボタン 5. 背景を... 続きを読む

マスターしておきたい、Illustratorの基本的なエフェクト集 | コリス

2009/07/13 このエントリーをはてなブックマークに追加 722 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス Illustrator ジグザク エフェクト集 膨張

Illustratorの基本的だけど、マスターしておきたい効果的なエフェクトをWeb Designer Wallから紹介します。 Mastering Illustrator Effects 以下、各ポイントをピックアップしたものです。 上記サイトではチュートリアルのAIファイルもダウンロードできます。 間のびしない矢じり 角丸を素早く綺麗に描く 正確なジグザクのライン オブジェクトの収縮と膨張 変... 続きを読む

テーブルを見やすく、使いやすくするためのアルティメットガイド | コリス

2010/03/01 このエントリーをはてなブックマークに追加 683 users Instapaper Pocket Tweet Facebook Share Evernote Clip ウェブページ エクセル コリス UIパターン 縦列

ウェブページでデータをみせるテーブルを見やすく、使いやすくするためのスタイルや機能性などUIパターンを紹介したアルティメットガイドをJanko At Warp Speedから紹介します。 Ultimate guide to table UI patterns 下記は各ポイントを意訳したものです。 テーブルの「(エクセルでいうところの)行と列」の表記は、「横列と縦列」に統一しています。 はじめに 1... 続きを読む

[SEO]10分でできる、あなたのウェブページが検索エンジンにきちんとインデックスされているかどうか | コリス

2010/08/22 このエントリーをはてなブックマークに追加 662 users Instapaper Pocket Tweet Facebook Share Evernote Clip ペナルティ インデックス コリス ドメイン 重複コンテンツ

あなたが作成したページがGoogleなどの検索エンジンになぜインデックスされないのか、なぜランキングされないのか、ペナルティを課せられていないか、重複コンテンツの問題はないかを確認できる方法を紹介します。 10-Minute Missing Page Audit 下記は各ポイントを意訳したものです。 各見出しの左は時間の目安です。 [0:00-0:30]インデックスの確認(ドメイン) サイトがGo... 続きを読む

こんなにも違う!同じ被写体なのに、アマチュアとプロのカメラマンでどのように違って写真が撮影されるのか | コリス

2017/08/17 このエントリーをはてなブックマークに追加 653 users Instapaper Pocket Tweet Facebook Share Evernote Clip ライセンス 秘訣 何気ない日常 コリス pro

何気ない日常の中でも、別の視点から見ることで、印象が変わります。 同じ被写体をアマチュアとプロのカメラマンで、どのように違って写真が撮影されるのか、印象的な写真を撮る秘訣を紹介します。 Phillip Haumesser Photography Amateur Vs. Pro 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、作者様にライセンスを得て翻訳しています。 約2年前、私は周... 続きを読む

ウェブデザイナーとしてスキルアップするための20のメソッド | コリス

2010/08/26 このエントリーをはてなブックマークに追加 648 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス 原文 ウェブデザイナー スキルアップ ユーザ

素晴らしいデザイナーは日々、自身のスキルを向上しています。 「もうここで十分です」と言って成功したデザイナーを誰も聞いたことがないでしょう。 ウェブデザイナーのスキルアップに役立つ20のメソッドを紹介します。 20 Methods for Upping Your Current Web Design Skills 下記は各ポイントを簡潔に意訳したものです。 原文はそれぞれもう少し長いです。 ユーザ... 続きを読む

納期間近でIEで崩れてる! そんな時にも慌てないCSS開発のワークフロー | コリス

2012/02/01 このエントリーをはてなブックマークに追加 638 users Instapaper Pocket Tweet Facebook Share Evernote Clip CSS コリス ターゲット レイアウト IEユーザー

まだまだIE7、そしてIE6のユーザーをターゲットに考えているウェブサイトは多くあると思います。 そんなIEユーザーをターゲットに含めたウェブサイトを制作する上で、より効率的にCSSの開発が行えるワークフローを紹介します。 下記は各ポイントを意訳したものです。 1. リセットかノーマライズか 2. 基本的なレイアウトはIEで 3. 最後の確認もIEで 4. 最後の手段:IEのみスタイル 5. 問題... 続きを読む

[JS]jQuery Mobileでスマフォ対応ページをはじめて作成する際に役立つコード集とつまづきやすいポイント | コリス

2011/05/23 このエントリーをはてなブックマークに追加 632 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス 省略 プラットフォーム jQuery Mobile

jQuery Mobileを使って、スマートフォン対応ページをはじめて作成する際に役立つコード、つまづきやすいポイントを紹介します。 下記は各ポイントを意訳したものです。 スマフォ対応ページの基本HTML jQuery Mobileの利用方法 AJAXナビゲーションの停止 リストアイテムの省略を阻止 Media Queriesの利用 プラットフォームの特定 フォームを使用する際の注意点 ポップアッ... 続きを読む

[CSS]2012年最も人気のあったCSSリセットとどれを使えばいいかの指針、と上手に使うポイント | コリス

2012/11/26 このエントリーをはてなブックマークに追加 630 users Instapaper Pocket Tweet Facebook Share Evernote Clip CSS Reset ブラウザ コリス スタイル 下記

ブラウザのスタイルを初期化するCSSリセットの2012年に人気のあったものと、どのCSSリセットを使えばいいのか判断するポイント、CSSリセットを上手に使うポイントを紹介します。 CSS Reset 下記は各ポイントを意訳したものです。 2012年人気のあったCSSリセット どのCSSリセットを使うべきか判断するポイント CSSリセットを上手に使うポイント 2012年人気のあったCSS Reset... 続きを読む

Googleのアルゴリズムにおける検索順位に影響を与える200+個の要因のまとめ | コリス

2014/07/18 このエントリーをはてなブックマークに追加 620 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス アルゴリズム 順位 要因 Google

Googleの検索のアルゴリズムにおける検索結果の順位に影響を与える200+個の要因、コンプリートリストを紹介します。 量が多く翻訳するのに一週間かかりましたが、興味深いことが多々あり、とても面白かったです。 Google's 200 Ranking Factors: The Complete List 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳して... 続きを読む

Appleのデザイン戦略をウェブサイトから学ぶ、15のデザインヒント | コリス

2010/02/08 このエントリーをはてなブックマークに追加 616 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス 類語 キャプチャ Design Shack Apple

Appleの美しいウェブサイトから学ぶ実用的な15のデザインヒントをDesign Shackから紹介します。 15 Design Tips to Learn From Apple 下記は各ポイントを意訳したものです。 サイトのキャプチャは可能なものは日本サイトのものにしています。 はじめに Apple社は高級なデザインと類語です。Appleが発信する偉大なデザインを観察することから、学べることはた... 続きを読む

HTML5に踏み出せない人に捧げる、HTML5を使う10の理由 | コリス

2011/12/04 このエントリーをはてなブックマークに追加 615 users Instapaper Pocket Tweet Facebook Share Evernote Clip インタラクション コリス ストレージ オーディオ HTML

HTML5、使ってますか? このサイトも未なのですが、これからHTML5を使い始めるぞっとなる10の理由を紹介します。 下記は各ポイントを意訳したものです。 10. アクセシビリティ 9. ビデオとオーディオのサポート 8. Doctype 7. よりクリアなコード 6. ストレージ 5. インタラクション 4. ゲームの開発 3. 古いブラウザのサポート 2. スマートフォンへの対応 1. これ... 続きを読む

これぞプロのデザインテクニック!簡単なのにすごい、アイコンを作るテクニックのまとめ | コリス

2017/03/07 このエントリーをはてなブックマークに追加 612 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス ライセン 矩形 アイコン テクニック

オリジナルのアイコンを作るシンプルで簡単なデザインテクニックを紹介します。 円や矩形などの基本的な形を組み合わせたり、変形させたりして、さまざまなアイコンを作成します。 作業に慣れてしまえば、どれも1分もかからずにアイコンを作成できます。 The Super Simple Guide to Iconography 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセン... 続きを読む

中小企業のウェブサイトで陥りやすい5つの落とし穴とアドバイス | コリス

2011/04/12 このエントリーをはてなブックマークに追加 590 users Instapaper Pocket Tweet Facebook Share Evernote Clip 中枢 ブランディング ナビゲーション コリス ゴール

下記は各ポイントを意訳したものです。 はじめに 1. 役に立たないナビゲーション 2. ゴールが不明瞭 3. カラーとコントラスト 4. 分かりにくいコンテンツ 5. 情報の詰め込み過ぎ はじめに もし、あなたが中小企業のオーナーであるなら、あなたのウェブサイトはあなたの会社の中枢であり、マーケティングとブランディングにおける極めて重要なパートでもあります。 見込みのある顧客がサイトのコンテンツを... 続きを読む

 
(1 - 25 / 234件)