ak1zak1のブックマーク - はてなブックマーク

SNSのシェアボタンの設置方法まとめ (サンプルコード付き)

サンプルデモ真ん中寄せをして、ウィンドウの横幅が480px以上の場合は、5つのシェアボタンを横並びで表示し、スマホなど、ウィンドウの幅が狭いブラウザでは、LINEを含めた6つのボタンを1行に3つずつ表示するレスポンシブ仕様になっています。ここで表示している個々のボタンは画像を使用していますが、実際と同じように動作するので、ウィンドウの幅を広げたり縮めたりしてみて下さい。実際のシェアボタンでのデモを見たい人は、「サンプルデモを見る」のボタンから別ページにアクセスして下さい。 HTML <h2>シェアボタンの表示</h2> <p>横幅を狭めると、2行になり、LINEボタンが出現します。LINEボタンの画像は、<a href="https://media.line.me/howto/ja/" target="_blank">公式ウェブサイト</a>よりダウンロードする必要があります。</p> <

ak1zak1 2015/03/10

SNS

リンク

HugeDomains.com

Captcha security check gakublog.com is for sale Please prove you're not a robot View Price Processing

ak1zak1 2015/02/24

リンク

同人誌の告知サイト（特設サイト）作るときにやってること - MEMOGRAPHIX

そろそろコミケが近づいてきたので、同人誌の準備してる人もいると思う。同人誌といえば、ぼくは同人誌を発行するときには必ずその告知サイトを作って事前に公開している（特設サイト、ランディングページ、名称は色々あるがここでは告知サイトと呼ぶことにする）。そこで、なぜそれを作るのか、どういうことを考えて作っているか書いてみたい。過去に作った告知サイト事例過去3回分くらいは、下記のような同人誌を発行して、それぞれサイトを作った。あわせてスクリーンショットも載せる。ちなみに、いずれもペライチで作っていてページ遷移は無い。 C84（2013年夏）パッケージ等でよく見る「あの短い英文」の正体って何なの？同人誌「プロダクトポエトリー研究」をC84にて無料で配布します – 日本同人誌デザイン協会C85（2013年冬）付録にTumblrテーマがついてくる同人誌「同人作家のためのTumblr入門」をC85で

ak1zak1 2015/02/05

*webデザイン

リンク

食堂souffle

きまぐれ定食・・・¥800 おまかせ定食・・・¥1200 カルボナーラトマトベースのパスタオイルベースのパスタ和出汁のピクルス唐揚げ水餃子ごはんお味噌汁お惣菜出し巻き卵他いろいろ… 珈琲カフェオレ温州みかんじゅーす自家製ハニーレモンジンジャー自家製きんかん茶 ◎紅茶春摘みダージリンセイロンロイヤルミルクティフレーバーティ ◎果実酒（季節で変わります。）梅りんごレモンチェリー枇杷瓶ビール〒604-8462 京都府京都市中京区西ノ京北円町63 tel 075-462-8738 open 12:00-21:00(L.O.20:00) 不定休 JR山陰本線「円町駅」京都市バス「西ノ京円町」もしくは「北野中学前」徒歩3分

ak1zak1 2015/02/05

*webデザイン参考

リンク

出汁まで飲み干したい！温かいうどんレシピ第2弾 - 朝時間.jp

寒い日に食べる、あつあつ湯気立つうどんって本当に美味しいですよね。旬の大根や、体があたたまる生姜、ふわふわ卵に、風邪予防にもなるニラ。冷凍うどんは電子レンジでチンすれば使えるし、朝の時短にもなりますよ。今回はあったか美味しい、うどんレシピをご紹介します！ 10分で完成！簡単「梅わかめうどん」白ねぎとわかめに梅チューブを添えた、簡単レシピ。梅の香りは食欲をそそります。乾燥ワカメは何かと使えるので常備しておくのがおすすめ。 ▼▼レシピはこちら▼▼ 簡単！梅わかめうどん http://www.asajikan.jp/asagohan/r/553375.html by 槙かおるさんお箸が止まらない「味噌煮込みうどん」名古屋といえば赤味噌！一度食べたらハマる「味噌煮込みうどん」には味が染みて美味しくなる、鶏モモ肉や油揚げを入れて。最後にのせた卵で、また味をまろやかにして楽しめます。

ak1zak1 2015/02/02

レシピ

リンク

あと1歩の自信が身に付く7つの行動 | ライフハッカー・ジャパン

本物の自信というのは、少しずつ積み重なっていくものです。一晩で自信が持てるようになったり、何でも前向きに考えられるようにはなりません。しかし、もう少し自分に自信が欲しいという人のために7つの行動をご紹介しましょう。 1. 他人と比べるのをやめる他人と自分を比べるのは最悪です。あなたが知っているのは、相手の奥底にある真実ではなく、あくまでも表面的なことです。そんなことよりも、もっと大事な自分の強味や目標に目を向けましょう。 2. 自画自賛しない自画自賛したり、自慢したりしている人が、自信のある人だと勘違いしがちです。しかし、成功している人というのは、立派で優しく、謙虚で、出しゃばらないけれど、実はすごい人だということがわかってしまうような人です。そのような深い人間性が知られると、さらに尊敬されるようになります。 3. 自分の限界を意識しない最も成功している人ですら、自分には限界があると

ak1zak1 2015/01/28

lifehack

リンク

WordPress個人ポートフォリオテーマ25＋オンラインマガジンテーマ11＋1ページテーマ35＋HQ無料＆有料テーマ20

個人ポートフォリオサイト用WordPressテーマ25 25+ Personal Resume & Portfolio Wordpress Themes - Tutorial Zone プレミアムテンプレート集。クオリティ高い。あとあまり見かけないのも多くまとめられていたので、ブクマ行き。オンラインマガジンの為のWordPressテーマ11 11 Best Responsive WordPress Magazine Themes | iBrandStudio いいと思います。今は個人でもオンラインマガジンを運営する時代ですから、覚えておいて損はないんじゃないでしょうか。各種カテゴリ理由による違いや、ブロックの使い方、1トップ記事の見せ方など、どれもオリジナリティの高いものです。クオリティの高い無料＆有料テーマ35個 35+ One Page Bootstrap WordPress

ak1zak1 2015/01/27

wordpressテーマ

リンク

[WordPress]ダッシュボードの使い勝手を向上させるカスタマイズTIPS 10

ログイン画面のロゴ変更まずはおなじみのカスタマイズから。 WordPressロゴをサイトのロゴに変更します。複数のメディアを運営している時などに判別しやすいです。 functions.php内 //ログイン画面のロゴ変更 function login_logo() { echo '<style type="text/css"> #login h1 a { background: url('.get_template_directory_uri().'/images/login_logo.png) no-repeat; width: 320px; height: 70px; background-size:100% auto; } </style>'; } add_action('login_head', 'login_logo');

ak1zak1 2015/01/27

wordpressカスタマイズ

リンク

ネットで服を買う時は必須！誰でもできる体のサイズを測る方法

服を買う時に気になるのはサイズ。最近はネットで購入する人も増えましたが、どうやってサイズを合わせてますか？多少サイズが合わなくても気にしないよ、はもったいない！自分の体のサイズをしっかり測って、なるべくぴったりな服を選べる準備を整えましょう。服を合わせるときの体のサイズわかりますか？みなさんはショップに行って服を買いますか？それともネットで服を買いますか？ショップに行かなくてもお気に入りの服が買えるし、ウィンドウショッピングもとっても楽チンなので、服はほぼネットで買ってるよ、という人も多んじゃないでしょうか。確かにネットで服を買うのはとっても便利なんですが、気になるのはサイズです。雑貨などと違って、洋服はサイズが合わなければそもそも着ることができません。多少サイズが合ってなくても気にしないよ！という人もいますが、それは…やっぱりもったいない！というわけで、自分の体のサイズをしっか

ak1zak1 2015/01/27

お役立ち

リンク

2015年のWebサイトの作り方 at 67ws

The document summarizes quotes from three individuals about web design and development. Tim Berners-Lee notes that the primary principle of the web is universality, meaning it should be accessible from any device. Jason Fried argues that designing in Photoshop wastes time, as the design then needs to be rebuilt in HTML/CSS. Instead, one should design directly in HTML/CSS to allow for faster iterat

ak1zak1 2015/01/23

*web制作

リンク

【レシピ】中国で「麻婆豆腐より美味」と話題の『麻婆豆腐鶏』が白飯泥棒級にウマすぎる件 / 麻婆豆腐の素を使うと超簡単にできるぞ！

【レシピ】中国で「麻婆豆腐より美味」と話題の『麻婆豆腐鶏』が白飯泥棒級にウマすぎる件 / 麻婆豆腐の素を使うと超簡単にできるぞ！沢井メグ 2015年1月20日ピリっと辛くてごはんにめちゃ合う「麻婆豆腐」。特に中華が好きという人でなくても、一度くらいは食べたことがあるであろう日本で最もポピュラーな中華料理である。中国には、その麻婆豆腐の進化版とも言える料理が存在するという。その名も「麻婆豆腐鶏（まーぼーどうふどり）」!!　何でもごはんが進みすぎて「白飯泥棒」というくらいのウマさらしいのだ！　一体どんな料理なのか、実際に作ってみたぞ。・中国版麻婆豆腐鶏の作り方中国で紹介されている麻婆豆腐鶏の作り方は以下の通りだ。【材料】・鶏もも肉：1枚・豆腐：1丁・長ねぎ：1/4本・にんにく：1かけ（みじん切り）・しょうが：1かけ（みじん切り）・豆板醤：大さじ2 ・花椒：小さじ1 ・酒

ak1zak1 2015/01/20

*レシピ

リンク

動画総再生回数5億回突破の“ピアノ・ガイズ”！4月22日、日本で初の完全版コンサートが開催決定！<br>来日記念盤として、最新アルバム『ワンダーズ』も同日発売！ | ピアノ･ガイズ | ソニーミュージックオフィシャルサイト

動画総再生回数5億回突破の“ピアノ・ガイズ”！4月22日、日本で初の完全版コンサートが開催決定！来日記念盤として、最新アルバム『ワンダーズ』も同日発売！美しい景色と超絶技巧、そしてユーモアの要素が盛りだくさんなミュージック・ビデオで人気を集め、動画総再生回数は5億回を超える“ピアノ・ガイズ”。昨年9月に初来日をし、数多くのメディア等で紹介をされ、話題になったのも記憶に新しい中、いよいよ日本で初めての完全版コンサートが4月22日に東京・Bunkamuraオーチャードホールにて、開催決定！この来日公演を記念し、同日に米ビルボード・チャート3部門でNo.1に輝いた最新アルバム『ワンダーズ』の日本盤リリースも決定！今春、異色クリエイター集団が放つ最先端エンタテインメントが吹き荒れます！ピアニスト、チェリスト、映像クリエイター、音楽プロデューサーによる異色クリエイター集団”ピアノ・ガイズ”。ワ

ak1zak1 2015/01/20

プレミアム席…(；ﾟдﾟ)…グリーティングだと…！！？

リンク

https://www.jreast.co.jp/aas/20150120suica100_hatsubai.html/

ak1zak1 2015/01/20

suica

リンク

Photoshopがもっと便利になるすごい機能拡張・プラグインのまとめ

Photoshopは標準機能だけでも便利なツールですが、もっともっと便利になる機能拡張やアクションを紹介します。定番として入れておきたいものから、特別な使用シーンに使うものまで、優れ物ばかりです。 Photoshopでのガイド引きに欠かせない強力な機能拡張定番のGuideGuideは3.1.2にバージョンアップ幅の異なる複数のガイドを一気に作成できる優れ物 Photoshopのスウォッチをフォルダで管理カラーピッカーを開かずにカラーのコードを簡単コピー複数のさまざまなオブジェクトのカラーを一元管理手元の画像からシームレスなテクスチャを1クリックで作成ビットマップのオブジェクトをベクターに変換画像にパースをつけてかっこよく見せるパラグラフのレイアウトを段組みに変更要素のサイズやエフェクトやフォントなどの情報を書き出すエレメントやマージンのサイズを書き出してくれる黄金比

ak1zak1 2015/01/15

photoshop

リンク

Seaside Multi Skype Launcher--オールフリーソフト--

Seaside Multi Skype Launcherは複数のSkypeアカウントを同時に実行することができるソフトです。機能・特徴・1台のPC(同一OS)上で複数のSkypeアカウントを同時に実行することができます。・通常Skypeは1台のパソコン(同一OS)上では1つのアカウントしか実行できませんが、Seaside Multi Skype Launcherを使用すると複数のSkypeアカウントを同時に実行することができます。・プライベート用、仕事用など複数のSkypeアカウントを持っている人は、いちいち「サインアウト」→「サインイン」する必要がなくなり、とても便利になります。・シンプルな設定画面なので、簡単に使用することができます。使い方・インストールの最後に「Seaside configuration を実行する」にチェックを入れて終了すると、設定画面が表

ak1zak1 2015/01/13

Skype

リンク

100種類以上のマウスホバーエフェクトを手軽に使えるCSSライブラリ「Hover.css」が便利。WordPressでも簡単利用。

Hover.cssとは Hover.cssとは、手軽にホバーエフェクトを利用できるようになるCSSライブラリです。すべて、CSSで動作するので、AタグなどのHTML要素のクラス指定部分にクラス名を記述するだけで、100種類以上の様々なマウスホバーエフェクトを手軽に使えるようになります。利用するときは、こんなタグで利用できます。 Font Awesomeのアイコンフォントを利用したことがある方なら、Font Awesomeを利用するように、クラスを指定するだけで使うことができるので、簡単に利用できます。 Hover.cssの主な利用手順 Hover.cssを利用するのに必要な主な手順は、以下の3手順です。 Hover.cssのダウンロード＆設置 Hover.cssを呼び出す Hover.css用のタグを記入する利用するファイルも、hover.css（縮小版はhover-min.css）