新はてなブックマークボタン公開！ ボタンを押して、Tシャツ＆ステッカーが当たるキャンペーンに参加しよう - はてなブックマーク開発ブログ
※ キャンペーンは終了しました。たくさんのご応募ありがとうございました 先日お伝えした通り、本日から新しいはてなブックマークボタンをご利用いただけるようになりました！ はてなブックマークボタンはこれまで種類の選択肢が少なく、かつモバイルページでは扱いづらいデザインでした。今回、種類とサイズの柔軟な変更に対応し、スマートフォンでも見やすく使いやすいデザインになりました。 以下のガイドページから、お好きなデザインにカスタマイズしてご利用ください。 ▽ はてなブックマークボタンの作成・設置について - はてなブックマーク ※ 現在すでにページに設置しているタグの貼り替えなどは不要です 新しいボタンを押して、Tシャツとステッカーを当てよう！ このリニューアルを記念して、非売品の「はてなブックマークTシャツ」と今回新たに制作した「はてなブックマークボタンステッカー」をセットにして2名様に、さらに「は
元ビアバー店長がクラフトビールの種類とおすすめを本気で教えます。
みなさんこんにちは。都内のクラフトビール専門店で店長を務めておりましたまるじです。 僕ね。日本酒だけじゃなくってクラフトビールにも興味があるんですよ。 まぁ元をたどると【発酵】という技術に興味があるといいますか。菌の世界ってとっても面白いなぁと思うわけです。 「クラフトビール」ってみなさんご存知ですか？ 飲食店を離れてから痛感してるんですけど、大半の人が日本酒のことについても、クラフトビールのことについても全っっっっっっ然知らないし、あんまり興味ないのね。 都内ならまだ触れる機会はあるかもしれないけど、少し田舎に行くと買う手段が全くないので、仕方ないのかなぁと。 最近はコンビニなんかでも少しづつ展開されるようになったり、大手のビールメーカーがこぞって参入したりしてて、じわじわとその波は来ている感はあります。 そんなこれからもっと普及していくであろうクラフトビールについて解説していきます。
科学者がいま、福島の若い世代に伝えたいこと 「福島に生まれたことを後悔する必要はどこにもない」
震災5年という節目が終わって、6年目に向かっています。いま最大の課題は何か、ですか？ 僕の答えはひとつしかありません。「自分の子供を産めるかどうか」という不安をもっている若い世代を減らすことです。 福島第一原発事故の被害者はいない、という人たちがいます。これは違います。多くの関係者の努力で、外部被曝も内部被曝も、大きな問題はほぼなくなりました。 でも、こうした若い世代の不安は「被害」ではないのか。これを放置しているのではないのか、という問題は残っています。なぜ、この問題を軽く見るのか。福島県で話していても、経済の話、農業の話は深刻だという大人たちはたくさんいます。だけど、この問題が最優先だ、という話はほとんどされないですよね。 経済も、確かに重要な問題なんです。でもね、最優先の問題は何かという話なんです。 「子供を産めるかどうか、生徒から聞かれたらですか？ 答えは躊躇なくイエスです」 福島
グーグルアナリティクスとエクセルを使って、ページ毎のアクセス数が比較できる一覧表の作り方 - らくがき
こんにちは、とみたです。 9月もまた勉強会やワークショップに参加する機会が多く、あっという間に月末です（泣） 特に今月は、法人化前に経費を使おうとパソコンとか椅子の新調でショールームに出かけたりしていたので、あっという間に過ぎてしまいました。 そのレビューなんかもしたいんですが、最近分析関係のことも書いていないので、なんとか月一更新を続けるべく、かんたんな比較表の作り方を紹介します！ 今回の比較表を作る目的 先月、とあるセミナーに参加した時に、「記事の修正はどのタイミングですればいいのですか？」という質問が出ていました。 僕の考えだとその答えは1つではなくて、何のための修正かによると思います。 以前紹介したこちらのデータ集計の方法（別タブ）の、特に「６．ページ毎分析」は、今あるアクセスをより多くしたり、今よりもっと成約や別記事へと誘導するための修正をするために、ページ毎に細かなデータを取っ
俳優・神木隆之介さんが漫画の実写に出演するとき作品ごとに全部顔つきが違う…！「高度な憑依技」
李々衣 @Rozarika そもそも子役のときにあの天使だった神木君が大人になってイケメン実力派俳優してるのってもう二次元じゃないか(？) 2016-09-25 11:49:42
現役WEBデザイナー8人が教える即実践で使える素材集＆情報サイト32選
『イーデス』は、複数の企業と提携し情報を提供しており、当サイトを経由して商品への申込みがあった場合には、各企業から報酬を受け取ることがあります。ただし当サイト内のランキングや商品の評価に関して、提携の有無や報酬の有無が影響を及ぼすことはございません。 また当サイトで得た収益は、サイトを訪れる皆様により役立つコンテンツを提供するために、情報の品質向上・ランキング精度の向上等に還元しております。※提携機関一覧 WEBサイトを作るときに、必ず必要になるのが画像素材ですね。 WEBサイトを制作する時に大切なのは、配色のバランスはもちろんですが、素材の良さで天と地ほどWEBサイトの魅力に差がでるので、素材選びがとても重要になります。 そこで、今回現役デザイナー8人が、本気で選んだ実践で活用できる素材サイトやトレンドをキャッチするための情報サイトをご紹介しようと思います。 「ユーザーが信頼して利用でき
ウェブデザイナー辞めて期間工になろうか真剣に悩んでる
期間工の給与(給料)・年収のリアルな数字まとめ トヨタ,ホンダ,スバル,いすゞ,マツダの実例 http://minnano-kikankou.com/salary/kyuuyo-nenshuu-matome/ この記事読んでウェブデザイナーなんて職辞めて期間工になろうかと真面目に考えてる。 地方で5年勤めてるが今だに年収290万。 帰宅はいつも0時過ぎ、仕事の持ち帰りは当たり前。 週末も家で仕事してる状況。 会社がブラックなのはわかってる。 別の会社に移ろうかとも考えたけど自分の住んでいる地方だとどの会社も同じような状況。 期間工になれば、労働時間は短くなる上に収入も増える。 工場にいる時間以外は全て自分の時間になるから、空いた時間でブログ運営したり、ランサーズやクラウドワークスで仕事受けたりもできるのかと。 期間工は40代になっても続けられるような仕事ではないと思うが、それまでに自分のス
８８歳以上限定ＳＮＳアプリ「米寿」、空前の大ヒット
ソフトウェア開発のドランゴが今年２月に配信したスマートフォン向けＳＮＳアプリ「米寿」が人気を集めている。登録資格を８８歳以上限定にしたにもかかわらず、超高齢社会とスマホの普及拡大を背景に、今月ダウンロード数が１００万回を突破。同社も「これほどまで需要があるとは」と驚きを隠せない。 米寿は８８歳以上の高齢者同士が共通の話題について語り合ったり、協力しながらゲームに挑戦したりできる交流型ＳＮＳアプリ。縦書きや旧字体、旧かな表示に対応、文字サイズも最大１画面１文字まで拡大できるなど、高齢者の目線に立った機能を取り入れた。また「学童疎開を思い出す」など利用者が８８歳未満だと分かる投稿をすると、即座に「なりすまし」として退会処分にするなど厳格な運営も特徴だ。 入会者全員が閲覧・参加できる人気コンテンツ「回覧板」には、毎日４００万件以上のコメントが投稿される。トレンドワードには「生前贈与」「黙祷」など
【感動】ウマ過ぎる福岡土産「博多通りもん」の魅力を聞いてくれ！ - イーアイデム「ジモコロ」
こんにちは、ARuFaです。 突然ですが皆さんは、「博多 通りもん」という、史上最強にウマいお菓子をご存知でしょうか？ こちらがその「博多 通りもん」。福岡名物のお菓子で、白あんの中に練乳・バターを使用したお饅頭になります。 ……そのシンプルな見た目に秘められしウマさは凄まじいもので、「饅頭発祥の地」である博多の中でも、別名『傑作まんじゅう』と呼ばれていたり、あのモンドセレクションでは16年連続で金賞を受賞していたりする程なのです。 その美味しさをわかりやすくお伝えするには、実際に通りもんを食べた人の反応を見てもらうのが一番でしょう。 というわけで、同じ会社の先輩に食べてもらったところ…… 「うっま！」 「ンめっ！」 ご覧のように、大の大人が子供のような笑みを浮かべて大喜びしてしまいます。 この後、二人は「はぁ～…」とため息をつきながら袋に記載されている原材料を熟読していましたが、これは僕
プロが実践するモダン CSS の書き方入門テクニック20選まとめ
海外サイトTutorialzineで公開された「20 Protips For Writing Modern CSS」の著者 Danny Markov より許可をもらい、翻訳転載しています。 この記事では、CSSスタイリングで実践したい、便利な20種類のテクニックをご紹介しています。CSSをはじめたばかりの初心者のひとにも合った内容も多く、あまり知られていない少しだけ高度で、より実践的なCSSテクニックまで学ぶことできます。これらのテクニックを利用することで、今後のウェブ制作をよりスムーズに、快適に行うことができるでしょう。 コンテンツ目次 1. 縦方向のマージン幅に気をつけよう。 2. レイアウトに Flexbox を利用しよう。 3. CSS リセットをしよう。 4. Border-box をすべてに適用しよう。 5. イメージファイルは背景に適用しよう。 6. リストテーブル用ボーダー
「うわっ、そのコード変態的すぎ…」と叫びたくなるCSSトリック10選
多少複雑なデザインでも、画像や JavaScript には頼らず、CSS で実現させる。そこにはもはや手軽さなどは存在しない。あるのは男のロマン。 https://speakerdeck.com/ixkaito/bian-tai-de-css-torituku ということで、「変態的CSSトリック」が流行っているようなので、JavaScriptや画像を使わない変態的なCSSテクニックを探してみました。何を持って変態的とするかは個人の性癖によるところが大きいので、あくまでも主観ですが。 CSS counterで数字を計算 実はCSS 2からあるcounter系のプロパティ。順番に番号を振れる便利なプロパティですが、意外とマイナーな存在では？ 次のデモは、リンクの数だけページネーション番号を自動的に付与するもの。うん、便利ですね。 え、でもこれだとノーマルっぽい？ じゃあこちらでどうでしょう。
PCサイトのUIデザインにおける12のトレンド | ベイジの社長ブログ
スマートフォンの普及で、PCで閲覧するWebサイト（以下、PCサイト）に対する注目度は下がっています。しかし、BtoBのデジタルマーケティングにおいては、PCサイトが今後も戦略の中心になるでしょうし、BtoCにおいても、PCサイトが不可欠な領域もまだまだ多いです。 ハードウェア的に大きな変化のないPC向けのWebデザインというと、ノウハウは固定化されている印象もありますが、実際には時代の流れを受け、今も変化を続けています。特に以下のような環境変化が、PCサイトのUIデザインにも大きな影響を与えています。 表示デバイスの多用化 スマートフォンアプリの一般化 タッチスクリーンの普及 トレンドに合わせれば成功、というではありませんが、その根底に流れているユーザ動向の変化については、十分に理解しておく必要はあるでしょう。そこでこのエントリーでは、PCサイトのUIデザインにおける最新動向を、その背景
flexboxのバグに立ち向かう（flexboxバグまとめ） - Qiita
注）本文中の「コンテナ」「アイテム」について 本文中でいう「コンテナ」「アイテム」は、flexコンテナとflexアイテムのことを指しています。 コンテナ display: flexや、wrap指定などをする 複数のアイテムを含む アイテム flex: 1 0 0%などの指定をする 1. アイテム潰れる問題（Safari） Chrome Safari 潰れてますね。 起きる条件 Safari なぜ コンテンツの最小サイズを尊重してくれない模様 どうすればいいのか flex-shrinkに0を指定 flex-basisにautoを指定（デフォ値なので、指定がなければそのままでOK） Safari10にて修正済み（つまり、SierraとiOS 10以降では対応不要） 2. align-items:center はみ出す問題 Chrome IE11 はみ出てますね。 起きる条件 IE10-11 f
「ひよ子」を「にわ鳥」にする
「ひよ子」というお菓子がある。その名の通り、ヒヨコの形をした銘菓の類の饅頭だ。 人からもらってなんとなく食べながら思う。このひよ子も、成長したらニワトリになるのだろうか。 思ったところでなるわけないので、自分でやってみた。
その文字、薄すぎない？ デザインにおける灰色の明度は何%が最適か
UX Movementにおいて記者、編集長を務めます。明快で効果的なデザインに美点を見出し、利用者のために払う労力を惜しみません。 一言で灰色と言っても、明るいものもあれば暗いものもあり、実に様々なバリエーションがあります。Webサイトなどでは、いたるところでお目にかかることのできる色でもあります。濃い灰色は主に見出しや本文に、薄い灰色はメタデータ、分類名、説明文に多く使われます。これらの色合いのうち、最も乱用されるのは薄い灰色です。 薄い灰色の文字の問題点 文字色として薄すぎる灰色は可読性に問題を起こしかねません。灰色の文字を薄くしすぎてしまえば、読者が読むにあたって支障をきたすことになります。文字の明度によっては、薄い色の背景に混ざってしまうのです。この現象は、単語や文字をぼやけさせ、判読を困難にします。無理に判読を試みれば、目を傷めてしまうでしょう。 また、薄い灰色の文字は読者の誘導
Sassで@mixinを作る時に知っておきたい基礎知識 - Qiita
はじめに Sassの@mixinはメンテナブルなCSS設計にも役立つ強力な機能です。 一方でゆるくも書けてしまうため、気をつけないと不格好なCSSが簡単に出力されてしまいます。 そこで@mixinを自作するにあたって、知っておきたい（おきたかった）基本知識をまとめました。何かの参考にでもなれば幸いです。 前提条件 ソースコードは.scss形式で記述しています Sass 3.4.4で動作を確認しています 使用しているModifierという単語は以下の通りです BEMと呼ばれる命名規則で使われる、基本的なスタイル（セレクタ・class）に追加する形で装飾を調整するclassのこと 目次 @mixinのおさらい 基本的な使い方 @contentの使い方 Modifierに無駄なスタイルを適用させたくない... @contentを使ってみる 制御用の引数を用意してみる 引数に配列（リスト）を使って
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
VROファイル再生 地デジ録画を解除する。CPRM解除 コピーガード解除 DVD作成
【保存版】福岡市民の私がガチで選んだ、福岡グルメのおすすめ店まとめ
家族が亡くなったとき一番最初にすべきこと、5選。｜葬儀・通夜・相続・お金で揉めないマニュアル
ネットやってると、時給1000円を「安い時給」扱いする人が多いが、それに凄..