Sublime Text に恋に落ちて、Markdown 記法ではてなブログを書いています（参照：はじめてのMarkdown記法，恋に落ちる「Sublime Text」のインストール・日本語化）。Sublime Text で Markdown を快適に書けるプラグインを探して、以下の3つのパッケージをインストールしました。 OmniMarkupPreviewer - Markdown をプレビューする Monokai Extended - Markdown をシンタックスハイライトする Markdown Extended - Markdown 内のコードをシンタックスハイライトする これら3つのパッケージの設定方法や機能を説明します。 Package Control を用いたパッケージのインストール Monokai Extended の機能 Before After Markdown Ex

はてなで開催されたオウンドメディアマーケティングセミナーをレポート！オウンドメディアでさまざまなチャレンジに取り組むライフネットジャーナルオンライン、デサント、サイボウズ式の現場担当者のセッションとパネルディスカッションの様子をお届けします。成果を残したオウンドメディアの共通項とは！？ オウンドメディアを成功させるために。 2015年3月26日、企業向けオウンドメディア構築プラン『はてなブログMedia（http://hatenablog.com/guide/media）』を提供するはてなの東京オフィスで『オウンドメディアの成果をどう測る？現場担当者が語るオウンドメディアマーケティングセミナー powered by はてなブログ』と銘打ったイベントが開催されました。登壇したのは、オウンドメディア運営を通じ、さまざまなチャレンジに取り組んでいる3名。彼らに学ぶ、オウンドメディアを成功させるた

ゲームボーイのカートリッジが自宅に眠っており、かつiPhone 6 Plusを使用している人にとって画期的なデバイスになりそうなのが「Smart Boy」です。Smart Boyは、iPhone 6 Plusを差し込んでカートリッジを挿入するとiPhone上でゲームをプレイ可能になるデバイスで、タンスの奥底に眠っている名作ゲームが再び日の目を浴びることになりそうです。 Smart Boy https://www.facebook.com/HyperkinGames/photos/a.172336812801423.29426.106988796002892/824475850920846/ Tech of the Day: Smart Boy Will Let You Play Game Boy Games on Your iPhone 6 - The Daily What http://

もうこれは転職できるなら転職すべき。直近の転職は厳しくても視野を広げるような活動をすべきだと思う。 技術的なスキルを身につけることは、選択肢を増やすことであって、常に良いことだと信じてきたが、そうではないんだと気付き始めた。新たなスキルを身につけるための投資が収入リターンに必ずしも結びつくわけではないが、新たなスキルを身につけたことによってエンジニアとして得られるものはあっても失うもなどまぁない。 もしスキルを身につけることが常に良いことだと思えないならば、もうそれはエンジニアとしてやっていくつもりがないか、自身がエンジニアとしてやっていけないと思っているか、所属している組織が新たな技術を得ることに対して明確にメリットがないか、のどれかだろう。新たな技術がその所属組織で生きないとしても、スキルの選択肢の広さは転職という自身の選択肢の広さにもつながるはずである。 とはいえ実務上の課題をクリア

理解しておきたい、CSSによるインラインレイアウトの仕組み（inline-block編）Inline Layout─Frontrend Conference 高津戸壮（株式会社ピクセルグリッド） この記事は、Frontrend Conferenceのセッション「Inline layout」でお話させていただいた内容を基に、連載記事（全4回）として書き起こしたものです。今回は第4回目、最終回です。 背景画像でリストのビュレットを配置した場合の問題 今回は、前回までの内容を踏まえ、主にインラインブロックについて見ていきます。まずは、以下のようなリストを「HTMLとCSSで作りたい」と思います。この時、リストのビュレットはオリジナルの画像にしたいです。 こんな時、背景画像を利用し、以下のような方法でこの見栄えを再現するという方は多いでしょう。筆者も昔からずっと、この方法で実装してきました。

※この記事は、2022年7月に最新の状態に更新されています。 マーケティングとブランディング、この違いをはっきりと説明出来る人は意外と少ない。 ブランディングとマーケティングは根本的に違うが、混合されるケースもある。 アメリカでは、国土が広いこともあり簡単に営業活動を行う事が出来ない。そこで重要になってくるのが、マーケティングであり、ブランディングである。 今さら聞けないブランディングとは 今回は、btraxでこれまで複数のブランディングとマーケティングに関するプロジェクトを通して蓄積した知識、経験を踏まえて、それぞれの違いや重要性について基本的なポイントまとめてみた。 30秒で分かるマーケティングとブランディングの違い市場を作り、広げ、認知度向上を計るのがマーケティングの役割だとしたら、それらのイメージアップを行うのがブランディングである。 一言で簡単に説明するとそうなるが、具体的な事例

スマートフォン向けのWebサイトやWebアプリを中心に、「SVG」がいま再注目されています。単なる画像フォーマットを超えて、最近ではさまざまな表現に広く活用されるようになりました。 本連載では、SVGの概要から基本的な使い方、Web制作での活用方法までをじっくり解説。CSSによる装飾やJavaScriptとの連携など、すでに使っている人がもっと使いこなすためのテクニックも紹介します。（編集部） Webの表現を広げるSVGの魅力 SVGと聞くと、「単なるベクターの画像でしょ」と思う方も多いでしょう。確かにSVGは「Scalable Vector Graphics」の略なので、ベクター形式の画像フォーマットであることには間違いありません。 一方で、SVGには、PNGやJPEGといった、他の画像フォーマットとは異なる魅力があります。SVGをWebページに使うことで、これまでのHTMLやCSSだけ

自分用にひと通りの動きを一覧化したものが欲しくて作ったのでシェアします。 リンクやボタンのホバー時にエフェクトを付けるのと同じように、画像にもホバー時に何かエフェクトを付けたいというときに使えそうなエフェクトのサンプルです。 CSS3を多用しているので全ブラウザで実装できるわけではありませんが、いずれもCSSのみを使用して実装したもので、拡大縮小・スライド・白黒・ブラー・フラッシュなど全15種類です。 共通のHTML・CSS サンプルはいずれも下記のようなHTMLを使用しており、CSSについても共通スタイルとしてそれぞれに指定しています。 CSSでは幅や高さを指定している部分もあるので、参考にされる際はこれらを自身の環境に合わせて調整してください。

お探しのページは見つかりませんお探しのページは一時的にアクセスできない状況にあるか、移動もしくは削除された可能性があります。 また、URL、ファイル名にタイプミスがないか再度ご確認ください。