@JUNP_Nです。毎年恒例になりつつある画像素材サービスのまとめ記事です。昨年は7つのサービスしか紹介しませんでしたが、今年は大幅に増えて34サイトです。
ウェブサイトやちょっとしたワンポイントに使える高品質なアイコン集が「ArtDesigner.lv」にて公開されています。それぞれアイコンセットはCCライセンスで配布されており、ライセンスの範疇であれば無料で利用することができます。商用利用もOKなので、助かる人は多いはず。 Lovely Website icons Pack#1 | Artdesigner.lv 中身はこのような8種類のアイコンがPNGで収録されています。 Lovely Website icons Pack#2 | Artdesigner.lv こちらも中身は8種類のPNGファイル WEB UI Treasure Chest v 1.0 | Artdesigner.lv 種類が多彩で、しかもPSDファイルで提供されています。文字などはレイヤーで重ねられているので、ほかの文字に変えたい場合にも簡単に編集することができます。 S
最近は商用利用が可能でなおかつクオリティの高い写真や画像がダウンロード可能なサイトも増えてきました。で、今回紹介する無料ネットサービス「PicFindr」は、そういった画像を一括してキーワード検索できるようにするものです。商用利用する際にロゴを入れたり事前許諾を行ったりコピーライト表示を行ったりする必要が全くない画像のみを選び出して表示してくれるので、かなり便利かつ作業時間の短縮が可能です。 詳細は以下の通り。 PicFindr: Free stock photo and image search http://www.picfindr.com/ 上記ページにアクセスしたら、中央下部にあるこのボタンをクリック 検索したい画像のキーワードを入力して「Search」をクリック こんな感じでずらずらと並びます。画像の上にマウスカーソルを移動させると自動的にサムネイル画像が拡大されます。 サムネイ
JEPG画像の見た目の品質を維持しつつ、ファイルサイズを1/5に軽量化するオンラインサービスを紹介します。 ※1/5は画像によって差があります。 JPEGmini 左:オリジナル(3662KB)、右:JPEGmini(628KB) [ad#ad-2] サイトではデモのJPEG画像が4種類あり、中央のスライダーを操作することで左:オリジナル、右:JPEGmini、見た目の品質を比較することができます。
なんと画像を使わずにCSSのborderだけで、上のような吹き出しボックスが実現できてしまうようです! 技術的には、border同士の重なりで斜め線を生み出して実現しているようですね。 ▼具体的なコードは以下のようになります CSS&HTML blockquote { margin: 0 0 50px 0; padding: 0;} blockquote#one { width: 250px; background: #e3e3e3; padding: 25px; position: relative;} /* 吹き出しの部分 */ blockquote#one .arrow { width: 0; height: 0; line-height: 0; border-top: 40px solid #e3e3e3; borde
画像をはじめさまざまなHTML要素をスライド表示させるカルーセルのスクリプトを紹介します。 下記のデモでは、Example One(表示数4、移動数2、手動操作)、Example Two(表示数3、移動数1、自動操作)となっています。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く