『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。
今更っぽいですが、Bonesでサイト作り替え計画中です。 作り替えを計画したきっかけは、やっぱりカスタマイズがしたいから!! カスタムしたい→やっぱり自作が一番カスタムしやすい STINGER3使い始めたきっかけも、自作でテーマ作った方が色々調整しやすいし…って思っていた所で『SEOに効く』なんてキーワード聞いちゃったもんだから、どうせ入れ替える(作り替える)なら使ってみようという感じでした。 で使ってみて、やっぱりカスタムしたい→やっぱり自作がいいな→じゃ作るか←イマココ というワケです。 現在製作中なので、STINGER3利用による感想などは入れ替える段階になったら報告するとして、 WordPressのテーマ、Bonesとは? Bones デベロッパー向けのWordPressのテーマ。HTML5、レスポンシブに対応。 名前のBones(骨)の通り、HTML5・レスポンシブなサイトが出来
初心者でもすぐ使える!レスポンシブWebデザイン対応のWordPress無料テーマ10選 スマートフォンやタブレットでも表示できる、【レスポンシブWebデザイン】に対応したWordPress無料テーマ(テンプレート)を紹介する記事です。初心者でも使える簡単なものだけをピックアップしています。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元:GMOリサーチ株式会社 調査期間:2021年8月12日~8月16日 調査対象:2020年8月以降にプログラミングスクールを受講した18~80歳の男女1,000名 調査手法:インターネット調査 スマートフォンを持つ人が増えてきた昨今、スマートフォン向けのWebサイトを作ることはいわば必須事項とも
最近レスポンシブWordPressテーマが人気です。 Minimal WPのテンプレートもレスポンシブ対応テーマが人気で、 非対応のテーマで運営していた方の乗り換えもかなり多くなって来ました。 レスポンシブテーマのいい所は、パソコンでもスマホでもタブレットでも、 見る人の環境に合わせて勝手にレイアウトが最適化される所です。 スマホ専用サイトを作らなくても良いのでラクチン。 ただ、サイト作成時にはレイアウトの確認を各端末でしなくてはいけないので、 普段のサイトよりも確認作業はひと手間必要です。 そんなひと手間を劇的にラクチンにする便利ツールを2つご紹介。 各端末のレイアウト確認が簡単になる「Viewport Resizer」 いわゆるブックマークレットと言うやつです。 ブラウザのブックマークバーなんかに登録しておいて使います。 自分のサイトを開いてこのブックマークレットのボタンを押すと、 パ
レスポンシブ対応の柔軟なグリッドが使えるだけのごくシンプルなものから、実用的なさまざまなユニットまで用意された高機能なものまで、便利なスタイルシートベースのフレームワークを紹介します。 まずは、シンプルなグリッドだけのものから。
レスポンシブなWebデザインを考える時に若干面倒なのが動画の埋め込みです。YouTubeやVimeoでは動画を埋め込むためのiframeタグを配布していますが、これがwidth/height固定でレスポンシブでなかったりします。 解決策としてはスタイルシート指定もあるのですが、単純にwidth指定では横長で左右の黒い部分が多い動画になってしまいます。そこで使ってみたいのがFitVids.JSです。 埋め込み例。YouTube動画です。 幅を縮めた例。Vimeoも対応しています。 Kickstarterのウィジェットはうまくいかない模様。動画はうまくいきます。 使い方は簡単で、動画のクラス/IDを指定して実行するだけです。 <script src="path/to/jquery.min.js"></script> <script src="path/to/jquery.fitvids.js"
sichoru.net このドメインを購入する。 2018 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
Google AdSense で、スクリーンサイズに応じて広告サイズを出し分け可能な 「レスポンシブ広告ユニット」 が提供開始されました。 ちょっと前に、Google AdSense で新しい非同期コードを使ったら、CSS でサイズ変えるだけで配信される広告サイズが自動的に切り替わっていい感じっていう記事書いたんですよね。 広告が読み込まれた時点でのウィンドウズによっての出し分けなので、所謂レスポンシブにウィンドウサイズの可変に対して動的に広告サイズが変わるわけじゃないんですけども、簡単にスクリーンサイズに合わせて最適なサイズの広告を出し分けられるのはいいよねってことで。 AdSense の非同期コード使ったらスクリーンサイズにあわせた広告サイズの変更が超簡単だった件 ただ、この時点では Google から公式にこの方法で広告サイズを出し分けることについて、(例えば規約的に) OK なのか
http://twitter.github.io/bootstrap/scaffolding.html#responsive 以下のサンプルはサイドバーに適用するのが前提なので、横幅が 480px 〜 980px あたりが一番領域が狭くなる(スマフォだとfloatが解除されて結果的に広くなるので)ので、以下のような感じの条件分岐になりました。 細かいところはそれぞれの環境に合わせて書き換えてください。 add_shortcode('responsive_adsense', 'responsive_adsense'); function responsive_adsense(){ $adsense =<<<EOL <script type="text/javascript"><!-- google_ad_client = "ca-pub-xxxxxxxxx"; var width = jQu
最近リリースしたもの中心に、個人ブログ、写真やクリエイティブな作品を見せるポートフォリオ、企業・ビジネスサイトなど、レスポンシブ対応のWordPressのテーマファイルのまとめをflashuserから紹介します。
作成:2013/04/30 更新:2013/06/02 WordPress > そろそろ、ブログのレイアウトでも変えてモチベーションをあげたい。有料でもダメなの多いし、そうだ!海外の「ソーシャルで評判の良かった」無料のWordPressテーマだけ集めよう。 今回は近々「有料」になってしまいそうなほど、おしゃれなWordPressテーマをまとめました。シンプル+レスポンシブで分かりやすいもの中心です。 エンジニア速報は Twitter の@commteで配信しています。 WordPressテーマのダウンロード前に 無料でダウンロード可能なテーマを集めました。使用する際は各配布元のサイト規約にご注意ください。また安全性は確認できておりませんので検証をした上で使用してください。 Pinboard demo / download(文中の「Download View Demo」の部分) Bones
Hello World with a Big Smile (^^) @conchikuwaです。 最近では当ブログでもPCと同じくらいスマホ、タブレット等のモバイルでのアクセスが増えてきました。通信速度も早くなり、画面も大きく軽いデバイスが増えてきたので、快適にチェックできますからね。当然の流れだと思います。 そうなるとやはりモバイルに合わせたデザインというものが重要になってくると思います。モバイル対応する方法としてレスポンシブデザインでテーマを作る方法とてモバイル専用のテーマを作ってユーザーエージェントで切り替え方法があると思います。今回はそれぞれの方法についてちょっと纏めてみようと思います。 うまく纏まってなかったらゴメンネ。。。 レスポンシブデザインでテーマを作る方法 レスポンシブデザインについてご存じない方の為に簡単に説明すると、 デバイス毎に表示できる横幅が違うので、その横幅に合
jQueryなどに依存せず単体で動作し、スクリプトがオフでも機能し、実装も非常にシンプルで、デスクトップやタブレット・スマフォそれぞれで最適な状態で表示し、IE6にさえ対応し、しかも超軽量のスクリプトを紹介します。 シンプルで、セマンティックなマークアップ 1.8KBの超軽量スクリプト 外部ライブラリは不要 CSS3アニメーションを使った美しいエフェクト タッチイベントをサポート クリックとタップの違いを調整 スクリプトがオフでも機能 MITライセンス 対応ブラウザ IE6をはじめ、デスクトップ・タブレット・スマフォの主要なブラウザ全て。 以下は、テスト済みのプラットフォームです。 iOS 4.2.1+ Android 1.6+ Windows Phone 7.5+ Blackberry 7.0+ Blackberry Tablet 2.0+ Kindle 3.3+ Maemo 5.0+
Sass+Compassのちょっとリッチ系CSSフレームワークを比べてみた(画像多くて重くてごめん) 2013.04.10 | この方法お勧めです! | 覚えておきたい 春です。そろそろ春キャベツがおいしい季節。そんな春キャベツをたっぷり使って、サーモンのちゃんちゃん焼きはいかがですか? なんだかちゃんちゃん焼きっていうときはサーモンじゃなくて鮭って言った方がおいしそうですね。なんでかな? さてさて、世の中CSSフレームワークってたくさんあって、Bootstrapなんかだともう誰でも使ってる、みたいな感じがありますね。 私はなんとなくしっくりこない感じがして、今までCSSフレームワークって使って来ませんでした。 でも、ちょっと思うことあってSass+Compass限定で、ちょっとリッチなuiも揃ったものの中で、さくっとモックアップを作れる様な、使い勝手がいいものがないか、いろいろと探してみ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く