Creating a Border Animation Effect with SVG and CSS | Codrops
The website of Carl Philipe Brenner has some very creative and subtle animations and today we want to explore how to recreate a border animation effect using CSS transitions on SVG lines. Today we’d like to explore a very subtle, but interesting border animation effect that can be seen on the creative website of Carl Philipe Brenner. When you hover over one of the white portfolio items in the grid
ウユニ塩湖まで日本から40時間かけて行ってきた
ウユニ塩湖といえば雨期になると湖面に水が溜まり鏡となって空を映し出す「鏡張り」が有名ですが、日本からウユニまでの道のりも含めて、2014年ウユニ塩湖の雨期を現地からお届けします。 皆さんお久しぶりです。世界新聞デスクの松崎敦史です。GIGAZINEで書かせてもらうのは、2年前の世界一周バックパッカ―を1年間したらこんな冒険が待っていたまとめ以来になります。 僕は今、ボリビアのウユニ塩湖にいます。雨期(12月〜3月頃)のウユニ塩湖を取材するため、思い切って地球の裏側まで行ってきました。 今回のルートです。赤印がウユニ、青印が経由地、赤線のみ陸路(黄線は空路)。日本→メキシコシティ→リマ→サンタクルス→ラパス→ウユニと40時間の長旅になりました。 より大きな地図で 日本→ウユニ を表示 航空券はバックパッカー御用達のskyscannerで取りました。様々なサイトで探しましたが、アエロメヒコ＋ラ
Sublime Text 3初期導入 - Qiita
挨拶 Mac Book Airが完全に使い物にならなくなったので、 Mac Book Pro Retinaに乗り換えると、同時に環境を構築し直さないといけなくなったので、 どうせなら、この記事として残しておこうと思った次第です。 もちろん、この記事はMacでの設定なので他OSユーザーの方は参考程度にしかならないかもです。 ご了承ください。 設定 まず、Sublime Text3をダウンロードし、インストールします。 http://www.sublimetext.com/3 起動しましたら、 大抵、最初にやることはPackage Controlを導入することです。 https://sublime.wbond.net/installation#Manual_Instructions こちらのSublime Text3の方をコピーして、Sublime Textに戻り、ターミナル(View->Sh
DailyJS: Matter.js
Matter.js (GitHub: liabru / matter-js, License: MIT) by Liam Brummitt is a stable and flexible rigid body physics engine for browsers. The author describes it as an alpha project that came about as a result of learning game programming. If you’re interested in reading more about physics for game programming, Liam has collected some useful resources in Game physics for beginners. Matter.js uses tim
[CSS]アイコンのデザインに合ったかわいい動きをclassを加えるだけで実装できるスタイルシート -Font Awesome Animation
classを加えるだけでさまざまなアイコンが利用できるFont Awesomeを使って、各アイコンのデザインに合ったかわいい動きをアニメーションで与えるスタイルシートを紹介します。 ベルはリンリン♪、いいねは上下に、スピナーはぐるぐる動きます。 Font Awesome Animation 左はアニメーションのトリガーをページのロード時、右はホバー時にしたものです。 Font Awesome Animationの使い方 Step 1: 外部ファイル Font Awesomeと当スタイルシートを外部ファイルとして記述します。 <link rel="stylesheet" href="font-awesome.min.css"> <link rel="stylesheet" href="font-awesome-animation.min.css"> Step 2: HTML まずは、Font
動画マガジンアップロード―横浜の夜職・キャバクラ求人を探す前に―
横浜の稼げる夜職を探しているならキャバクラ求人をチェックしてみよう 夜職に興味を持っているのであれば、まずは、キャバクラ求人情報に目を通してみてください。 自分に合ったお店を探しやすい ナイトワーク専用求人サイトは、情報が詳細かつ豊富で自分にぴったりのお店を見つけやすく、各種検索で絞り込みもできますので迅速に自分が求めている条件のお店を抽出できます。 検索やフィルターがしにくい求人サイトだと、自分に合ったお店を見つける前に見るのに疲れてしまい、せっかくの良い求人を見逃してしまうかもしれません。 サイトの構成がしっかりしていてデザインも見やすく、検索するユーザーが簡単に情報を取り出すことができる「体入ドットコム」をおすすめします！ 画像引用元：https://www.tainew.com/ キャバクラは店舗数が多く選択肢が多い キャバクラは店舗数が多数のため、幅広い求人の中から自分にぴったり
暮らしの情報サイトnanapiはサービスを終了いたしました | nanapi [ナナピ]
2020年8月31日(月)をもちまして、nanapiに関わるすべてのサービスは終了いたしました。 nanapiは、2009年のサービス開始より「みんなで作る暮らしのレシピ」という考えのもと、ユーザーの皆さまに生活に関する様々な「ハウツー」を投稿していただく投稿型ハウツーサービスとして運営してまいりました。 約11年間にわたって皆さまからご支援をいただきサービスを継続できたこと、nanapi編集部一同、心より御礼申し上げます。 掲載されていたコンテンツなどのnanapiについてのお問い合わせは、nanapi@supership.jp までお願いいたします。 長きに渡りnanapiを応援してくださり、本当にありがとうございました。
![暮らしの情報サイトnanapiはサービスを終了いたしました | nanapi [ナナピ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/3427ecf29dc786a7e50e67015fd5d0247ef43f2e/height=288;version=1;width=512/https%3A%2F%2Fimage.nanapi.com%2Fr%2F2014%2F02%2F24%2F16%2F20140224161154_530af0babaa04.jpg)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
styleguide/ruby.ja.md at master · cookpad/styleguide