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

2009/11/04 1120 users コリス ウェブデザイン タイポ 意訳 トレンド

2010年に向けて押さえておきたいウェブデザインのトレンドの14のポイントをWeb Design Ledgerから紹介します。Web Design Trends for 2010下記は、その意訳です。また、同著者の別エントリーに対応したものもあります。 これはもう使用しない方がいいウェブデザインのトレンドはじめに1. 特大のヘッダとロゴ2. 手描き風のデザイン3. 大胆で大きなフォント4. タイポ... 続きを読む

【図解】https(SSL/TLS)の仕組みとシーケンス,パケット構造 〜暗号化の範囲, Encrypted Alert, ヘッダやレイヤについて～ | SEの道標

2018/07/20 950 users レイヤ シーケンス TLS 道標 図解

続きを読む

便利すぎるPhotoshopのプラグイン30選｜ferret [フェレット]

2015/05/19 579 users Ferret フェレット extensions フッター

便利すぎるPhotoshopのプラグイン30選 1.Velositey http://dandkagency.com/extensions/velositey わずか数回のクリックであっという間にホームページのレイアウトを作るプラグインです。 ヘッダからコンテンツ、フッターなどがそれぞれ10種類以上収録されており、Photoshopを起動後4回選択すればレイアウトが完成します。 ワイヤーフレームを... 続きを読む

スゴイのが登場！Webやスマホページを積み木感覚でデザインできる、日本語対応の無料オンラインツール -STUDIO | コリス

2017/08/29 549 users コリス ブッダ Studio コンポーネント 積み木感覚

国産のツールでは初じゃないでしょうか。 Webサイトやスマホアプリのページデザインを積み木感覚で楽しくデザインできる無料のオンラインサービスを紹介します。 操作が非常に快適で、ちょっと触るだけでもかなり楽しめます。 STUDIO STUDIOは無料で利用できるオンラインサービスで、日本語版と英語版がリリースされています。 ヘッダやフッタ、コンテンツのコンポーネントなどをドラッグ&ドロップでぽんっと... 続きを読む

HTML5でコーディングしたページでjQueryを使うときに気をつけること :: 5509

2010/12/13 526 users jQuery CSS スクリプト HTML 要素

そろそろHTML5でコーディングする機会も増えてきたりするかもしれませんが、どうしてもブラウザ対応はしておきたいもの。jQueryで（※）要素をごにょごにょする際にちょっとはまったので一応書いておきます。 IE8以下での話ですが、IE8以下でHTML5を利用するときはHTML5の要素にCSSが適用されないので、html5.jsのようなスクリプトをヘッダで読み込ませたりすると思います。 <!--[i... 続きを読む

PHPで日本語メールを送る – 応用編 (添付ファイル、HTMLメール) - EC studio 技術ブログ

2007/08/09 518 users PHP 添付ファイル EC studio 応用編 mail関数

PHPで日本語メールを送る - 基本編に引き続き、 今回は応用編をお送りします。 基本編で解説したmb_send_mailを使えば シンプルなメールを送るには十分な機能がありますが、 それ以上に複雑なこと、例えばHTMLメールや添付ファイルを 使ったメールにはmb_send_mailは使えません。 mail関数を使ってヘッダにガリガリとメールの仕様に そって書けば送れるのですが、それではあまりに ... 続きを読む

[JS]最近のWebサイトで見かける面白い仕掛けや便利な機能を実装するスクリプトのまとめ | コリス

2014/09/29 502 users コリス jQuery スクリプト エフェクト デモ

最近のWebサイトでよく見かける面白い仕掛けのコンテンツやエフェクト、便利な機能を実装できるjQueryのプラグインやスクリプトを紹介します。 Midnight デモページ ロゴやヘッダなどをスクロール時に固定表示し、スクロールして表示されたコンテンツに応じて、固定エレメントのスタイルシートを変更させて表示するjQueryのプラグイン。 デモでは、表示されているコンテンツに応じて、ロゴの背景色とカ... 続きを読む

朝日の森友文書改竄問題報道に対するネトウヨのカンカン踊りをまとめてみました - 雑記（主に政治や時事について）

2018/03/11 477 users ネトウヨ 時事 雑記 Twitter 朝日

2018 - 03 - 11 朝日の森友文書改竄問題報道に対するネトウヨのカンカン踊りをまとめてみました インターネット言論 政局 森友学園・加計学園 今となっては大変笑えるヘッダの写真。朝日のスクープ以来、 上記 のような文章が Twitter 上を踊り狂い、 焼けた鉄板の上で ネトウヨ がカンカン踊りをしている ような様であったが、下記の報でそれもほぼトドメといった情勢になるはずである。 ww... 続きを読む

[CSS]ヘッダは上部固定で、フッタはコンテンツが少なくても最下部にするスタイルシート、レスポンシブにも対応！ | コリス

2013/02/25 471 users ブッダ ナビゲーシ コリス CSS ナビゲーション

ナビゲーションを配置したヘッダはスクロールしても常に上部に固定されており、フッタはコンテンツの量が少なくても最下部に配置されるページを実装するスタイルシートを紹介します。 Sticky footer with fixed navbar コンテンツが少なくてもフッタは最下部に、レスポンシブ対応で！ デモ Bootstrapに素晴らしいデモがあったので、そこからデモを紹介します。 デモでは、ナビゲーシ... 続きを読む

ヘッダ、フッタ、ナビゲーション、見出しなど、Webサイトでよく使うパーツのデザインを集めたギャラリーサイトのまとめ | コリス

2015/04/14 463 users ブッダ コリス インスピレーション 見出し ナビゲーション

ヘッダ、フッタ、ナビゲーション、見出しなど、Webページでよく使う各コンポーネントやエレメントごとに国内・海外の素晴らしいデザインを集めているギャラリーサイトを紹介します。 眺めているだけで、さまざまなインスピレーション...記事の続きを読む 続きを読む

目を引くアイキャッチ画像の作り方、50の作成事例とデザインのアドバイス | コリス

2015/07/07 460 users コリス フォント プロセス カラーパレット プロダクト

あなたのブランドを魅力的に見せるアイキャッチ画像は、非常に大切です。どんなカラーパレットを使うか、どんなタイプのイメージを選ぶか、どんなフォントが一緒に機能するか、デザインのプロセスは多岐に渡ります。 Webページやブログのヘッダ、プロダクトの打ち出し、ブランドのメッセージなど、見た人の印象に残るアイキャッチ画像の作り方、50の作例とデザインする際に役立つアドバイスを紹介します。 Steal Th... 続きを読む

[CSS]初心者にも分かりやすいスタイルシートのチュートリアル | コリス

2009/10/14 454 users コリス Wireframe チュートリアル CSS htm

スタイルシートの初心者にも分かりやすく、各要素に的確なマークアップを行い、ワイヤーフレームをビジュアル化するチュートリアルをSoh Tanakaから紹介します。 Styling Post Headings That Stick Out demo下記のチュートリアルでは、見出し、日付、カテゴリ、タグを含むブログのヘッダをステップに分けて実装していきます。Step 1. Wireframe – HTM... 続きを読む

[CSS]100%幅のヘッダとフッタを天地に固定表示するスタイルシート | コリス

2009/07/05 390 users ブッダ コリス div CSS 天地

ビギナーズ向けに解説された、100%幅のヘッダとフッタを固定幅のコンテンツの天地に固定表示するスタイルシートをNoobcubeから紹介します。 Fixed Header & Footer Layout: A Beginner's Guide demo スタイルシートはIE6をはじめとする主要ブラウザをターゲットにしており、IE6用のスタイルシートファイルやdivの入れ子でIE6に対応しています。 ... 続きを読む

[CSS]divもfloatもclearもhackも使用しないで組む3カラムレイアウト | コリス

2008/03/05 389 users clear コリス div float hack

TJK Designのエントリーから、ヘッダ・フッタ・3カラムのレイアウトをdiv, float, clear, CSS hackを使用しないで実装するスタイルシートの紹介です。 A CSS layout that does not rely on DIV, FLOAT, CLEAR nor structural HACK! 対応ブラウザは、WidnowsがIE5.01, 5.5, 6, 7, F... 続きを読む

最近のサイトで見かけるかっこいいエレメントがコピペで実装できるコンポーネント集 -Refills | コリス

2014/04/16 387 users Refills コリス ブッダ モーダル アコーディオン

ヘッダやフッタ、ナビゲーション、タブ、アコーディオン、カードコンテンツ、モーダル、パンくず、オーバーレイコンテンツなど、最近のサイトで見かけるかっこいいエレメントがコピペで実装できるコンポーネント集を紹介します。 Refills Refills -GitHub デモでは、さまざまなコンポーネントの動作が確認できます。 ナビゲーション 下に半分見えてるのは、打ち出しコンテンツ 各デモの「Show C... 続きを読む

Web制作者は要チェック！最近のランディングページで見かけるデザインやアイデアのまとめ -SaaS Pages | コリス

2020/10/15 347 users コリス CTA ブッダ コピーライティング コンポーネント

最近のラインディングページで見かけるデザインやアイデア、コピーライティングがまとめられたSaaS Pagesを紹介します。 ヘッダやフッタのデザイン、ナビゲーションのアイデア、CTAや価格一覧やFAQのコンポーネントなど...記事の続きを読む 続きを読む

[CSS]背景を固定させて、カーテンのようにスクロールさせるテクニック | コリス

2013/05/15 346 users コリス CSS 去年 カーテン スタイルシート

去年くらいからよく見かけるようになったスクロールすると、カーテンを持ち上げるように次々にコンテンツが表示されるテクニックをスタイルシートのみ版とスクリプト併用パワーアップ版の二つを紹介します。 まずは、スタイルシートのみ版から。 Fixed image backgrounds スクロールするとヘッダは固定表示で、画像を配置した背景がカーテンを持ち上げるように次のコンテンツが表示されます。 背景は写... 続きを読む

１ピクのラインにこだわったデザインスタディ | コリス

2008/12/17 339 users コリス エントリー 背景 1ピクセル 1ピク

Spoonfed Designのエントリーから、ヘッダ内、ヘッダとコンテンツなど異なる色の背景の区切りに１ピクセルのラインを使用したデザインスタディを紹介します。 続きを読む

♪8th Note♪: 空メールでユーザ登録

2007/08/24 333 users ユーザ登録 空メール メールサーバ スクリプト こん

無料ケータイサイト等では空メールを送信することで利用登録するシステムがありますが、簡単に実装するとしたらこんな例があります。 １．空メールを送信。 ↓ ２．メールサーバのalias若しくはforwardでスクリプトに転送。 ↓ ３．スクリプトはメールのヘッダを解析し、登録完了メール返信及びDB登録を行う。 ↓ ４．登録完了メールのURLからアクセスすると送られたIDの認証を行い案内する。 と、こん... 続きを読む

累計32種！UIが優れたiPhoneアプリの部分デザイン（ヘッダ・フッタ編）

2013/08/21 326 users iPhone app iPhoneアプリ アプリ

いろんなUIを持ったアプリが並ぶiPhone App。 その中から、特にUIの優れた「部分デザイン」を紹介します。 ヘッダ Origami Gogobot Burpple Voicepic SoundTracking UNIQLO Viator Tours & [...] 続きを読む

ウノウラボ Unoh Labs: Ext JSをUIに使って携帯サイトのシミュレータを作ってみた

2008/07/02 315 users ウノウラボ シミュレータ Ext JS Unoh Labs

五十川です。 携帯サイトの見栄えをシミュレートするウェブアプリ作りました。と言っても、実際に作ったのはかれこれ半年以上前で、手直ししてから公開しようと思ってたら、結局「guid=ON」を付け足したくらいであとは放置だったので、さすがにいい加減晒そうと。 任意のヘッダでリクエストして、レスポンスの絵文字とか変換してサイトの見栄えを確認するというものですが、これはそもそもExt JSをいじってた頃に、... 続きを読む

C/C++中規模プロジェクトのための超シンプルなMakefile | プログラミング | POSTD

2016/09/26 297 users Makefile ポータビリティ POSTD Make プラグ

out-of-sourceビルド・自動生成されるヘッダの依存関係・オブジェクト／ソースファイルのリストの自動的な決定・インクルードディレクトリのフラグの自動生成を行える、C/C++/アセンブリ向けでポータビリティの高いシンプルなMakefileを紹介します。私は多くの小規模プロジェクトで Make を使ってきましたが、より大きな規模のプロジェクトになると、それは非常にうんざりするようなものでした。... 続きを読む

ウェブページに固定表示させるエレメントの効果的な使い方 | コリス

2011/09/09 291 users コリス エレメント fixed ウェブページ 固定

「positon: fixed;」などで配置した、スクロールしても固定位置に表示されるエレメントの効果的な使い方を紹介します。 下記は各ポイントを意訳したものです。 はじめに ウェブページで固定表示されたエレメントは、最近多く見かけるようになりました。これはページで表示されていない箇所へスクロールした時に、特定のエレメントのみ表示を残すものです。最もよく見かけるのは、ナビゲーションを含めたヘッダで... 続きを読む

保存しておくと便利！CSS Flexboxでよく使用するコードがまとめられたCSSのスニペット集

2018/08/10 289 users CSS CSS flexbox スニペット集 Flexbox

ヘッダでロゴを左寄せにしたり、検索窓を右寄せにしたり、画像をページの中央に配置したり、ページ上のあらゆる要素を揃え整列させるFlexboxをベースにしたスタイルシートのスニペットを紹介します。 サイトやブログの全体で利用できるユーティリティのclassとして、保存しておくと便利なスニペット集です。 Speed up al... 続きを読む

遠隔操作の真犯人（と名乗る）人物からのメールの件 - satoru.netの自由帳

2014/05/16 270 users satoru.net 遠隔操作 真犯人 人物 自由帳

よく見たらメールきてたー。犯行予告関連のキーワードが入っていたので、予告inメールとして処理されていて気づくの遅れました。。既出ですが、うちでも犯人からのメール本文＆ヘッダを公開します。※送付先のみ伏せてます。 メール本文 メール本文 http://yokoku.in/enkaku2012/mail20140516.pdf ヘッダ http://yokoku.in/enkaku2012/mail2... 続きを読む