中国向けウェブサイトのソーシャルボタンの設置方法 | SeeChina365
SNSボタンをサイトに設置することで、口コミされやすくなるだけではなく、ソーシャルシグナルとしてSEOにも有効です。 中国においても同じことが言えます。しかし、日本でよく使われるのはfacebook,twitter,はてなブックマーク,Google+など５種類ぐらいですが、中国では、facebook,twitterなどのような世界中で使われるやつは使えません。代わりにローカルのSNSは２０種類近く存在します。 ☝はわずか一部で、わりとよく使うものです。一個一個つなげると気が遠くなりますよね。。 中国のサイトは口コミされるように、ほとんどSNSのシェアボタンを設置しています。今回は、中国向けのサイトを制作しているもしくはしようと考えている方に簡単に中国のSNSボタンを設置する方法をご紹介します。 「百度分享」を使う 現時点で中国の検索最大手百度が提供しているソーシャルボタンシェアサービスです
１年でフリーのWebデザイナーになった僕が実行した8つのステップ【独学デザイン勉強方法】 - LITERALLY
Desk | Flickr デザインスキルを身につけてから、世界がずいぶん広がった。自分一人の力で仕事が出来るようになったし、発信したいものがあれば好きなようにWebページを作れば良いし、プレゼンのスライドも何倍も印象的に作れるようになった。デザインで学んだことは生活していれば至るところで活きてくるので投資効果はかなり大きいはず。 今回は、Webデザインの知識が一切なかった僕が、会社や飲食店からWebデザインの仕事を請けるようになるまでの１年間に実行した8のステップ（デザインの勉強4＋Webデザインの勉強4）をまとめてみる。ここで書くのは目安として、HTML・CSSを使ったレスポンシブデザインのウェブサイトを作るあたりまで想定してもらえると良い。 いちおう自己紹介を簡単に 独学でデザインの勉強を始めたのは2年前の2012年後半。とは言っても雑誌のレイアウトデザイン（グラフィック・デザイン）
YouTubeを究極の音楽配信サービスに変える5つの方法 | ライフハッカー・ジャパン
YouTube用の音楽配信サービスをGoogleが始めるという噂が最近広まりました。でもそれを待つ必要はないでしょう。YouTubeは、使い方さえ知っていれば、既にあなたが聴きたい曲の宝庫なのですから。 最初にちょっとお断りしておきます。個人のコンテンツ制作者は自分の曲を再生する権利を設定することができます。ということは、どのようなサービスをここで論じようとも、スマートフォンや特定のアプリでは再生できない楽曲があるかもしれません。一般に、この点はどうしようもありません。それで、Googleは独自の音楽サービスを始めることを検討しているのです。 音質の問題もあります。ほとんどの人は気にしないかも知れませんが、音楽好きなら320キロバイトの圧縮されていないFLAC音質をYouTubeから聞くことは、ソースが何であれ、予想していないでしょう。 デスクトップ上でプレイリストと検索機能を使う ここ数
[Å] 旅行計画で大活躍！自分だけの地図を簡単・無料で作れる「マイプレイス」徹底解説
[Å] 旅行計画で大活躍！自分だけの地図を簡単・無料で作れる「マイプレイス」徹底解説
![[Å] 旅行計画で大活躍！自分だけの地図を簡単・無料で作れる「マイプレイス」徹底解説](https://cdn-ak-scissors.b.st-hatena.com/image/square/9d3330e235f7af17c979a286ddd299698dd62d44/height=288;version=1;width=512/http%3A%2F%2Fwebmemo.biz%2Fwp-content%2Fuploads%2F2014%2F09%2Fmypleace2014-eye.jpg)
ウェブページで使用される最近のさまざまなコンポーネントをまとめたPSD素材
ヘッダやフッタ、打ち出しエリア、コンテンツエリア、ポートフォリオ、お問い合わせなど、縦長1ページで使用されるさまざまなコンポーネントを収録したワイヤーフレーム用のPSD素材を紹介します。 プロトタイプを作成する時にゼロから始めるのではなく、こういったリソースをブレーンストーミングの際のベースにするのもいいですね。 One page website wireframes ダウンロードできる素材のフォーマットはPSDで、シェイプで作られているので、カラーやサイズ、配置の変更も簡単に行えます。 そのコンポーネントの一部を下記に紹介します。
動画で振り返る東日本大震災「世界が伝えた3.11」
今年もやってきた、3月11日。あの未曾有の災害、東日本大震災から、本日で3年が経過したことになります。 あんなに怖い思いをして、あんなに胸を痛めていたのにも関わらず、日々の生活の中で薄れていく記憶。でも決してあの日を、忘れてはならない。風化させてはいけないと、毎年この日が来るたびに、強く強く思うのです。 本日みなさまにご覧いただくのは、2011年3月11日、日本に起きた大災害の様子を伝える海外ニュース動画の数々。動画サイトYouTubeにてその全貌を観ることができます。 イギリスにアメリカ、フランスにドイツにフィンランド、そして香港。 あの日、そしてそれ以後数週間に渡って世界各国に流れたニュース映像を目にした瞬間、まざまざと思い出すのは、3年前に体験したかつてないほどの地面の揺れ。言いようのない不安と恐怖。そしてその後テレビで目にした、町を、家を飲みこんでゆく、黒々とした津波。 原発が次々
[WordPress][SNS]プラグイン・外部サービスに頼らずソーシャルボタンを設置 / 参考にしたサイトも掲載！ | stryhのchangelog
どうも@saita_ryouheiです。 タイトルにもある通りソーシャルボタンを設置しました。 設置したのはちょっと前なので既に当ブログをご覧になられている方は気付いているかと思います。 以前から設置はしていたのですが、それはプラグイン、外部サービスのJSファイルを読込み設置していました。 それでも良かったのですが、ソーシャルボタンの表示が小さいアイコンになってしまい、それとデザインに自由がきかなかったのであまり納得はしてませんでした。 そんな理由もあり納得のいくボタンを設置したいと思いかなり経つのですが、今回設置しました。 その備忘録でごあす。 表示箇所 PC PCの場合は以下、2箇所です。 エントリーページの最初 左サイド（少しスクロールするとアニメーションで表示されます） iPhone iPhoneの場合は以下に表示してます。 エントリーの最初と最後 iPhoneの場合、画面が小さい
![[WordPress][SNS]プラグイン・外部サービスに頼らずソーシャルボタンを設置 / 参考にしたサイトも掲載！ | stryhのchangelog](https://cdn-ak-scissors.b.st-hatena.com/image/square/cd4745fea06edf119cb036c7f7e5eb754d1991c5/height=288;version=1;width=512/http%3A%2F%2Fstryh.com%2Fwp-content%2Fuploads%2F2013%2F05%2Fwordpress-sns.jpg)
[JS]レスポンシブ対応の非常に美しい画像ギャラリーを実装する設置が簡単なスクリプト -least.js
least.js -デモ：画像の拡大時 least.jsの使い方 実装は非常にシンプルで、簡単です。 Step 1: 外部ファイル head内に「jquery.js」と当スクリプト・スタイルシートを記述します。画像の遅延読み込みには「lazyload.js」を使用します。 <!-- least.js CSS-file --> <link href="css/least.min.css" rel="stylesheet" /> <!-- jQuery libary --> <script src="http://code.jquery.com/jquery-latest.js" defer="defer"></script> <!-- least.js JS-file --> <script src="js/least.min.js" defer="defer"></script> <!--
レスポンシブデザインとブレークポイントからこれからのウェブを考える | バニデザノート
googleからNexus7が格安で販売されていたり、microsoftからsurfaceが日本でも発売になったり、 ますますタブレットでのウェブビューイングが広まっていくのは必至でしょう。 そんななか、検索エンジンでもあるgoogleが推奨しているのはレスポンシブ表示。 今回は、そんなレスポンシブなサイトを作る際のブレークポイントをキーにして 実際どんなものが作られているかを交えて考えていきたいとおもいます。 ざっくり言うと、どのサイズでどの表示をするかというのをピクセル幅で切り替えていくポイントのことです。 320, 480, 600, 768, 1024 あたりで区切ります。 googleのドキュメントにもあるように @media only screen and (max-width: 640px) {...} のようなカタチでCSSを切り分けていきます。 1024と320のみのPC
WordPressで複数のクリエイターが存在するポートフォリオを作る考え方 | バニデザノート
今回の場合は、ポートフォリオの詳細ページと、クリエイターの詳細ページが必要なので投稿タイプに「team」「portfolio」を（以下カスタム投稿＝「post_type」カスタムタクソノミー＝「taxonomy」として表記します。） また、「post_type:team」はカテゴリー分けしておきたいので「taxonomy:creator_type」を ポートフォリオでは「post_type:project」と、「post_type:team」との紐付けがしたいので「post_type:project」→「taxonomy:creator_name」というタクソノミーを連結させてみます。 また、「post_type:team」から「post_type:project」を呼び出すフラグとしてタクソノミー「taxonomy:creator_name」→「post_type:team」にも連動させ
本日から交通系ＩＣカードの全国相互利用サービスが始まります！ | ライフハッカー・ジャパン
以前にもお伝えしたように、本日2013年3月23日より、全国の鉄道系ICカード乗車券の相互利用サービスが開始されます。 これまでは、いつもSuicaを使っていても、関西方面へ旅行した時にはICOCAを使う...と事業者ごとに分けなくてはなりませんでした。今後はどれか1枚あれば、各地域の電車やバスを利用できるようになります。 相互利用できるようになる交通系ICカード ・Kitaca（JR北海道） ・PASMO（株式会社パスモ） ・Suica（JR東日本） ・manaca（名古屋市交通局） ・TOICA（JR東海） ・PiTaPa（株式会社スルッとKANSAI） ・ICOCA（JR西日本） ・はやかけん（福岡市交通局） ・nimoca（株式会社ニモカ） ・SUGOCA（JR九州） 注意：エリアをまたがっての利用はできない 意外に落とし穴となりそうのが、エリアをまたがっての利用ができないことです
同期も簡単 ブックマークをサムネイルで見やすく！ ihomepage.jp
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)（「ICANNがレジストラとして認定した企業」一覧（InterNIC提供）内に「Japan」の記載があるもの）を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年5月時点の調査。
日本の祝日対応＆予定まで書き込めるChrome用ポップアップ式カレンダー | ライフハッカー・ジャパン
疲れやすい、呼吸の浅さを改善。ストレッチポールは毎日使いたいほど気持ちがいい!【今日のライフハックツール】
黄金比を取り入れたグリッドレイアウトのWebデザインを構築する為のテンプレートやアクションなどの補助キット・The Golden Grid
黄金比を取り入れたグリッドレイアウト のWebデザインを作る際のPhotoshopや Fireworks用テンプレや、PSアクション などがセットになったデザインキット・ The Golden Gridのご紹介。アクション が便利そうでした。 黄金比を取り入れたグリッドレイアウト用のPSDやFw用テンプレとかアクションがセットになってるやつです。グリッドレイアウトは960グリッドシステムに準じているみたい。 内容物は以下となっています。 PhotoshopアクションPhotoshop用テンプレートFireworks用テンプレートillustrator用テンプレートindesign用テンプレートomnigraffle用テンプレートpixelmator用テンプレートflash用テンプレート上記にそれぞれ12カラム、16カラム、24カラムが用意されています。 ↑ a:bが1.6180:1となって
これはお役立ち！リンク先のfaviconをリンクアイコンとして表示させる方法！ | バンクーバーのうぇぶ屋
よくリンクにアイコンを付けることってありますよね？アレをリンク先のfaviconを自動で表示させることってできればって思ったことってないっすか？ そんなWEB屋なら一度は（？）考えたことのあるfaviconのアイコン化がこんな感じで実装できることをつい先日知ることになり、びっくり感動してしまったので是非ご紹介させて頂ければこれ幸いです！ 元記事はこちら！ Favicons Next To External Links | CSS-Tricks これ実装すると、つまり下のような感じになるわけっすね！ これ、何をしてるのか気になって見てみたら、そもそもgetFaviconっていうサービスがあるらしいことをしりました。これはリンク先のURLをパラメーターとして渡すと、リンク先の<link>情報みて、faviconのURL引っ張ってくるって仕組みらしいですね。 http://g.etfv.co/h
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
#オリジナル そんな夏休みを過ごしたいだけの人生だった - ノッツのマンガ #夏休み #辛みしかない #人生…… - pixiv
WordPress：自動バックグラウンド更新を無効化する方法 - NxWorld
html5-memo.com
新着記事
新着記事
