CSSのデフォルトとして記述しておくと便利、img要素に設定するスタイルのまとめ
最近ではモダンブラウザをターゲットにした場合、リセットCSS自体は必要ないかもしませんが、設定しておきたいスタイルや一部のブラウザ用に設定しておきたいスタイルがあります。 その中の一つとして、img要素に設定しておくと便利なスタイルを紹介します。 最近のリセットCSS、また設定しておきたスタイルや一部のブラウザ用に設定しておきたスタイルは、下記をご覧ください。 2023年、現在の環境に適したリセットCSSのまとめ img要素に設定しておきたスタイルは、こちら。 img { max-width: 100%; /* 1 */ height: auto; /* 1 */ vertical-align: middle; /* 2 */ font-style: italic; /* 3 */ background-repeat: no-repeat; /* 4 */ background-size:
JavaScriptの非同期処理Promise、AsyncとAwaitの仕組みをGIFアニメで解説
JavaScriptの非同期処理Promise、AsyncとAwaitの仕組みをGIFアニメで解説した記事を紹介します。 ⭐️🎀 JavaScript Visualized: Promises & Async/Await by Lydia Hallie 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに コールバック地獄 Promiseの構文 イベントループ: Microtasksと(Macro)tasks AsyncとAwait はじめに JavaScriptのコードが期待通りに実行されないことに悩まされたことはないですか？ おそらく、関数が不規則に実行されたり、予測できないタイミングで実行されたり、実行が遅れたりしたことがあるかもしれません。そして、ES6で導入された新機能Promiseが原因かもしれません！ 何年も
UIのデザインでよく見かける、目の錯覚による違和感を取り除くデザインテクニックのまとめ
WebページやスマホアプリのUIをデザインした時に、数値上は均整がとれているのに、人の目の錯覚で違和感を感じることがあります。ちゃんと揃えて配置したのに、同じサイズなのに、同じ色なのに、なんだか違和感があることはありませんか？ この目の錯覚による違和感を取り除くUIデザインのテクニックを紹介します。 Visually distorted - when symmetrical UI looks all wrong by Gil Bouhnick 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 01. ボタンと同じ色だとテキストは明るく見える 02. 同じフォントでも小さいサイズだと細く見える 03. 背景画像の上のテキストは読みにくい 04. 行間が間違っているテキスト 形の扱い方 05. 整列されたのに揃っているように見えない
メタルやペーパー、グランジなど高解像度のフリーのテクスチャ素材
ステンレス、チタニウム、ゴールド、カーボン、リサイクルペーパー、古紙、グランジなど、高解像度のフリーのテクスチャ素材をpsdGraphicsから紹介します。
ハイパーテキストリンクのスタイル大全
ハイパーテキストリンクをデザインする上で知っておきたい基礎知識から、実用的なチップス、やってはいけない間違いなど、すぐに役立つテクニックをSmashing Magazineから紹介します。 The Definitive Guide To Styling Web Links 以下は、各ポイントを意訳したものです。 はじめに ハイパーテキストリンク（リンク）はウェブページをつなぎます。Web Standardistasによると「ハイパーテキストリンク無しではウェブはウェブではなく、それはただ別個の、無関係なページのコレクションでしょう」と言っています。 我々はページにたどり着いたら、ある種のリンクをクリックする必然性があります。 1. CSSのセレクタと擬似クラス リンクをスタイルする時には、ユーザーはページを流し読みすることを忘れないでください。そのため、リンク箇所はしっかりと明示すべきです
ウェブデザインでこれは気をつけたいの35のポイント
ウェブサイトやブログの作成・運営で、避けておきたい35個のミスをnetjellyから紹介します。 List of Web Design Mistakes You Should Avoid 下記は、各リストを意訳したものです。 ※訳者注： 一部過激なものは表現を少し和らげています。 はじめに ウェブサイトやブログを開発・作成する際に、避けた方がよいミスをリストアップしました。 1. 作るだけでは終わりではない ウェブサイトは開発・作成だけでは終わりではなく、公開・運営する必要があります。そして、オンラインやオフラインでウェブサイトの告知に手間や時間をかけることはいっそう必要になります。もし、あなた自身があなたのサイトについて時間をかけないなら、他の誰もそれはしないでしょう。 2. 広告をコンテンツに混ぜない 広告をコンテンツに混ぜると、短期的にはクリック数を増やすかもしれません。しかし、ユー
たった一晩で睡眠の周期を変える方法
異なる時間帯の国へ旅行するときなどに役立ちそうな、たった一晩で睡眠の周期を変える方法をWise Breadから紹介します。 How to Naturally Reset Your Sleep Cycle In One Night [ad#ad-2] この方法は時差ぼけを解消したり、シフト交代制の仕事の順応を改善するでしょう。 睡眠の周期を変える方法は、次の起床予定時刻までの12～16時間は食べるのをやめることだそうです。 次に食事をした時に、それが新しい一日のスタートとして体内時計がリセットされ、睡眠の周期をスムーズに変えることができます。 例えば、2:00 amに起床予定の場合は、前日の10:00 amか2:00 pmから食事を絶ちます。 旅先などで朝食がいつ出されるか確認して、その12～16時間前から食べないようにするとよいとのことです。 サイトではこの方法に基づいた小さい哺乳動物の行
Excelのいろいろなペースト方法 | コリス
コピーしたセルの書式をペーストするには、[Alt]+[E]の後に、[S]、[T]、[Enter]をします。 3. エクセルで数式をペースト コピーしたセルの数式をペーストするには、[Alt]+[E]の後に、[S]、[F]、[Enter]をします。 4. エクセルで入力規則をペースト コピーしたセルの入力規則をペーストするには、[Alt]+[E]の後に、[S]、[N]、[Enter]をします。 5. エクセルでセル幅をペースト コピーしたセルのセル幅をペーストするには、[Alt]+[E]の後に、[S]、[W]、[Enter]をします。 6. エクセルでコメントをペースト コピーしたセルのコメントをペーストするには、[Alt]+[E]の後に、[S]、 、[Enter]をします。 7. エクセルで全てをペースト
眠れない時や良質な睡眠をとりたい時に試したい10のポイント
眠れない時や良質な睡眠をとりたい時に試したい10のポイント米Yahoo!の女性をターゲットにしたサイト「Shine」から紹介します。 10 Tips for Getting Good Sleep 以下、その意訳です。 良質な睡眠をとることについて、ここに非常に重要なアドバイスがあります。睡眠の欠如は本当に私たちに多くの影響を与え、そして睡眠が標準的なレベルに達していないことに注意を払いません。 もしあなたがブルーな気分だったり、元気がないように感じるなら、1週間だけでも30分までに眠りにつこうとしてみてください。 これは、本当にその助けになることができます。 その際、良質な睡眠をとるためのアドバイスを紹介します。 散歩だけでも構わないので、毎日運動するようにします。 午後6時以降には、カフェインは摂らないようにします。 就寝1時間前には、頭を使うたぐいのことは避けるようにします。 例：封書
休み疲れや疲労回復にきく、自分一人で簡単にできるマッサージ | コリス
テレビ「おもいッきりDON!」でやってた「疲労回復リフレクソロジーランキング」から、自分一人で簡単にできる疲労回復リフレクソロジーをご紹介というか、覚え書きです。 効能はうろ覚えです、やり方はテキストで。 後頭部（耳後ろ）の窪んでいる箇所をコブシ（人差し指）でグリグリする。 肘を机で支えて、頭の重さで押してもよい。 →肩こり、眼精疲労。 足の裏の土踏まずを両手の親指で前後に強くこする。 ストッキングにゴルフボールを入れて、足の裏にこするも可。 →便秘。 耳を指ではさみ、あひるの口がパクパクするように動かす。 →目覚めにやるとすっきり。 テーブルに手のひらを上にしておき、反対の肘で真ん中をグリグリする。 →自立神経。 ふくらはぎを両手で包み込み、親指で上下にこする。 →忘。 どれも適度にイタキモチよいですが、やりすぎにはご注意を。
可読性が高い、使いやすそうなフリーフォント集 | コリス
350 Designsから、可読性が高いフリーフォントをいくつか紹介します。 Clean font showcase Asenine Aurulent Sans Decker Howies Funho
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Mac, Win, Linux対応、Illustratorのようにベクターでイラスト・デザインができる無料のドロー系ソフト、期待上げ！ -Gravit
昭和っぽいレトロな雰囲気が漂う日本語のフリーフォントのまとめ
漢字も揃ってる、日本語のフリーフォントのまとめ -2011年版
2010年総まとめ：商用利用も無料、日本語・英語の高品質なフリーフォント集
ステキな文房具屋さんのリンク集
登録数は70,000以上、商用でも無料のフォントをまとめたサイト -FontPark | コリス
[CSS]スタイルシートをほんの少し軽量化する10のTips
使用しているWordPressをさらに便利にする7つの方法 | コリス
[CSS]本棚をモチーフにした多段型ドロップダウンのナビゲーション