『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。
![ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP](https://cdn-ak-scissors.b.st-hatena.com/image/square/207d7d1b6dfab0ceed34d34687598dfd2e927734/height=288;version=1;width=512/http%3A%2F%2Fphotoshopvip.net%2Fwp-content%2Fuploads%2F2014%2F01%2F800x518_Seamless-Rice-Paper-Textures-800x518-1.jpg)
吹奏楽部員の楽譜への書き込みが激しすぎるとツイッター上で話題になっています。 この楽譜をみても、吹奏楽が楽だと思うのか運動部のみなさんんんんんんんんんん pic.twitter.com/iAtTHFZb1P — やまだ@眼帯の裏 (@416Nekonabe) 2014, 1月 27 元々印刷されている音符が読めないくらい印やコメントが書き込まれた楽譜に、ネット上で「地獄絵だ」「これ超わかる。絶対こうなる。」などといった反応が集まっていました。 @416Nekonabe 地獄絵だ(`・ω・´) — 雪野 春翔(`・ω・´)【春翔】 (@03043351) 2014, 1月 27 これ超わかる。絶対こうなる。 RT @416Nekonabe: この楽譜をみても、吹奏楽が楽だと思うのか運動部のみなさんんんんんんんんんん http://t.co/kkvtX0XFQj — おにおん@プレミア品コレク
今回は初めてGoogleマップのカスタマイズに挑戦したので、備忘録としてやり方をまとめました。 カスタマイズできると知ってはいるけど難しそうで試したことない人も多いはず…そんな方は是非チェックしてみてください! それではどうぞ! Googleマップのカスタマイズをする意味 実店舗があるお店のサイトにとって、そのお店の行き方や場所が分かるマップは重要なコンテンツだと思います。初めてお店に行きたい時に、サイトにマップがあるととても分かりやすいですよね! そんな時よく使われるのがGoogleマップです。ただサイトによってはマップとサイトデザインがあっておらず違和感を感じる場合もあります。 デザインをあわせるためにオリジナルの地図画像を作るという手もありますが、道が変更されたり、目印のお店が無くなったりするたびに変更しないといけないので正直あまり実用的ではありません。そこでオススメしたいのが、Go
スクロールすると商品写真がアニメーションでスライド表示するAppleのプロダクトページのように、スクロールした時、ロードした時など、ページ内の要素がビューポートに表示した時に、各要素それぞれをさまざまなアニメーションで表示させることができる単体のスクリプトを紹介します。 デモのアニメーション scrollReveal.jsの使い方 Step 1: 外部ファイル 当スクリプトを外部ファイルとして</body>の上あたりに記述します。 jQueryなど他のスクリプトは必要ありません。 <body> ... ... <script src="js/scrollReveal.js"></script> </body> Step 2: HTML スクリプトをセットしたら、あとはアニメーションで表示させる要素に「data-scrollreveal」を追加するだけです。 <h1 data-scrollr
jQuery Circliful Plugin - Documentation フラットな円形のプログレスバーを実装できるjQueryプラグイン「Circliful」。 次のようなカッコいいデザインでアニメーションするプログレスバーの実装が可能。ローディング画面などに使えそうですね 関連エントリ テーブルを様々なグラフに自動変換できるjQueryプラグイン「HighchartTable」 jQueryでブレットグラフを作れるjQueryプラグイン「jquery bullet graph」 ガントチャートとタスクツリーが作れるjQueryコンポーネント「Teamwork Gantt」 フラットデザインがクールな円グラフ描画jQueryプラグイン「Pie Chart」
Dot Navigation Styles | Codrops ドットによるナビゲーションのクールなサンプル集。 ギャラリーやスライドで使われるドットによるナビゲーション。 単にドットによるナビゲーションといっても色々なデザイン&アニメーション方法があるみたいで、こうしたナビゲーションを作る際には一度参考にしてみてよさそうなサンプル集となっています 関連エントリ レスポンシブなナビゲーションメニュー作成用jQueryプラグイン「Naver」 スクロール後、ナビゲーションをページトップに固定するjQueryプラグイン「stickUp」 スクロールすると上に固定される一見普通のナビゲーション実装jQueryプラグイン「SMINT」 クールな円形ナビゲーションを作るチュートリアル
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く