WEBデザイナーなら定期的にチェックしたいギャラリーサイト１０選 | MONOspaceMitakenomura Building 2F, 1-17-1, Shibuya, Shibuya-ku, Tokyo 107-0062 Japan Mail : welcome@monosp.com
現役Web制作スタッフが選ぶデザインの参考になるギャラリーサイトまとめ33選 | ページ 3 / 4 | 東京上野のWeb制作会社LIG
CSS専門のスニペット共有サイト・CSSPop
ブログ用の無料写真素材が見つかる写真サイト - ネタフル
今や、ブログの記事を書く時に最初にアイキャッチとなる写真（画像）は欠かせなくなっています。国内だと「足成」のようなサイトもありますが、他にも選択肢があるとブロガーにとっても便利です。 というところで、ブログに載せる写真が見つかる15のリソース | ブログヘラルドという記事がありました。色々とサイトなどが紹介されているのですが、その中から無料で写真が利用できるサイトをピックアップしてみました。 ▼morgueFile Morguefile（モーグファイル）は写真を無料で利用することが可能な珍しいサイトである。このサイトには、プロが撮影した写真や洗練された写真と比べると、荒削りではあるが、“臨場感”溢れる写真が多い。“プロっぽくない”写真の方がリアルに見えることもある。 ▼Stockvault Stockvault（ストックボールト）はさらに多くの無料の写真を提供している。利用規約はモーグファ
[CSS]パラパラ漫画のように画像を次々に表示させるCSS3アニメーションを使ったスライドショー
3D効果を使って迫力あるスライドショーを作れる「Slicebox」:phpspot開発日誌
Slicebox - A fresh 3D image slider with graceful fallback | Codrops 3D効果を使って迫力あるスライドショーを作れる「Slicebox」 一見普通の画像のスライドショーかとおもいきや、画像切替の際に超かっこよく3D効果を使って切り替わるスライドショーの実装ができます。 画像が立体的にぐるりと切り替わる感じは超クール エフェクトが色々と用意されています。 jQueryプラグイン形式なので、<div>のなかに画像をつらつらと並べて初期化するだけでOKの簡単実装。 3D transformを使っているみたいですが、フルに活用するとこういうこともできるんですね 関連エントリ 迫力あるフルスクリーンの背景スライドショーが実装できるjQueryプラグイン これは新しい、回転させて切り替えるスライドショー実装jQueryプラグイン 次の画
画像切替が超カッコいいスライドショーが実装できるjQueryプラグイン「Diapo」:phpspot開発日誌
Diapo | a free jQuery slideshow by Pixedelic 画像切替が超カッコいいスライドショーが実装できるjQueryプラグイン「Diapo」。 様々な切り替えエフェクトがあって、画像と共に動きも楽しむことができます。 キャプションのアニメーションもクールで、ボタンを設置できたりもします。 Youtube動画の埋め込みも可能です。 あとどうやっているのか不明ですが、Youtubeの動画なんかも次のようにスライドショーさせることができてます。 単に写真を配置するよりもこうしたものを使うほうがよりよく写真を見てもらうことができるのかも。 インデックスもついていて、カーソルを合わせるとツールチップでサムネイルが表示されるなどのこだわりも見られます。 関連エントリ 3D効果を使って迫力あるスライドショーを作れる「Slicebox」 迫力あるフルスクリーンの背景スライ
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
デザイン性の高いナビゲーションメニューまとめ「Unusual & Unique Examples Of Website Navigation」
TOP > Design > デザイン性の高いナビゲーションメニューまとめ「Unusual & Unique Examples Of Website Navigation」 WEBサイトのページ遷移のために欠かせないナビゲーションメニュー。横や縦一列に並び、誰にでも分かりやすいものが多いですが、いかに印象的なデザインができるかでデザインのクオリティが左右されるのではないでしょうか。そんな中今回は、デザイン性の高い新しいナビゲーションメニューのデザインをまとめた「Unusual & Unique Examples Of Website Navigation」です。 organic grid レイアウトや表現方法がユニークなメニューデザインがたくさん紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■Manic Design
無料で商用利用可能なコンクリートスラブっぽいボタン＋アイコン40種類
配列のユニーク化、(unique) - 素人がプログラミングを勉強していたブログ
追記2：concatだと配列のなかに配列が入ってると勝手に展開されて駄目だった。Constellationさんのコメントのコードを使うとその問題も起こらない。 追記：配列の中身に文字列以外が入ってるとうまくいかない。詳しくはコメント参照。 こうするといい。 function uniq(arr) Array.reduce(arr, function(a, b) a.indexOf(b) == -1? a.concat(b): a , []); 追記ここまで 前に作ったものよりだいぶ簡潔。たぶん速いんじゃないかと思う。配列風オブジェクトにも使える。 function uniq(arr) { var o = {}; return Array.filter(arr, function(i) i in o? false: o[i] = true); } uniq([0,1,2,3,4,8,false
CSS3で”リボン”の作り方を２つ紹介！ | InfinityScope
JavaScript で文字列の各単語の最初の文字を大文字にする - Qiita
JavaScriptには文字列の各単語の最初の文字を大文字にする関数はないです。 PHP の ucwords 関数を簡単に作る方法です。 function ucwords(str) { return str.replace(/(^|\s)[a-z]/g, function(val){ return val.toUpperCase(); }); } var text = "hello my name is tom."; console.log(ucwords(text)); // Output: Hello My Name Is Tom. Register as a new user and use Qiita more conveniently You get articles that match your needsYou can efficiently read back usefu
javascriptでキャピタライズ（一文字目を大文字にする）
一文字目だけを大文字にする toUpperCaseを使って String.prototype.capitalizeFirstLetter = function(){ return this.charAt(0).toUpperCase() + this.slice(1); }; replaceを使って String.prototype.capitalizeFirstLetter = function(){ return this.replace(/^\w/, function($0) { return $0.toUpperCase();}); }; 動作例 var str = 'test strings'; alert(str.capitalizeFirstLetter()); // Test string 単語の先頭を大文字化するString.prototype.capitalize =
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
マウス座標を起点にしたバネのオフセット｜HTML5
UIエレメントのデザインに悩んでる人にぴったり、UIエレメントのリソースが探せる・見つかる・使える -UICloud
Retinaディスプレイを考慮して作られた、ざらっとした繊細なテクスチャ素材 -Minimal Patterns
ミニマルで綺麗目なデザインのパターン素材を配布する・Minimal Patterns
IDEA * IDEA
CSS3で作るナビゲーションメニューのチュートリアルいろいろ
