さまざまなUIを実装するCSSの各プロパティの基礎知識や使い方をはじめ、実装時のスタイルシートの問題点をチェックしたり、重複している箇所を見つけたり、見やすいように整形したり、コードを圧縮・展開したりなど便利なオンラインツール・リソースを紹介します。 CSSのリファレンス・基礎知識系 CSSの調査・分析系 CSSの整形・圧縮・展開系 CSSのリファレンス・基礎知識系
どうもですよ、はやちですよ✌(´ʘ‿ʘ`)✌ このあいだ昼休み中に思い切ってPS4と「龍が如く0」と「Final Fantasy 零式」をポチってしまいました( ˘ω˘)<計65,000円なり しばらく節約のためお昼のお弁当生活がんばります(◞‸◟) そんなことはどーでもいいですね。 今回はSassで1つのカラーコードを使い色々と管理をする方法をご紹介します( ˘ω˘)☝ 設定方法 まずカラーを変数で定義します。 $base:#46AFED; $baseの色を明るく設定したい場合はlightenで設定します。 %で明るさの値を変えます。 color:lighten($base, 10%); これをまた変数で定義するといいかもですね。 $Lighten10:lighten($base, 10%); 設定方法は以上になります、カンタンですね( ˘ω˘)☝ 設定できる種類 設定できる色合いは以下
2020年5月18日 CSS, Webデザイン, 便利ツール 背景に動画を使ったWebサイトや、大きな背景画像を使ったWebサイトに続き、最近は画面全体にきれいなグラデーションカラーを用いたサイトを見かける機会が増えてきました。そこで今回はグラデーションカラーをCSSで実装する基本的な方法から、画像に重ねる応用、配色選びに使えるサイト、実例集などを紹介します! ↑私が10年以上利用している会計ソフト! CSSでグラデーションを実装 グラデーションは background プロパティーに linear-gradient の値を使って色を指定します。意外と簡単。 body { background: linear-gradient(#05FBFF, #1E00FF); } See the Pen CSS linear-gradient by Mana (@manabox) on CodePen
こんにちは、デザイナーのモモコです。 今回はデザインの重要な要素の一つである、色選びの時に使える配色シミュレーションができるツールやサイトをご紹介します。Webカラーのカラーパレット系サービスを中心にチョイスしましたので、配色などでお悩みの方はぜひご参考にしてみてください! 独学でつまずいていませんか? 配色やデザインの基礎を効率的に学びたい、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGでもWebクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」を運営しております。「今すぐスクールの概要を知りたい!」という方は、ぜひこちらより資料をご請求ください。 coolors https://coolors.co/ 直感的な操作で色の組み合わせのシミュレーションができるサイト。スペースキーを押すことで自動で配色を行なってくれます。何度でも押せる
こんにちは。アプリハンターことメディア事業部インターンのさんぺーです! 私は内定者なので、お打ち合わせに同席させていただく機会もありますが、「世間でどんなニュースが流れているのか分からないから、その場の話題についていけない」ということが多々あります。メディアに関わる人間たるもの、このままじゃダメだと思いつつも、私にはテレビを見たり新聞を読んだりする習慣がありません・・・。 ということで頼るべきはスマホ! 実際に使ってみたニュースアプリの中から、「これは入れておいた方がいい」というニュースアプリを、ランキングとレビューから探せるiPhoneアプリ・iPadアプリ情報サイト『Appliv[アプリヴ]』様に情報提供いただき、ご紹介します。 話題はコミュニケーションのきっかけになるものですから、今後のビジネスにおいても、営業時のアイスブレイクや上司との会話など、ニュースが役立つシーンはたくさんあり
こんにちは、シェアハウス生活にも飽きたのでそろそろ一国の主になりたい管理部のしどうです。 同じ所に長く住むことがあまりできないのですが、今度はちゃんと居心地よくて引きこもりたくなる部屋を作りたいなと思っています。 そのためには、インテリアだ・・・! と言っても東京近辺のちっちゃなおうちではいろいろと難しいこともありますね。 そこで、今回はワンルームでもかっこいいインテリアにできそうな参考サイトを集めてみました。 まずはインテリアについて概要をつかもう 「インテリアの何たるかがさっぱり分からなくて、いつも寝るだけの部屋になる」という私みたいな人、まずはインテリアのコツについて詳しく記載されているサイトをみて勉強しましょう。 http://1inte.com/ 部屋探しをするときからインテリアを想像しておこう、気に入ったレイアウトや家具はスクラップしておこう、などなど基本から応用まで掲載されて
こんにちは、ディレクターの浦川です。 今年から少しでも健康的な生活を……と思い、休日限定ではありますが、自宅の周りを早朝ランニングしています。 準備体操は大切 走る前の柔軟体操は大切です。準備体操中におすすめなアプリがこちら。 OSH Yoga http://osh-apps.jp/osh-yoga/osh-yoga/ 私は、OSHMANSさんが提供されているヨガアプリ「OSH Yoga」で柔軟をしてから走っています。動画で分かりやすくポーズややり方を教えてくれる、ヨガ初心者でも取っ付きやすいアプリ。 こちらのアプリに「走る前のウォームアップヨガ」というカリキュラムがあるので、それをゆっくり丁寧にやっています。 さぁ走ろう ランニング中におすすめなアプリはこちらです。 running http://www.nike.com/jp/ja_jp/c/running/nikeplus/gps-a
こんな記事を呼んで、物騒な世の中で色々と心配になってしまいました。 なぜインドではレイプ事件が後を絶たないのか? ハフポスト・インド版副編集長に聞く The Huffington Post Japan http://www.huffingtonpost.jp/2015/01/12/india-rape_n_6453902.html 記事中で紹介されているHimmatというアプリですが、 地元デリー警察と内務省が開発した緊急信号発信アプリ。 タップすると、GPSから位置情報を、更に映像、音声をデリー警察に送信できるという物です。 警察に直接送信できるというのは非常に大きいですね。 これはインド、デリー地区でしかもちろん通用しないのですが、似たようなアプリが無いか、代替出来ないか、と少し探してみました。 SOS My Location このアプリは、緊急時に1タップ(もしく
皆さま、こんにちは。メディア事業部のまゆです。 さて、私は深夜になるとYouTubeでBGMを漁るのが日課になっています。しかし、毎回マウスでクリックして操作するのはめんどくさい、ということに最近になって気が付きました。 ということで、今回はYouTubeを利用するときに便利なサイトやショットカットキーをご紹介します。 ※編集部が動作を保証するものではありませんのでご了承ください YouTube動画をもっと便利にするサイト4選 1.動画だけを表示する quietube.com YouTubeで再生している動画のURL「http://www.youtube.com◯◯◯」の冒頭にhttp://quietube.com/v.php/を追加し、「http://quietube.com/v.php/http://www.youtube.com◯◯◯」の形にしてください。するとシンプルな動画再生ペー
こんにちは、メディア事業部のナッツです。 ブロガーなら初心者だろうとなかろうと、誰もが必ず直面する悩みがあります。 それが……「ブログに書くネタがない!」。 どれだけ頭をひねっても、どれだけネットサーフィンに勤しんでも、書くネタがない! ブログってなんだ?! そんな悩みを抱えているアナタのために、今回はブログのネタ探しに悩んだら使いたいWebサイト・ツールを10個、ご紹介します。 タイトル案からブログネタを考える 特定のテーマに絞って書いていくと、「このネタ、前もブログに書いたしなぁ」ということが多々あります。 一方で、特定のテーマに絞っているにも関わらず、定期的に記事を更新しているブログが多く存在しているのも事実。 その違いは「切り口」です。 例えば「ブログの書き方」というネタでも、「ブログの書き方が学べる書籍10選」、「ブログの書き方に影響を与えた映画10選」、「タイプ別ブログ記事の書
2015年1月28日 SVG, 便利ツール SVG(Scalable Vector Graphics)はIllustratorで作成したようなベクター画像を表示する技術。高解像度ディスプレイでもくっきりはっきり表示できるので、近年海外サイトを中心に見かける機会が増えてきました。SVGについてはWebクリエイターボックスでも何度か取り上げてきたので、耳にしたことのある方も多いかと思います。今回はそんなSVGを使いこなすための便利なオンラインツールやJavaScriptなどを紹介します。SVGってなんぞや?という方は、過去記事「アイコンフォントからSVGへ!より手軽にベクター画像を表示しよう」をご覧ください! ↑私が10年以上利用している会計ソフト! ラスター画像をSVGに変換 Vector Magic Vector MagicはJPEG、GIF、PNG形式の画像をベクター画像に変換し、EPS
個人でも商用でも、クライアントのプロジェクトでも無料で利用できる高品質な写真素材がダウンロードできるストックフォトサイトを紹介します。 27個のサイト、すべてクレジット表記やバックリンクの必要がないので、非常に利用しやすいと思います。
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
オハヨウからオヤスミまで。ディレクターの鮫島です。 今回から全3回にわけて「ワイヤーフレーム」の考え方や書き方などをお届けいたします。 第1回となる今回は、ワイヤーフレームの役割や考え方など思想的な部分をお伝えします。 第2回はワイヤーフレームの作成前に準備するべきことなどをお伝えし、第3回は実際にどう書いたらいいか、などをお送りする予定です。 ワイヤーフレームの書き方や考え方は人それぞれ微妙に違うかとは思いますが、私の考え方が少しでも何かの参考になれば嬉しいです。 ワイヤーフレームとは 簡単に言えば「何を・どこに・どのように」が記載された「サイト設計図面」です。 つまり、制作するウェブサイトの要素や機能、情報を設計図面のように配置しておき、お客様や制作者と認識を合わせるためのものです。 例えば家を建てるとき、設計図面がないと大工さんはパニックになりますよね。きっと。大工さんみんなの認識が
JavaScriptおれおれAdvent Calendar 2014 – 08日目分 後から追加。 画像欲しかったけど(量も多くて)面倒になったのでやめ……。 Twitter Twitterボタン 自分のタイムラインに投稿するフォームを表示するボタン。投稿された数も表示。 Twitterボタン | About Facebook いいね!ボタン そのページにいいね!するボタン。押された数も表示。 Facebook Like Button 自分のタイムラインに投稿するフォームを表示するボタン。投稿された数も表示。 Share Button Line LINEアプリを起動し、規定のメッセージを入力した状態にする。 設置方法|LINEで送るボタン LINEがインストールされていない環境では、ボタンを押しても動かない。 はてなブックマーク ブックマークに追加したりコメントを見たり。ブクマ数も表示。
急増しているボットネットによる攻撃からの被害を防ぐ「ボットネットプロテクション」や、Javaの脆弱性に対応した「エクスプロイト ブロッカー」の強化など「信頼性」をより向上させた「ESETセキュリティソフト」の最新版「V8.0(バージョン8)」が2014年12月11日に発売されました。「軽さ」はそのままに「信頼性」をより向上させたとのことなので、無料ですべての機能を30日間使える体験版をさっそく試してみました。 ESET Smart Security ( ESETセキュリティソフト ) | 2014年12月より新バージョン提供開始!「軽さ」×「強さ」×「満足度」No.1 ウイルス対策ソフト http://www.eset-smart-security.jp/ ◆ESET Smart Securityの評価 「セキュリティソフト(ウイルス対策ソフト)がWindowsのシステム環境にどれだけ影響
先日、個人でやっているサイトをリニューアルしていたのですが、想像以上に色の組み合わせについて悩んでしまいました。 デザインの知識が皆無の私にはハードルが高すぎたようで、文字、リンク、バナー、背景などの色をベタベタ触っていたら、数時間後にはヘドロのような色彩美のサイトが誕生しました。絶望です。 そこで今回は、私のような素人でも参考になる配色見本サイトについて、用途別にまとめてみました。 「わからないこと」が一瞬で解決するかも? Webデザインを効率的に学びたい、転職・就職を目指している、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGのスクールでは、現役デザイナーがマンツーマンで指導します! ▼少しでも気になる方は、ぜひ公式サイトをご覧ください! ベースとなるカラーを設定したい 1. 原色大辞典 https://www.colordic.org/ いつも参考に
みなさんこんにちは、段田です。 いきなりですが、みなさん漫画って何で読まれてますか? 紙? 電子書籍? 僕は以下の3つ理由からもっぱら電子書籍派になりました。 iPhone6 Plusを買ったことで画面サイズが大きくなり、漫画を読むのに適したサイズになった 電子書籍アプリが充実してきた 出版社の電子書籍対応が進み、絶版になってしまった漫画でも簡単に手に入る機会が増えた というわけで今回は、漫画購入を中心とした電子書籍アプリ30選を紹介していきたいと思います。 ※配信作品やサービス内容は変動する可能性がございますので、詳しくは各アプリのページをご覧ください。 ▼目次 プラットフォーム系13選 1. iBooks 2. LINEマンガ 3. Kindle 4. Yahoo!ブックストア 5. ebookjapan 6. マンガボックス 7. 楽天kobo 8. ニコニコ静画(電子書籍) 9.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く