WEB制作向けブラウザ「Blisk」を使った瞬間、恋に落ちた
それで、「そんなにいいのかな？」と半信半疑でインストールして、使ってみた瞬間、惚れました。 プログラミングをする人にとって、Sublime Textは、「恋に落ちるエディター」とよく言われていますけど、WEB開発者にとってBliskは「恋に落ちるブラウザ」といっても過言はないのではないかと思います。 以下では、そう思うに至った理由について述べたいと思います。 この記事は、2016年7月9日に書いたものです。2016年11月1日にversion 1.0.125.166が出たことにより、機能の一部が有償プランに加入しないと利用できなくなりました。ですので、無料で利用する場合は、30分で機能制限がかかったりするようになったのでご了承ください。 Blisk（ブリスク）とは Bliskは、WEB制作者がサイトの動作確認をする上で、便利な機能がデフォルトで備わっているWEBブラウザです。 現在は、Wi
これは凄い！Web制作が捗るモーフィング系の最新スニペットまとめ
作成：2016/04/25 更新：2016/06/29 Web制作 > ある形から別の形に連続で変化をかけていくモーフィングのような、視覚的な変化を表現できるスニペットをまとめました。トレンドをおさえた最新スニペットを厳選してピックアップ。 エンジニア速報は Twitter の@commteで配信しています。 背景色に合わせて、テキスト色をリバースさせる DOM要素の重なりを指定するCSS3のブレンドモードmix-blend-mode: differenceを使って、背景色と同時にテキストカラーを反転させていく方法。CSSだけでこれができるのは驚き。 進捗を示すプログレスバーなどで使うと、コントラストがはっきりするので見やすくなりそうです。 mix-blend-modeの「 difference」についてはCSS3のブレンドモードが素敵！ 新プロパティmix-blend-modeを使いこな
CSS3のブレンドモードが素敵！ 新プロパティmix-blend-modeを使いこなそう – ICS MEDIA
mix-blend-modeというCSSのプロパティ。これはDOM要素を重ねた時の見え方を指定するCSSプロパティです。デザイナー視点だとブレンドモードはごく当たり前に使う機能のひとつ。mix-blend-modeはウェブの表現手法が広がり、デザインの自由度が広がる注目すべきCSSプロパティです。本記事はmix-blend-modeの魅力と使い方をデモを交えて紹介します。 そもそもブレンドモードとは？ ブレンドモードはクリエイティブな表現を作る上での基本機能のひとつです。Adobe PhotoshopやIllustrator、After Effects、XDや、Figmaで搭載されていて、レイヤーを重ねたときにどのように重ねて表示するかの設定になります。ソフトによっては「ブレンドモード」や「描画モード」「モード」と異なる名称が使われていますが、機能としては同じものになります。本記事ではCS
SVGモーフィングで、図形を徐々に変化させてみよう
2015年12月28日 SVG モーフィングとは、ある図形から別の図形へと自然に変形するように中間の画像を補正して映像を見せる技法です。Flashでは「シェイプトゥイーン」でモーフィングを表現していましたね（懐かしい！）。CSS3のアニメーションだと、画像の移動・回転なんかはできちゃいますが、形そのものを変形させるのは難しいです。SVGを使えば、そんなアニメーションも作成可能！さっそく挑戦してみましょう！ ↑私が10年以上利用している会計ソフト！ 追記（2015年12月28日）：SMILはSVG次期バージョンから非推奨となるようです。 Intent to deprecate: SMIL – Google Groups SVGモーフィングを使った例 SVGモーフィングとはなんぞや？ってことで、まずは以下の作例をご覧ください。徐々に変化していく様子がおもしろいですね！ リンク先ではバットマンの
クリエイターのためのWebテク講座 - 動画ファイルの作成について。
前回・前々回と、HTML5のVideoタグを使った作例を紹介しましたが、では肝心のHTML5で利用する、「H.264」「Web M」形式の動画は、どうやって用意すればいいのか？ 今回はそのあたりを解説しましょう。 Adobe Media Encoderを利用する。 AdobeのCS製品のうち、Web制作向け・動画制作向けのスイート製品を交友すると、 「Adobe Media Encoder」というアプリケーションが同梱されます。 Web制作を生業にされている方は、大体はAdobe製品を使っていると思いますので、Adobe Media Encoderを使うのが一番手っ取り早いでしょう。 なお、Adobe Media Encoderでは、Web M形式の動画は書き出せないので、Web M形式の動画に関しては、別のツールを使うことになります。 まずは、メニューから「Adobe Media Enc
感覚派デザイナーも知っておいて損はない「デザインの要素と原則」 | WebNAUT
「あなたは感覚派デザイナー？それとも理論派デザイナー？」 このような質問をされると、理論派デザイナーだと答えたくなる理系出身デザイナーのタカハマです、こんにちは。 今回は、そんな理屈っぽい私の大好物である「デザインの要素と原則」をご紹介したいと思います。理論派デザイナーの方はもちろん、感覚派デザイナーの方も知っておいて損はないですよ！ 「デザインの要素と原則」はビジュアルデザイン全般に活用できる Webデザインに限らず、ビジュアルデザインの基礎を学ぶ上で、大変参考になる「デザインの原則」というものがあります。いわゆる「Design elements and principles（デザインの要素と原則）」や「Gestalt principles（ゲシュタルト原則）と言われる原則で、デザインの構成要素や要素同士の関係性が全体に与える影響をまとめたものになります。 調べてみると識者によって分類や
水瀬はるかな on Twitter: "WEB屋が覚えておくべきハンドサイン一覧 http://t.co/UB0qg6ukie"
WEB屋が覚えておくべきハンドサイン一覧 http://t.co/UB0qg6ukie
新人Webデザイナーにありがちな５つのコミュニケーショントラブルとその解消法｜MarTechLab（マーテックラボ）
LPO研究所の鳥居です。 「イメージしてたデザインと全然違う」 「これじゃ売れる気がしないんだけど」 「ちゃんと頭使って考えてんの？」 突然ですが、あなたは日常的にこんなことを言われていませんか？ 今の職場でWebデザイナーとして働きはじめてはや７年。私は、今では後輩デザイナーの育成も行う立場なのですが、新人が先程のようなセリフを言われるのを毎日のように目にしています。 無論、私自身も新人の頃はこっぴどくやられました。 今なら分かることですが、これは 新人Webデザイナーが共通して「取るべきコミュニケーション」を取っていないから起こるトラブル なのです。 あなたは今、デザイン制作におけるコミュニケーションに自信を持てていますか？ もしかすると今この記事を読んでいるあなたは「Webデザイナー」ではなく、クライアントから要望を聞く「営業」や「ディレクター」の立場かもしれません。 しかし基本は同
「最近のネットはつまらなくなった」関連の話
最近のネットがつまらない、という話が盛り上がっております。 ネットもつまらなくなった 「ネットがつまらない」≒「自分がつまらない」 グローバル化された世界での観測範囲の変え方 – 狐の王国 ネットがつまらないと思ってしまうことについて – かみんぐあうとっ 結論としてはシロクマ先生が言われる「その人自身のつまらなさと受動的ネットユースの恥ずかしい告白」であるという点、全く同感するところではあります。 その上で、この話に対して多くの反応が見られ、様々な論が展開されている裏には、「つまらない」という感覚そのものにはある程度個々に思い当たるフシがあるんだろうなぁ…とは推測できます。 いろいろとたしなめる言葉は浮かぶのですが、しかし「一日仕事をして、家に帰ってネクタイを取りながらPCの電源を入れ、モソモソ晩飯でも食いながらネットニュースサイトやTwitterやはてブのホッテントリを眺め、短文の感想
Develop | Augmented Reality - junaio… your mobile companion
junaio allows you to create, explore and share information in a completely new way using augmented reality.junaio's Open API junaio offers a free, web-based API that enables you to use your existing knowledge and skills in web languages to create exciting Augmented Reality experiences - you can focus on creating the best experience, while we worry about giving you the tools you need. Feel free to
BASE（ベイス） | ネットショップを無料で簡単に作成
BASE、 1番選ばれています個人・スモールチームの「やってみたい」がすぐ叶う。 小さくはじめて売上ひろがる、 ネットショップ作成サービスなら、BASE。
今年絶対おさえておきたいフラットデザインのまとめ | 株式会社LIG
こんにちは。ライターの内藤です。 恥ずかしながら、最近になって「フラットデザイン」を意識しはじめました。 装飾を最小限におさえることによって、特定のメッセージや製品、アイデアを直球勝負で伝えるデザイン。 フラットデザインは、もともとスマートフォンの小さな画面でシンプルに見せるものから派生したのだと思われますが、Windows8やGoogleの新デザインがきっかけとなって一躍注目を浴びるようになったようです。 もう知っている方も、まだ知らない方もいらっしゃると思いますので、目次のお好きなところから読んでください。 最初から全部読まなくても大丈夫です！ フラットデザインとは まずはどんなものか、百聞は一見にしかず、サンプルを見てみましょう。 フラットデザインの例 http://builtbybuffalo.com/ http://www.squarespace.com/templates/ ※
Web Icon Fonts | chibatch.jp
Web Icon Fonts Webフォントで使えるアイコンセット。IE8以下では使えないです。iOS4.1以下も多分見られない。 _Download(35KB) @font-face{ font-family: 'WebIconFonts'; src: url('WebIconFonts.woff') format('woff'), url('WebIconFonts.ttf') format('truetype'); } .icon { font-family: WebIconFonts; } Arrows !Back! 1Back1 #Forward# 3Forward3 $Up$ 4Up4 %Down% 5Down5 &Done& 6Done6 'Close' 7Close7 (Plus( 8Plus8 )Minus) 9Minus9 Social Networks AAmazon
「nofollow」は意味を失いつつある――マイクロブログとnofollowがSEOに及ぼす影響 | Web担当者Forum
先日開催された検索マーケティング関連のイベントSESで、ウェブにおける2つの大きな流れに対するグーグルの扱いから予想される傾向について、数人と話す機会に恵まれた。Twitterの最近の成長ぶりに気付いてない人はいないはずだ。手軽に更新できるTwitter（およびFacebookなどが提供する、同様の「近況アップデート」型マイクロブログ）が使われるようになった結果、一部の人はブログの投稿を減らし始めている。多くの人が、ブログ経由よりも広範なリーチをTwitter上で獲得しているし、自分の考えや発見、疑問の投稿を容易にするツールが増えたことも確かだ。 ただし今回は、これまでにあったようなTwitterを主題にした記事ではなくて、このウェブの新たな使い方がSEOに与える影響について検討する。かつてブログとコメント、トラックバック（およびそれに伴うスパム行為）が検索エンジンの戦略変更を促したように
デジタルネイティブじゃない1989年生まれのわたしの話 - インターネットもぐもぐ
この年に東欧革命が起こって冷戦が終わったので、世界史、特にヨーロッパ史では、この1989年以後が「現代」と見なされている[1]。 東欧革命は、2年後にソビエト連邦崩壊をもたらした。 ―1989年 - Wikipedia 1989年は、元号が平成に変わって、消費税3%が導入されて、中国では天安門事件が起きて、東西ドイツを隔てるベルリンの壁は崩壊して、事実上冷戦が集結した年、みたいだ。覚えてるわけがないのだけど。 ソ連が崩壊するのは２年後の1991年。東西冷戦も社会主義国家も教科書のなかの存在で、物心ついたときには隣の国はソビエト連邦ではなくロシア連邦でした。 資本主義が世界の共通ルールだってことが考えるまでもない事実で、アメリカに対する過剰なあこがれも（たぶん、上の世代と比べたら）なかった。 というより、そもそもあまり海外に目が向かなかった。中国や韓国の存在も、意識した覚えすらない。 「アメ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
The Million Dollar Homepage
WEB炎上マシーン1号
新着記事
Mozilla が H.264 をサポートへ、webM 一本化を断念 - Engadget Japanese
http://n1kumeet5.com/2011/08/googleanlytics/