The Startupサムライインキュベートの榊原さんと知り合ったのは2010年のことで、もう10年になる。B Dash …
今年は目が離せない！バックグラウンドに動画を使ったサイト16選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、マラガの海の贈り物。ディレクターセコです。 今年は「バックグラウンドに動画を使う」サイトが注目です。本日はその中から特にイケてるサイトを16個ご紹介いたします。 動画を使うことによって、サイトイメージとインパクトが大きく変わるので、是非参考にしていただければと思います。 Nowy Teatr http://www.nowyteatr.org/en 顔が背景に表示されるという、インパクトが強いサイトです。 レスポンシブサイトになっていますが、ウィンドウ幅を変えるとブロックが消えて、動画だけが表示されます。 Marmoset https://www.marmosetmusic.com/ リハーサルの動画が流れております。 音楽グループのサイトだと思いますが、70年代を思わせるレトロ調な動画と写真を使ったカッコ良いサイトになっております。 Banana Café http://ban
著者のためのスクリーンキャプチャ考察・分解方法
スクリーンショット（スクリーンキャプチャ）をばしばし撮ってCMYK変換しなきゃいけない著者の皆さんへ… ▲こういうのを書籍向けにしなきゃならない どうされてます？ 一昔前だと、「カスタムCMYKでGCR100%で分解」というのがお勧め設定として…流布されておりましたが、ちょっとそれは時と場合によるかもよ、という話をひとつ。 「ここまでやるもんなの？」 やるところもあるんですそれがｗ 編集さんがやってたり…とりまとめている人がやってたり… やらざるを得ない人のお役にちょっとでも立てれば、嬉しいなぁ…と思います GCR100%、フルGCR（墨版生成最大）は汚くなるかもよ 一応、先にメリットをば。 スクリーンショットの文字が掛け合わせでなくスミになる（こともある） スクリーンショットの地はほぼグレーなので、掛け合わせでなくスミのみで表現される よってインキ節約 よって版ズレに強い よって全ページ
[CSS]アイコンのデザインに合ったかわいい動きをclassを加えるだけで実装できるスタイルシート -Font Awesome Animation
classを加えるだけでさまざまなアイコンが利用できるFont Awesomeを使って、各アイコンのデザインに合ったかわいい動きをアニメーションで与えるスタイルシートを紹介します。 ベルはリンリン♪、いいねは上下に、スピナーはぐるぐる動きます。 Font Awesome Animation 左はアニメーションのトリガーをページのロード時、右はホバー時にしたものです。 Font Awesome Animationの使い方 Step 1: 外部ファイル Font Awesomeと当スタイルシートを外部ファイルとして記述します。 <link rel="stylesheet" href="font-awesome.min.css"> <link rel="stylesheet" href="font-awesome-animation.min.css"> Step 2: HTML まずは、Font
ウェブデザイナーの勉強にいい！デザインの基本原則からPhotoshopの実践的なテクニックまで学べる無料のeBook -Pixel Perfect Precision 3
デザイナーさん・ディレクターさんをはじめ、ウェブデザインに携わる全ての人に必携です！ デザインの基本原則をはじめ、Photoshopを使った実践的なさまざまなテクニックが学べるeBookを紹介します。無料なのに市販の書籍に負けない、いや人によってはそれ以上の価値ある内容がぎっしり詰まってます。 Pixel Perfect Precision 当ブログでもお馴染みのPixel Perfect Precisionの第3版が、昨日リリースされました（パチパチパチパチ） 内容も大きくバージョンアップし、ページ数も165ページから214ページへと大増量。 デザインにおける、配置の基本原則、可読性を考慮したテキスト、カラーマネジメントなどをはじめ、ファイルの効率的な管理方法、Photoshopでのウェブに最適な初期設定、レイヤー管理、Illustratorのウェブで使える実践的なテクニックなど、満載の
早稲田大学の講義を無料公開「WASEDA COURSE CHANNEL」 動画1000本公開へ
早稲田大学は2月25日、同大学の教材や講義動画などを集約したWebサイト「WASEDA COURSE CHANNEL」をオープンした。iTunes Uで公開している講義動画などを集約。3月末には動画を1000本に拡充し、その後も増やしていく。 「早稲田大学 Open Course Ware」で2006年から公開してきた教材と、09年から「早稲田大学 iTunes U」で公開してきた500本以上の講義映像を集約。同大の教育内容に興味を持つ受験生や在学生の保護者、一般など向けに公開する。 動画の配信プラットフォームにはソニービジネスソリューションのコンテンツ配信管理システム「OPSIGATE」（オプシゲート）を採用。システム構築はNECが行った。検索機能には富士ゼロックスの動画インデキシング技術を利用し、動画中のスライド資料などに含まれる文字列も検索できるようにした。 32年までに全授業を学内
簡単にSEO状況を確認することができるChrome拡張機能「AdMatrix Analytics」｜男子ハック
気になるページで拡張機能を使うだけで簡単に各種情報を一覧表示SEO状況を確認できるとタイトルに書かせてもらいましたが、具体的に何ができるのかというと指定したキーワードに対しての「h1」などのタグの状況や、被リンクの状態、タグの内容などを確認することができる拡張機能です。 ChromeとFirefox用に拡張機能が提供されていて、Webページを表示した状態で拡張機能をオンにすると画面下に被さる形で情報が表示されます。 テキスト量やSEOキーワードの状況などが表示されて便利。タブを切り替えることで被リンク数なども表示できます。 サイトマッピング機能をオンにするとサイト内のタグに対してマークがついてサイト内でどこにタグが使われているか簡単にわかります。 自分のサイトで使うもよし、参考にしたいサイトで使うもよし、解析ツールというよりも情報を見やすく表示してくれるツールという印象が強いですがなかなか
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP