The best free stock photos & videos shared by talented creators.
![Free stock photos · Pexels](https://cdn-ak-scissors.b.st-hatena.com/image/square/2d003a8046b574d5faf85a20ebd9f469771cf156/height=288;version=1;width=512/https%3A%2F%2Fwww.pexels.com%2Fassets%2Fpexels-stock-photos-6c3d5eb0cbed47e1bdf44ff85ebd9cd4669f50b895b3c6e76a23a4fd43852099.jpg)
The best free stock photos & videos shared by talented creators.
画像は使用せずにCSSだけでスタイリングしたタイトル(見出し)のデザインサンプルで、似たようなものやちょっとCSS追記した程度のものも多いですが全50種類です。 全体的にすごく手間がかかっているようなものはないのですが、似たようなタイトルデザインを使う場合はCSSコピペで実装できると思います。 また、一部複数行に向かないものもありますが、基本的には複数行のタイトルでも見栄えが崩れない感じのものになっており、余白やカラーなどを調整することでデザインを変更するのも容易です。 以下で紹介している内容は一部異なるものもありますが、基本的に下記のようなシンプルなHTMLを使用しています。 ただ、一部異なるものといってもいずれもspan要素を1つ追記する程度です。
マウスオーバーのアクションで画像を変化させるという方法はたくさんのサイトで用いられていますが、 今まではCSSで割り当てたりHTMLで直接書いてみたりというのが一般的だったと思います。 ここ近年、jQueryというJavaScriptとHTMLの相互作用を強化する軽量なライブラリが登場したことに よりjQueryが普及してきましたが、jQueryは難しいとか思われがちです。しかし、基本さえ覚えてしまえばCSSを書くよりも簡単な感覚で覚えられますので、一番初歩的な画像のマウスオーバーアクションをjQueryを使って動かす方法を記事にしてみたいと思います。 jQueryでマウスオーバー?画像を変える? つまり、こういう事です。 demo おそらく誰でも目にしたことがあるかと思います。何故、わざわざjQueryで動かすのが良いのか?って思うでしょうが、ズバリ管理が超楽なことと、jQueryという
ちょっとしたイラストが描けたらなぁ。なんて思うこと多いですが、デジタルならではの方法で簡単に描く方法が公開されていたので、簡単ですが訳したいと思います。詳細はオリジナル記事であるHow to Draw Cute Thingsを御覧ください。 最初に好きなネコとかハムスターとかナマケモノなどの動物の画像を用意する。基本的に何でも良いけど、慣れるまではモフモフ系がやりやすいみたい。トカゲとか蛇はむずい。 選んだ動物を円の集合にする 円じゃなく三角や四角を使ってもよい。動物をシンプルにする工程。画像ソフトのシェイプから選んでね。 できた形の輪郭を描く 必要のない線を消す。余裕あったら脇の下を細めたり足の重なりを上手に書いたりしてみる。 全体のバランスを変形してかわいくする 頭大きくしたり、胴体縮めたり、太らせたりしてかわいくする。ここはセンス。 可愛さは目に宿る 目が一番大事。サンプルを参考に。
jQueryで奥行きのある背景スクロールを作ってみる 普通に背景画像を指定するだけだとスクロールに追従して画像も移動しますが、jQueryで背景位置を調節することでスクロールの速度をずらすことができます。 この記事ではこの機能を利用して、スクロールすると奥行きの感じられる動作を作ってみます。 投稿日2011年05月13日 更新日2011年05月13日 画像を手前は早く、奥は遅く移動 デモを見て頂ければわかると思いますが、やってることは手前の背景画像を早く動かし、奥の画像を遅く動かしているだけです。 html + css 画像は当然ですが2枚以上用意しましょう。 ここでは3枚画像の画像を使用します。 なのでdivを3つ用意し、それぞれに背景画像を指定します。 html <div id="bg03"> <div id="bg02"> <div id="bg01"> <!-- /#bg01 --
2015/3/9追記:インテリアや収納の本を読んで、気に入ったアイデアをメモするブログを始めました! sclo-b.hatenablog.com インテリア大好き。収納考えるの大好き。 きっかけは、ブログとの出会いでした。 感謝の意も込めて、私がいつもお世話になってるブログを紹介します。 [スポンサーリンク] なんかごちゃごちゃしている我が家。色のセンスが悪いのか? そんな時に出会ったブログがこちら。 シンプルモダンインテリア? 画像お借りしました。 これ絶対白黒写真だよ!と思ったら、白と黒しかないおうちの写真なんですね。本当にすごい。感動。まさにシンプル!モダン!ご自分でラベルなどデザインされていてます。私も真似してラベル手作りしました。(アナログだけど^_^; こちらは茶と白。 -Natural zakka- Lovely Style* 画像お借りしました。 茶と白に揃えると、こんなに
イギリスの国立図書館である、大英図書館がやってくれました。 いやー。 British Library uploads 1 million archival images for free use, wins internet すげーすげーと感動してしまったので脊髄反射的にシェア。 17世紀~19世紀にかけて出版された本の画像が公開され、さらに多くのかたが素材としても利用出来るようになっている。 Flickr: The British Library's Photostream 数々の風景、イラスト、人物 100万点以上ありますので、ほんと色んなモノがありますよ。日本のものまでありました。 実際に画像はかなり高解像度でスキャニングされている為、利用できるシーンも結構幅広いものになるでしょう。 それにしても100万点以上ものスキャン。人力だとしたら頭おかしくなりそうですよね素晴らしいですね。
jqueryベースで動作する「ColorBox」。 主に画像を拡大表示するときなどに使いますが、iframeを開きたいときにも使うことができます。 使い方は簡単。 1.ソース中のポップアップさせたい部分に class="iframe" を記述し、js,cssファイルを読み込みます。 (例) <a href="/job_search.php" class="iframe"><img width="29" height="168" alt="test" src="/images/common/direct_btn.png"></a> ColorBoxからダウンロードしたjsファイルとcssの読み込み。 <script type="text/javascript">google.load("jquery", "1.7.1");</script> <script type="text/javasc
作成:2013/01/28 更新:2014/11/01 Tool > Webサービス フリーソフト、無料ツールなのにここまで使える 前回、無料素材をご紹介しました。 今回は無料で使える「ツール」をまとめます。フォント、画像、配色、htmlからエディター・アフィリエイトリンク作成補助まで。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 1.フォント 2.画像編集 3.ロゴ作成 / ネタ 4.配色 5.HTML5 6.CSS 7.ブラウザチェック 8.エディター 9.アフィリエイトリンク作成 10.フォーム作成 1.フォント PCにインストールされているフォント一覧をプレビュー Font picker イラスト等に使われているフォントを調べる WhatTheFont Windows上のテキストをくっきり、見やすく表示。 gdipp - k本的に無料ソフト・フリー
These lovely water-colorful dots will make your designs pop...
シネマグラフというのはGIF画像で作られた「一部分だけが動く写真」の名称となっています。 まずは説明するよりも実際に見て頂きましょう。 このように画像の一部分だけが動くという 不思議な写真を創り出すことができるのですが このシネマグラフ、意外と簡単に作ることが可能で WindowsでもMacでも今すぐに作成することが可能です。 ちなみに以下はウチの猫で作ってみたシネマグラフです。 今回はシネマグラフの作り方を写真を交えて紹介しますので、興味のある方は以下のステップで作ってみましょう! シネマグラフの作り方まとめ 1,Photoshop CS5 Extendedを用意します。 体験版で作れるので体験版をダウンロードすればOK! 2,動画を用意します。 今回は「流れ続ける水を猫がずっと見ている」という写真を作るため、 実家の猫を使ってキッチンで動画を撮影してみました。 3,撮影した動画を先ほど
お気に入りのデザイン素材やツールをまとめたフォルダを作成し、いつでもPhotoshopで利用できるようにしています。 フォルダに追加したくなる無料Photoshopブラシ素材50個をまとめたエントリー「40+ Free and Fresh Photoshop Brushes」が公開されていたので、今回はご紹介します。 水彩絵の具や花柄、レース刺繍やスケッチデザインなどさまざまなアイテムが揃っています、お好みの素材を探してみてはいかがでしょう。 詳細は以下から。 クリエイティブなユニークデザインのPhotoshop無料ブラシ素材まとめ 19 Free Hi-Res Watercolor Brushes 実際に絵の具を使ってペイントした質感をそのまま再現できる、19種類のブラシ素材セット。 Floral Brushes Pack 1 細かい部分まで作り込まれた、高級感のある花柄テイストの無料ブ
2013年3月25日 Photoshop 暗い場所や室内で取った写真はノイズが入りやすいですよね。画像を補正する際、意外とやっかいだったりします。Photoshopには「ノイズを軽減」機能もありますが、なんだかあまり変化がなかったり…。そんなノイズを簡単に軽減する方法をいくつか紹介します。ビフォー・アフターの差にびっくりしちゃうと思いますよ! ↑私が10年以上利用している会計ソフト! Neat Image Neat Imageは画像のノイズ除去を自動で行なってくれるソフトです。Windows、Mac、Linuxで利用でき、Photoshop用のプラグインも使うことができます。無料版と有料版があり、無料版では大きなサイズと商用利用は不可です。今回は無料版を試してみました!
先日、東京学生広告研究団体連盟の総会にて、 「インターネットでつくる人を増やす」というテーマでお話させていただきました! その時に紹介したサービスをまとめます。 この記事のターゲットは、インターネットでまだ作ったことがない人。 興味があってこれから始めよう!と思っている人向けです。 ポイントは、ブラウザだけで完結できるもの。PCさえあればOK。 アイデア・インスピレーションをストックしよう まずは、アイデアのストックやインスピレーションを高めるサービスを紹介します。 EVERNOTE 簡単なメモから、写真や動画まで記憶し、整理整頓ができるサービスです。 tumblr オンラインでできるスクラップブック。Web上の記事や画像・映像などを簡単にストックできます。 また他のユーザーの投稿もストックできるので、面白いユーザーをフォローするのがオススメです。 Pinterest 画像を貼りつけて共有
ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く