簡単！パララックスサイトの作り方 - エンジニアをリングする
昨日ポートフォリオサイトをアップしたら、予想外に多くの反響を頂いてびっくりしています。 Twitter / Search - yoshiko-pg.github.io ありがとうございます。素直に嬉しいです。 素直にうれしいので例のサイトの作り方でも書いてみようかと思います。 実は結構簡単な仕組みですｗ スクロール量に応じて簡単に要素を動かせるskrollr スクロールでの動きにはこちらのJSライブラリを使用しました。 skrollr - parallax scrolling for the masses 使い方 操作したい要素にdata-[スクロール量]という属性をつけて、値に変化させたいcssを記述するだけ。 <div class="box" data-0="left: 0%;" data-500="left: 100%;">test</div> <script src"./jquer
YouTubeのURLをコピペするだけでGIFアニメが作れる「GIF YouTube」
YouTubeにアップロードされているムービーのURLを貼り付けるだけで1～10秒のGIFアニメ画像がカンタンに作成できるウェブサービスが「GIF YouTube」です。 GIF YouTube | Make Animated GIFs from Youtube https://gifyoutube.com/ GIF YouTubeで作成してみたGIFアニメがこちら。YouTubeのURLをコピペしただけで、あとはほとんど何もしなくてもカンタンにファイルを作成することができました。(画像クリックでGIFアニメ再生：容量1.48MB) GIFアニメの作り方はごくカンタン。まずはトップページにGIFアニメ化したいYouTubeのURLをコピー＆ペーストし、「CREATE GIF」をクリック。 ページが読み込まれてムービーの再生が始まるので、GIFアニメにしたい部分の最初と最後を指定します。再生
SNSボタンをオリジナルデザインに！設置方法＆シェア数の取得方法まとめ - Design Color
もくじ PHPでSNSシェア数を取得する オリジナルSNSボタンを設置する シェア数取得〜SNSボタン設置までの流れ おまけ：cssでフキダシの作り方 仕上がりイメージ 仕上がりイメージはこんな感じです。ボタンの種類は今回は自分がサイト制作時によく設置する以下の5つ（Twitter/Facebook/Google+/はてなブックマーク/LINE）とします。 ※LINEボタンについては残念ながらシェア数の取得方法がわかりませんでしたので、LINEボタンのみ吹き出しはナシです。 ※LINEボタンはオリジナルデザインにできない決まりなので、LINEボタンのみ公式デザインです。 今回もサンプルを作ってみましたよ〜。 サンプル お世話になった記事 今回の記事は以下のサイト様にお世話になりました！ありがとうございます！特にPHPでのシェア数の取得方法は本当に助かりました。もはや今回の記事はこちらのサイ
Webクリエイターボックスを（プチ）リニューアルしました
2014年8月19日 お知らせ 約2年半ぶりにWebクリエイターボックスのテーマをリニューアル！という事で、変更点をザックリと紹介します。とは言え全体のデザイン自体はあまり変わっておらず、細かいところや内部の修正・更新がメインとなっています。ちなみにブラウザーはChrome, Safari, Firefoxの最新版、IE11対応。Webクリエイターボックスに訪問するユーザーで、IE10以下を利用の割合は1.5%をきっていたのでバッサリ捨ててます。古いブラウザーを利用の方はアップデートしましょう ;) ↑私が10年以上利用している会計ソフト！ SVG画像 背景やアイコンなどで使うデザインパーツの画像をSVGに変更しました。レティナディスプレイのMacに変えてからというもの、どうも画像のギザギザが目についてしまって。リデザイン前のテーマでも一部SVGを使っていましたが、今回総入れ替えしました。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
