ここ数年でCSSは加速度的に進化し、ひと昔前まではJavaScriptを使用しないと実装できなかったのが、CSSのみで実装できるようになりました。また、サポートすべきブラウザもIE8が除かれるようになり、今まで躊躇していたテクニックも数多く利用できます。 アコーディオンやカルーセル、モーダルボックス、ポップオーバー、フリップ コンテンツなど、JavaScript無しのCSSで実装するテクニックを紹介します。
ここ数年でCSSは加速度的に進化し、ひと昔前まではJavaScriptを使用しないと実装できなかったのが、CSSのみで実装できるようになりました。また、サポートすべきブラウザもIE8が除かれるようになり、今まで躊躇していたテクニックも数多く利用できます。 アコーディオンやカルーセル、モーダルボックス、ポップオーバー、フリップ コンテンツなど、JavaScript無しのCSSで実装するテクニックを紹介します。
最近ウェブサイトやUIデザインなどを見ていると、ふわりと浮いているような奥行き感を表現しているものがあります。これは拡散型シャドウ(英: Diffuse Shadow)と呼ばれる新しいグラフィックトレンドで、2016年に入って多く見かけるようになっています。 今回は、この拡散型シャドウの基本的な使い方や、PhotoshopやHTML/CSSなどによるさまざまなデザイン方法を、参考にしたいUIデザインと一緒に見ていきましょう。 拡散型ドロップシャドウって何? 英語でもきちんとした名前はまだ決まっていないようですが、この拡散型シャドウ(英: Diffuse Shadow)と呼ばれるこのテクニックは、通常のドロップシャドウに比べ、奥行き感をより表現できます。フラットデザインから派生したスタイルのひとつとも言え、今のデザイントレンドを反映しています。 Image Source: VOID Conf
こなすべき作業が多い開発業務、少しでも業務負荷を軽減したいものです。 そんなときは、開発時のテスト、コードレビュー、エラー通知をしてくれるWEBサービス・ツールを利用すると、開発の生産性やスピードが向上します。 開発者にぜひ使ってもらいたい、開発をサポートしてくれるWEBサービス・ツールを10個厳選してご紹介します。 無料で使える、または無料プラン(一部トライアルのみ)があるサービスをピックアップしていますので、興味を惹かれたものがあればぜひ使ってみてください。 自分に合う案件を提案してもらう Swift Bootstrap http://www.swiftbootstrap.com/ 2015年12月、Appleが開発したiOS / OS Xのためのプログラミング言語「Swift」がオープンソース化されました。 これから普及する可能性を秘めているプログラミング言語ということで、「Swif
2016 - 07 - 06 撮影のテクニックや構図・設定からカメラ・アクセサリ選びまで!おすすめサイト&良記事まとめ カメラ 撮影 シェアする Twitter Google Pocket Line デジタル一眼 撮影テクニック大事典 最新版 学研カメラムック[Kindle版] posted with ヨメレバ CAPA&デジキャパ!編集部 学研プラス 2015-10-02 Kindle Amazon[書籍版] 記事の目的 日常のワンシーンを撮ったり、旅行先で出会った風景を思い出として撮影したりするのはとても楽しいもの。カメラや写真は私たちを大切な過去と結びつけてくれたり、思い出をシェアしてくれたりしてくれる大切な存在ですね。 今回は、撮影のテクニックや構図・設定の仕方から、カメラやレンズやバッグなどのアクセサリの選び方など全般的に、おすすめのサイトと良記事をまとめました。カメラを購入しよ
食品の五大栄養素…しっかり考えて食べていますか? エネルギーを作るたんぱく質、脂質、炭水化物…ここまでが三大栄養素と言われます。 ここに『体の調子を整える』と言われるビタミンとミネラルを加えて五大栄養素と呼びます。 体の調子を整えると言ってもパッとこないかもしれません。 無ければ無いで生きていけるのか…? 数十種類のビタミン、ミネラルの効果や重要性を覚えておくのは難しいと思います。 そこで、今回の記事は『ビタミンの基礎知識』がテーマです。情報量が多くなってしまうのでミネラルはまたの機会に。 ビタミン13種類の役割から摂取量、過剰摂取と欠乏症のまとめ、サプリメントの摂り方と栄養成分など… 食生活に必要なエッセンスのみを簡単に解説していきます! 【参考】農林水産省/みんなの食育、厚生労働省/日本人の食事摂取基準、栄養学の基本がまるごとわかる辞典(2015,西東社)、栄養成分表2015、その他学
はじめに 家帰ったら『主要じゃない200くらいのプログラミング言語の雑な紹介』書いてやるから待ってろ — NANAKASE Kotoko (@make_now_just) 2016年7月1日 このツイートがことの発端でした。元ネタは、 主要なプログラミング言語 5種類を徹底解説! - Programming share 主要なプログラミング言語8種をざっくり解説 - shi3zの長文日記 あたりです。上の方の記事の冒頭に、 現在プログラミング言語は、200種類以上存在していると言われています。(実際に利用されているプログラミング言語の数はその10分の1くらいです。) とあったので200言語解説してみようというわけです。 200言語の解説を書くということは仮に1言語1分で書いたとしても200分、つまり3時間と20分の時間がかかるわけで、まぁそれは無駄に時間のかかる作業になります。そうなると必
やっはろー! 6月最終日にして、2016年の折り返し地点ですよー! いろいろ終わってますかー? 僕は終わってないですー! 書きたい記事も読みたい本も消化できてないですー! HAHAHA! というわけで早速ですが、毎月末恒例、「今月のブックマークを振り返ろう」のコーナーです。1年前と2年前のまとめ記事も文末にリンクを貼っておりますので、よかったら一緒にどぞー。 社会・時事 ファルコム曲はいいぞ 「みんなファルコム曲使おうぜ!」って書こうとしたら、すでにブコメで書かれてた。アレンジ盤には店内BGMでも違和感なさそうな曲も多いし、おすすめ。 数年前、就活中の自分に読ませたい記事 “短いキャッチボールを繰り返す”という指摘に共感。グループならいざ知らず、面接って基本的にはプレゼンじゃないのよね。就活本を読んでると誤解しそうだけど。 生活 成田空港、そもそも行ったことあったかしら…… 飛行機に乗らな
2016 - 06 - 30 音楽リスナーが知っておくと便利で楽しいウェブサービス12選 音楽 音楽-音楽ウェブツール おすすめ記事セレクション ミュージシャンやバンドマンなら知っておくべきウェブサービス47選 ツイッターであなたの音楽を20万人に宣伝する方法 あなたのバンドがライブ集客に失敗する理由とその改善方法 Amazonプライムが音楽好きにとって神サービスだった件 スポンサーリンク list Tweet どうも、星川(@Soh_RundabanSP)です。 本日は音楽好きの方が知っておくとちょっと便利だったり、お得だったりするサービスを ドーンと12コ ご紹介します。 多分、あまり知られていないのが多いんじゃないかな~?と思います。 気になったやつがあったらチェックして下さいね! 音楽ライフがちょっと楽しくなるサービス ①ライブの不安をバッチリ解消!「Live Funs」 包括的
世の中はデザインで溢れている。ブログを運営するとき、会社で資料を作るとき、普段の生活の中でも結構「デザインする」ことに直面する場面は多い。キレイで便利なテンプレートやテーマを使えば済む話だけれど、素人やデザイン初心者でも、少しでもデザインに関する意識があれば、仕事だけでなくプライベートでも応用がきくし、思考の幅も広がって楽しい。 デザインするということは何も特別なことではなく、一握りの絵心のある人が特殊なグラフィックツールや生まれ持ったセンス用いて、創造的な作品を生み出すことだけを意味するわけではない。 誰でもできるデザインもある。 そしてそれは、ちょっとした知識があって、何かを作るときにほんの少し気をつければいいだけの作業である。(このエントリーでいう「デザイン」とは、そういうものと定義する。) この記事では、デザイン初心者に向けて、デザインの簡単な7つの基本を紹介してみる。実際にこの7
Transcript ϑϦʔϥϯεσβΠφʔͷ � ʮͭ͘ Δ͜ͱɺ ͨΒ ͘ ͜ͱʯ ࣗݾհ ͢Έ͔ͩ͋ ʢ֯ాҁՂʣ 8FCσβΠ ϯˍΠ ϥε τ Ϩʔλʔ େࡕࡏॅɺ ੍࡞ձࣾͰͷ8FCσβΠφʔΛܦͯ����ʹϑϦʔϥ ϯεʹɻ ओʹ-1αΠ τͷσβΠϯɺ ΠϥετΛ੍࡞͍ͯ͠·͢ɻ ͱ�ࡀͷஉͷࢠͱ ͏͕͗͞�ඖ͍·͢ɻ Ωϟ ϦΞ͚ͩ ��ʹ ɾ ɾ ɾ ࠓͷ͓͠ͳ͕͖ σβΠϯΛ࡞Δ ʮཧʯ ͱ ʮϏδϡΞϧʯ � ཧฤ � ϏδϡΞϧฤ � σβΠϯͷઆ໌ฤ ϑϦʔϥϯεͱͯ͠ಇ͘ Θͨ͠ͷ৺ಘ 01 02 ࠓͷͶΒ͍ ࠓͷςʔϚ ʮσβΠϯࡇʯ ɻ ʮσβΠϯղܾʯ ͜ͷ͜ͱΛͣͬͱ؊ʹ͡ ͖͚ͯͨΕͲɺ ࠷ۙͲ͏ͬ͘͠ Γ͜ͳ͍ɻ ࠓͷͶΒ͍ ݟ͚͕ͨͩσβΠϯ͡Όͳ͍ɺ ͰσβΠϯͷத Ͱɺ ͖Ε͍ͳ৭ɺ ͖ͯ͢ͳϑ
トルコイスタンブールで開催のLGBT集会で、ゴム弾や催涙弾が使用され、顔を覆う参加者ら(2016年6月19日撮影)。(c)AFP/GURCAN OZTURK 【6月20日 AFP】トルコのイスタンブール(Istanbul)で19日、LGBT(レズビアン、ゲイ、バイセクシュアル、トランスジェンダー)コミュニティーが開催した集会の解散を求め、機動隊がゴム弾と催涙ガスを使用する事態となった。開催された市内広場での集会は禁じられていた。 集会は、2013年以降、すべてのデモ行為が禁止されているタクシム広場(Taksim Square)での開催が呼びかけられていた。警察官ら数百人が広場を取り囲み、イスラム教の断食月「ラマダン(Ramadan)」中の集会「トランスプライド(Trans Pride)」の開催を阻止した。 集まった約150人に対して機動隊がゴム弾や催涙弾を使用すると、参加者らは近くの通りに
みんな大好きなフリーフォント!2016年に続き、2017年もおしゃれなフォントがたくさんリリースされています。デザイナーの皆さんは、なんかいい無料フォントないかな?って日々探されていると思いますが、今回はデザイナーやノンデザイナーの方でも、ダウンロードしまくりたくなる、おしゃれフリーフォントをご紹介致します! 関連記事 デザイナー必須のおしゃれでかわいい手書き英語フリーフォント50選! 無料で使える!漢字もOK!おしゃれ&かわいい日本語フリーフォントまとめ Webクリエイターの転職ならマイナビクリエイター!! かわいい&おしゃれな英字フリーフォント101個! フォントだけでもデザインできてしまうようなもの多数あります。あれもこれも色々ダウンロードしたくなるデザインばかり!順番にダウンロードしていきましょう! ※ダウンロード画面は、フォントは画像の下のリンクからお願いします。 Fibon S
ぼくがWebデザインに携わってからこれまで約5年半、Web上の多くの優良なサイトから知恵を借りて、ド素人からなんとかフリーで仕事を貰えるまでになった。そして常々、Webから与えてもらった知識や情報を還元したいと思っていた。 こうしてブログを始め自ら情報を発信する場を得たので、一度Web制作に関する良質な情報をまとめて提供してみたい。 このエントリーでは、Web制作の初心者もしくはWeb制作に興味があってこれから始めてみたいという人が、うまくWebの世界に入っていくのに役立つような情報を厳選して紹介している。 一人でWeb制作全般を見れるようになるための基礎的な情報を広く列挙してあるが、必要な箇所だけ断片的に取り上げてもらっても役立つと思う。またできるだけ日本語の中で閉じるよう、海外サイトは最低限にとどめた。 目次 とにかく1ページに詰め込むことを優先したのでかなり長いが、下の目次から必要な
かるび(@karub_imalive)です。 つい少し前に、MTRL社というベンチャー企業でのインターンシップの顛末を巡っての記事がはてなブックマークで注目を集め、話題になっていましたね。 インターンを雇って失敗した話。 インターンとして失敗例になってしまった話 それぞれブコメでは「搾取するな」とか「5時間も会議で拘束するなんて」など、やや感情的な意見が優勢でした。一連のエントリを興味深く熟読しましたが、元採用担当でいろいろな業界・会社のインターンシップを見てきた限りで言うと、MTRL社の社長さんは、それなりに頑張ってインターンシップに取り組んでいたと思われます。 本文を読むと、本格的なインターンシップとして、「実習」レベルを超え、実質上「労働」として、実務に深く参画させています。これに対して、きちんと労働の対価として給与を出しているため、法律的にはほぼ問題なし。(5時間も会議をやるのはア
インフラエンジニアの中西です。 最近プログラマーからこのような話を耳にします。 「ネットワークって難しい/よくわからない」 最近ではAWS,GCPをはじめとするクラウドサービスが充実しているのでWeb界隈のエンジニアはなおさら気にするシーンが少なくなったように思います。 今日は最低限これだけ覚えていたら有事の際にちょっとは役に立ちますよという話が出来たらなと思います。 書式統一のため sudo を省略しています。ご容赦下さい。 コマンド編 ping ping です。疎通確認を行う時のコマンドです。 さすがに分かると聞こえてきそうですね。 例えば、192.168.1.1 というサーバに通信を確認したい場合はこうです。 $ ping 192.168.1.1 繋がる場合はこうなります。 $ ping 192.168.1.1 PING 192.168.1.1 (192.168.1.1): 56 d
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く