「 Webデザイン 」一覧

[Instagram API]インスタグラムにアップした写真や動画をサイトに読み込む@API編

[Instagram API]インスタグラムにアップした写真や動画をサイトに読み込む@API編

前回の記事で「SnapWidget」というサービスを使ってインスタグラムの写真や動画を読み込む方法を書きましたが、今回はAPIを使用して読み...

記事を読む

[SnapWidget,Instagram]インスタグラムのタイムライン、ハッシュタグをWEBサイトに表示する

[SnapWidget,Instagram]インスタグラムのタイムライン、ハッシュタグをWEBサイトに表示する

Instagram、人気ですよね。 女子とかに人気ですよねっ。ユーザーの6割は女子ですって。 そんなInstagramをWEBサイトに表...

記事を読む

[YouTube、jQuery]WEBサイトの背景にYouTubeの動画を配置するjQueryプラグイン[jquery.mb.YTPlayer]

[YouTube、jQuery]WEBサイトの背景にYouTubeの動画を配置するjQueryプラグイン[jquery.mb.YTPlayer]

WEBサイトの背景に動画を配置と聞くとvideoタグ使ってどうたらこうたら、未対応のブラウザのために画像をどうたらこうたらとか、フォ...

記事を読む

[CSS]そろそろFlexboxをまとめてみる Part.3

[CSS]そろそろFlexboxをまとめてみる Part.3

今回は「flex-grow」「flex-shrink」「flex-basis」3つと「flex」ショートハンドについてやってみようと思います...

記事を読む

[CSS]そろそろFlexboxをまとめてみる Part.2

[CSS]そろそろFlexboxをまとめてみる Part.2

前回の続きです。 Flexboxの色々なプロパティを見ていきましょう。 flex-direction 「flex-direct...

記事を読む

[CSS]そろそろFlexboxをまとめてみる

[CSS]そろそろFlexboxをまとめてみる

IE10のシェアも全体の1%を切ったということで、そろそろガンガンFlexbox使ってもいいかなと思ったり思わなかったり。 この辺...

記事を読む

[CSS]googleマップをレスポンシブに表示したい

[CSS]googleマップをレスポンシブに表示したい

気付けば4月。今月また歳を取ります。 というわけで書こうと思ってて忘れていたネタを2年越しに思い出したので書きます。 「今?!」...

記事を読む

[CSS、html5]css3やhtml5のブラウザ対応状況が確認できてベンダープレフィックスの有無も確認できるCan I Use…

[CSS、html5]css3やhtml5のブラウザ対応状況が確認できてベンダープレフィックスの有無も確認できるCan I Use…

以前も一度取り上げました「Can I Use...」ですが最近またググッてくだらないページにお越しいただいている方が見受けられますの...

記事を読む

[Sass, mixin, css3, animation, keyframes]Sassでanimationプロパティを効率化するよ!

[Sass, mixin, css3, animation, keyframes]Sassでanimationプロパティを効率化するよ!

全国1000万人のanemationファンのみなさまこんにちは! 好きなアニメはサイコパスとか攻殻機動隊とかカウボーイビバップのcss...

記事を読む

[jQuery]jQueryを使って外部htmlを任意の場所に読み込む

[jQuery]jQueryを使って外部htmlを任意の場所に読み込む

お久しぶりの更新です。 今回は表題の通り、珍しくjQueryとかやっちゃいます。 なぜこんなことをすることになったか? 事の発...

記事を読む

スポンサーリンク