chomoranma9のブックマーク (697)

  • これは貴重!商用利用無料のかっこいい動画素材がダウンロードできる -Mazwai | コリス

    背景いっぱいに動画を表示したページを作りたい! でも動画をつくるのは大変、、、そんな時にはかっこいい動画素材が揃った「Mazwai」。 Mazwai Mazwaiの紹介の前に、、、動画をページに使いたい時は、先日紹介したスクリプトがスマホも配慮されており簡単です。 動画をブラウザいっぱいやエレメントの背景として配置できるスクリプト(スマホにも配慮) -Vide MazwaiではまさにWebページで使いやすい動画のフォーマットが2種類用意されています。 .mp4 .webm 動画もいい感じのものがたくさん揃っています、風景、人物、街中、オブジェクトなどいろいろ! ダウンロードできる動画は、2種類が用意されています。 ショートバージョンは各サムネイルを右クリックでダウンロードでき、ロングバージョンはサムネイルをクリックして動画を全画面表示し、右下のアイコンからダウンロードできます。

  • 新着記事

    『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

    新着記事
  • Swiftを使ってテトリスをつくる方法を丁寧に解説したサイト「Swiftris」 | ソフトアンテナ

    オンラインのプログラミング学習サイトBLOCが、Swiftを使ってテトリスを作成する方法をステップ・バイ・ステップで解説した無料サイト「Swiftris」を公開しています(公式ブログ)。Free eBookとありますがPDF形式の電子書籍などがダウンロードできるわけではなく、学習用Webサイトに無料アクセスできるようになる仕組みのようです。 ↑目次です。 オンライン学習サイトの教材(?)だけあって、解説は丁寧で分かりやすそう。Swiftのビッグウェーブに乗って行きたい方はどうぞ。

    Swiftを使ってテトリスをつくる方法を丁寧に解説したサイト「Swiftris」 | ソフトアンテナ
  • 櫻田潤 | インフォグラフィック・エディター

    ビジュアルの力で世界を丸くする。 地球の形状が「丸い」のは、そこで暮らす僕たちにひとつの「ビジョン」を指し示しています。地球の形と同じように、世界で起こっていることのすべてが丸く収まっていれば良いのですが、現実は違います。 大小いろいろな規模の摩擦がいたるところに発生し、繰り返されます。その解決に必要なのは、お互いの「考え」や「価値観」「立場」、「状況」「状態」を示し、認め合うことです。そのために、「ビジュアル」の力を活用していきます。

    櫻田潤 | インフォグラフィック・エディター
  • テストページを公開したままにしている会社を探す方法w - #人生戦略実行マニュアル

    今日、何気なく、「株式会社ああああ」って会社あるのかな?と思って、グーグル先生に聞いてみたら、会社のテストページがザクザク見つかった。 まあ害はないと思うけど、テストページを隠さないいい加減さがバレてしまいますね。 「会社名」+「ああああ」とかで検索してテストページがヒットしたら、その会社はちょっと警戒した方が良いかもしれないかな。(いい加減さという面だけ) 会社に勤めている人は自分の会社を調べてみると面白いかもしれないですね。

    テストページを公開したままにしている会社を探す方法w - #人生戦略実行マニュアル
  • 見ていてわくわくするアニメーションタイポグラフィックスまとめ | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    こんにちは。野田です。 夏ですね。夏といったら思い浮かぶのはなんでしょうか。 僕は風鈴の音色とセミの鳴き声です。 前々回からずっとアニメーションネタが尽きないので、今回もアニメーションネタを紹介させていただきます。 少し前からアニメーションタイポグラフィックスというのが僕の中で流行っており、趣味程度に作ったりしています。 これは文字を動かしてアニメーションにする技法で、Animated Typefaceともいい、とても美しく、何度見ても飽きません。 その際に参考にしているVimeoのリンクをまとめさせていただきます。 アフターエフェクトで作成し、gifアニメーションまたはpngで実装してみてください。 長編※音声注意 After Effects : Animatic – Animated Typeface

    見ていてわくわくするアニメーションタイポグラフィックスまとめ | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • [JS]ヘッダやナビゲーションなどを下にスクロールした時には隠し、上にした時に表示するスクリプト -ScrollUpBar | コリス

    デモ:offsetTop このデモでは、ブラックの「Top Bar」だけがスクロールで表示されます。 ScrollUpBarの使い方 実装は非常に簡単で、既存のページでも簡単に加えることができると思います。 Step 1: 外部ファイル 当スクリプトとjquery.jsを外部ファイルとして記述します。 <body> ... <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="scroll-up-bar.min.js"></script> </body> Step 2: HTML スクロールで表示・非表示させるバーは、静的に配置させる箇所に記述し、「position: absolute;」を加えます。 <div id="topbar" styl

  • サイト制作やブログに使える、海外の無料写真素材サイト13選  - おしブロ from STONEWEB

    海外サイトの英語をスラスラと読めるようになりたいと切実に思う今日この頃、少し前に「無料で商用利用可能な写真素材を配布しているサイト」についてまとめた記事を書きましたが(記事はこちら)、今回はその第二弾的なノリで海外の無料写真素材サイトを13個ピックアップしてまとめてみました。 ちなみに写真の使用条件については各サイトで要確認してみて下さい。 1. Pixabay Pixabay - Free Images 2. Gratisography Gratisography: Free, use as you please, high-resolution pictures. 3. Startup Stock Photos Startup Stock Photos 4. Superfamous Superfamous - Folkert Gorter 5. Death to the Stock P

    サイト制作やブログに使える、海外の無料写真素材サイト13選  - おしブロ from STONEWEB
  • [CSS]ぼよよーんと気持ちいいアニメーションでエレメントをページに表示させるスタイルシートのテクニック

    パネルを構成する画像、ラベル、見出し、テキスト、そして全体をそれぞれ個別のタイミングでぼよよーんと気持ちよく弾むアニメーションで表示するスタイルシートのテクニックを紹介します。 使いどころは限られるけど、こういうの好き。 bounceIn animated 実装はこんな感じになります。 HTML HTMLは、画像、ラベル、見出し、テキスト、ラッパーの5つで構成されています。 <div class="cu-card animated bounceIn"> <div class="cu-card-image animated second bounceIn"> <img src="http://placehold.it/640x360/99ff99/ffffff" /> <div class="cu-card-label-group animated third bounceIn"> ラベル

  • 超厳選!ハリウッド映画タイトル風のフリーフォント36個

    どうも、やな☆ぎさわです。 僕は、映画が大好きでよく観るのですが、それぞれの映画で使われているタイトルフォントはオリジナリティがあってかっこいいなぁと常々思っています。 そこで今回は、映画で使われているっぽいタイトルフォントがダウンロードできるサイトをいくつかご紹介します。 ぜひとも、パロディ感覚でイベント告知のポスターやパンフ、バナーなんかに使用して、あの名画を再現してみてはいかがでしょうか。 以下で紹介しているフォント達はどれもムッチャクチャ格好いいのですが、商用に使えるやつと使えないやつが混じっているため、ご利用の際はライセンスをしっかり確認してくださいね。 パイレーツオブカリビアン風フォント 海の男、いや、漢たちの話。 >>フォントダウンロードはコチラ スター・ウォーズ風フォント そう、この記事を書いている今も、広い宇宙のどこかでは、互いの星の運命をかけた宇宙戦争が繰り広げられてい

    超厳選!ハリウッド映画タイトル風のフリーフォント36個
  • 【保存版】検索エンジンの順位を上げる為の33のチェックリスト

    ツイート Warning: Undefined array key "Twitter" in /home/kigyo10/bizee.jp/public_html/wp-content/plugins/sns-count-cache/sns-count-cache.php on line 2897 0 シェア 0 はてブ 459 LINE Pocket 0 検索エンジンの順位を上げるためのSEO対策というのは勉強不足の人が行った場合、膨大な時間を使った割には大した効果が得られないことが多い。または逆に大きく順位を下げてしまうことすらあり得る。 それだけならまだいいが、結果として外部のSEO業者に依頼して自作自演の良くないリンクを大量に付けられて手のつけ様のない状態になっているということはよく聞く話だ。 ここでは、検索エンジンの順位に影響を与える項目を55個用意して影響度順にまとめてみました

    【保存版】検索エンジンの順位を上げる為の33のチェックリスト
  • 綺麗なおねえさんがLinuxを教えてくれるよ! - Gobble up pudding

    胸キュンおねーさまを発見したので紹介するよ!!!! 最初のはfindコマンドについてセクシーボイスでやさしく教えてくれてます(*´Д`)! Linux Tutorial: The Power of the Linux Find ... きらきらに目がいったり、そういうんじゃなくて○っぱいのほうに目がいったり…… あぁ、こんなおねーさんがLinux界にいるんですね(*´Д`)……あっ、でもこれ投稿5年前だ… 次はSambaについて教えてくれてますよ!!! Setting up File Sharing Between Windows, Linux ... 最後のはわりと最近のです。 bashについて教えてくれてるよ!! Nixie Pixel - YouTube っと最後にまとめです。 Nixie Pixelたんです(*´Д`) https://www.youtube.com/user/Ni

    綺麗なおねえさんがLinuxを教えてくれるよ! - Gobble up pudding
  • 「お申し込み」「詳しくはこちら」など、Webサイトに使えるボタンを簡単に作成できるWebサービス5選 - おしブロ from STONEWEB

    IllustratorやPhotoshopを使いこなせないノンデザイナー的には、Webサイトに使う素材(例えばメニューなどに使う画像とか色々なボタン画像とか)をどうするかは意外と真面目に困っていたりするのですが、そんなときにブラウザ上で自分好みのボタン画像を作れてしまう「ボタン作成ツール」はとても重宝します。 そんなこんなで自分的にはブックマーク必須なボタン作成ツールをいくつか紹介します。 1. ButtonMakerアフラット WEBボタン素材自動生成サイト - ButtonMakerアフラット おそらく日語のボタン作成ツールで一番有名だと思うのですが、ノンデザイナーなら一度は使ったことがあると思われる、とても使い勝手の良いボタン作成ツールです。自分も数年前からずっと使っています。 2. As Button Generator As Button Generator このツールの良いと

    「お申し込み」「詳しくはこちら」など、Webサイトに使えるボタンを簡単に作成できるWebサービス5選 - おしブロ from STONEWEB
  • 「UIまで手の回らないプログラマのためのBootstrap3実用ガイド」を読んだ感想 - 感謝のプログラミング

    このは最近発売されていたようで、屋でたまたま発見して、なんか良さそうだったので購入した。 実際、プログラミングはしたいけど、CSSをいじくって、レスポンシブデザインをうまいこと実現するのは苦手っていうプログラマはいるんじゃないかと思う。 そういう人にすごくいいなんじゃないかと思ったから、迷わず購入した。 そして、その予感は正しかった。 結論から言うと、すごく良いだった。 何がいいかというと、サンプルを小さく分けて、実例と共に紹介してくれてるところ。 すごく読者にやさしい構成になっている。 具体的には、書き方は以下の手順に沿って書かれている。 「仕組み」をまず説明する サンプルコードを書く サンプルコードについて説明する 表示されるものの画像で確認する このような構成になっているは、無理なく理解を進めることができて、初心者がすごくとっつきやすい。 Googleで検索しても、サンプル

    「UIまで手の回らないプログラマのためのBootstrap3実用ガイド」を読んだ感想 - 感謝のプログラミング
  • 【Androidアプリ】宝くじの結果を見ることができる「宝くじ結果速報」を公開しました - さいじゃくの開発メモ

    2014-07-28 【Androidアプリ】宝くじの結果を見ることができる「宝くじ結果速報」を公開しました タイトルの通り、宝くじ(ナンバーズ3、ナンバーズ4、ミニロト、ロト6、ロト7)の抽せん結果を確認することができるAndroidアプリを公開しました。 このアプリを作った理由は、Google Playに見やすい宝くじアプリが見つからなかったからです。 僕はシンプルなデザインが大好きなので、こんな感じにしました。アプリのアイコンの適当さは気にしないということでw 僕もときどき宝くじを購入するのですが、なかなか当たりませんね>< 一時期ロト6を毎週5口ずつ買っていましたが、5等すら当たりませんでした・・・ よかったら使ってみてください! 宝くじ結果速報 カテゴリ: エンタテイメント Google Playで詳細を見る weakest34 2014-07-28 19:10 コメントを書

    【Androidアプリ】宝くじの結果を見ることができる「宝くじ結果速報」を公開しました - さいじゃくの開発メモ
  • スマホのUI向上!?ニョローっとGoogle Mapsを広げるJavascriptを作ってみたよ!

    スマホのUI向上!?ニョローっとGoogle Mapsを広げるJavascriptを作ってみたよ! 2014.07.27(Sun) 18:30 WEB制作 PC、スマホで表示を分けるブログ(ホームページ)を作っている時に悩みの種になるのがGoogle Mapsの埋め込み地図。スマホで大きく表示させるとスクロールしにくくなるし、小さく表示させると地図が見えにくくなる…。けっこう厄介なんですよね。 「結局、直接Google Maps見た方が早いや」というように、何かと形骸化しがちなページ内の埋め込み地図。少しでも実用的になったらなーと思い、ニョローッと表示範囲を広げることができるボタンを追加してみたので紹介します。 1ボタンをクリック(タッチ)すると地図が広がりますということで、サンプルはこんな感じです。地図の下にあるボタンをクリック(タッチ)すると、埋め込み地図が下にニョローっと広がります。

    スマホのUI向上!?ニョローっとGoogle Mapsを広げるJavascriptを作ってみたよ!
  • Webスクレイピングの注意事項一覧 - Qiita

    [2020/09/09追記] 記事の内容は著作権法改正より前に記載されたものです。 最新の情報をご確認下さい。 * 著作権法の一部を改正する法律(平成30年法律第30号)について | 文化庁 * 令和2年通常国会 著作権法改正について | 文化庁 上記に関連して、次の記事を記載致しました。 * 【2020年度版】個人用クローラーの開発手順とその注意点 - Qiita はじめに Webスクレイピングで誰も嫌な思いをしなくて済むように、注意事項一覧を作りました。 ただ、法律の専門家による解釈ではないので責任は取れません。 この記事は、クリエイティブ・コモンズのCC-BYで公開致しますので、ご自由にご改修下さい。 データをダウンロードする時 目的は下記のものに限る。 * 個人や家族間で使用する * Web検索サービスを提供する * 情報解析をする ※参考:著作権法第30条・著作権法第47条(6

    Webスクレイピングの注意事項一覧 - Qiita
  • 25歳元ニート プロジェクトを炎上させ仕事を干されかける? - 25歳ニートが35万円で上京を企むブログ

    2014-07-27 25歳元ニート プロジェクト炎上させ仕事を干されかける? それはハードなプロジェクトだった。 俺が入社して任された案件の中では一番重いもので、仕様書を見た瞬間震えが走ったのを覚えている。 納期は3週間。 人数は3人。 IT業界にはもっと大規模プロジェクトもあるので読者には「小さいプロジェクトじゃん」って思われるかもしれないが自分にとってはでかかった。 一番経験の浅い俺は、比較的軽いタスクを割り当てられ、この地獄のプロジェクトを開始した。 コーディングを始めて気づいたのだが、比較的軽いタスクのはずだったが実は結構重い。 そして、4日目くらいで 「あっ、俺の進捗遅れ始めてる」 と気づく。 ただ、がんばれば取り返せそうだったのでまだ頑張った。 進捗報告はPMに毎朝していたが、何も言われなかった。 一週間目。 「お、おわらねえ」 と気づく。 定時内には絶対終わらない分量だっ

  • 「失敗を恐れるな、他人と競うな」若き天才写真家が語った、その道のプロになるための教訓

    「失敗を恐れるな、他人と競うな」若き天才写真家が語った、その道のプロになるための教訓 パーソンズ美術大学 卒業式 2014 ライアン・マッギンリー 写真家ライアン・マッギンリー氏が母校パーソンズ美術大学の卒業式で講演。彼は大学3年のときに初めてカメラを手にしてからどうやってプロのカメラマンになったのか? その道筋は驚くほどシンプル。「夢中になるものを見つけたら、他人と競おうとせず、こだわりを持って自分だけの“何か”を見つけること」「失敗を恐れず、何事にもチャレンジし、いつか巡ってくるチャンスのために常にカメラを手に準備しておくことだ」と語りかけました。 若き天才写真家が振り返る学生時代 ライアン・マッギンリー:いつも人から、「気持ちを落ち着けるために、聴衆の皆さんを裸にして写真を撮ったら」と言われるのですが、残念ながら、そうするとまた今日も仕事になってしまいますので(笑)。 パーソンズ美術

    「失敗を恐れるな、他人と競うな」若き天才写真家が語った、その道のプロになるための教訓
  • JavaScript初級者から中級者になろう — uhyohyo.net

    このページの最終更新日:2019年7月4日 JavaScript。主にWebページを作るのに使われるほか、現在ではさまざまなところで活躍しているプログラミング言語です。 このページはJavaScriptの中級講座です。最新鋭ではないかもしれませんが、読み進めれば大抵のものを自分で作れるようになることでしょう。 言い訳とJavaScript歴史 / 問い合わせ 最近の更新2017/10/05 全ページを手直ししました。十六章第六回を追加。2017/11/9 十六章第二十一回・十六章第二十二回を追加。2017/12/2 十七章第三回・十七章第四回を追加。2017/12/3 十七章第五回・十七章第六回・十七章第七回を追加。概要コンテンツは第一篇と第二篇に分かれています。 JavaScriptは昔からWebページに動きを与えるものとして用いられてきましたが、第一篇ではそのような、昔からあるJav

    JavaScript初級者から中級者になろう — uhyohyo.net