【CSS】Flexboxの使い方を徹底解説！基本から実践まで(サンプルあり) | creive【クリーブ】
「Flexboxは、どんなことができるのか、いまいち分かっていない。」 「Flexboxって、横並び機能のfloatやdisplayとどう違うの?」 CSSの学習を始めた人の中には、こう思う人もいるでしょう。Flexboxは、従来、javascriptや他のCSSプロパティを駆使しながら実現していた複雑なレイアウト設計を簡単に実現します。今後、設計の主流になる可能性が高く、確実に理解し、使いこなせるようにしておきたいものです。Flexboxの守備範囲は、ほかのCSSプロパティに比べて広いため、最初の学習コストはかかりますが、それだけの価値があります。これまでmarginやpaddingでの調整に苦労してきた方は、これを学ぶことで大きな安心感がうまれるはずです。 今回は、CSS3で導入されたFlexboxを初心者の方でもわかりやすいように説明します。 Flexboxとは? Flexboxとは
知識0でも作れる！iPhoneアプリ開発入門（前編）
みなさんこんにちは。Yuta Fujii(@HofuCamera)です。 アプリを作ってみたいと思っている人は多いと思いますが、実際に開発するとなると学ぶことは多いのが正直なところです。 初心者向けにアプリの作り方を解説している本やWebサイトはいくつかありますが実際に動くものを作りながら体系的に学べるサイトは少ないです。 今回の記事では、iPhoneアプリに絞って、まったく知識がなくてもiPhoneアプリを作れるようになることを目指します。 知識がなくてもiPhoneアプリはつくれる イギリスでは、プログラミング教育が義務教育化されています。 そんな中、プログラミングに対して抵抗感を持つ子供たちが世界的に少なくなってきています。時代は大きく変わり、これからも変わり続けていきます。 この記事では、実際のアプリスクールなどで有料で公開されているものと、ほぼ同等の内容を無料でステップアップしな
SEO対策として最低限押さえておきたいHTML/HTML5マークアップの大事な6つのポイント
検索エンジンがページ構造を理解しやすいようにHTMLがマークアップされていることは、安定的に検索結果上位にインデックスされるために重要な要素の1つです。 当然のことながら、前提として検索キーワードを想定した質の高いコンテンツ作成が必要です。せっかく質の高いコンテンツを作成してもマークアップの仕方が論理的に間違っていると台無しです。 今回はSEO対策として押さえておいてほしいHTMLおよびHTML5マークアップの最低限のポイントについてお話しします。 この記事では自力でSEOに最適なマークアップをする方法を紹介していますが、はじめからSEO対策がばっちりなWordPressテーマを使えば、なにもしなくても良いのでとてもラクです。SEO対策が万全のWordPressテーマは下記で紹介しています。 WordPressのおすすめテーマはコレ！SEOもレスポンブも完璧【有料&無料】 headタグ内の
【簡単習得】プログラミング言語PHP超基本文法
こんにちは。 プログラミングをしてみたいけど、何から初めて良いか分からない。WordPressは使ってるんだけど、プログラムレベルでカスタマイズしてみたい。MAMP・XAMPPをダウンロードしたけど、どうやってプログラムを書くのか。 この記事では、PHPの基礎の基礎の部分をご紹介します！サンプルと解説を用意しているので、ぜひ読みながら実践してみてください！ （環境: Mac OS X El Capitan バージョン10.11.2, PHP 5.6.10 を使用しています。） PHP 基本編 PHPブロック sample ) helloworld.php [php] <?php echo ‘Hello World!’; ?> [/php] ここに、PHPのサンプルプログラムがあります。 このPHPプログラムの「 <?php 」がPHPブロックの開始タグと呼び、「 ?> 」の部分を閉じタグと
デザインの原理原則がわかる8つの記事 | creive
デザインをする際に、IllustratorやPhotoshop、Sketchが使えるといった、小手先の技術はもちろん大切ですが、そもそも「良いデザインとは何か」という概念的なことを知っておくのは大切です。 そこで、今回は、ノンデザイナーでも押さえておくべき、デザインの原理原則がわかる8つの記事を簡単な説明とともにご紹介します。 企画書の作成、簡単なモックアップをつくる際にも役立つものばかりです。 配色技法 デザインをしていて「良い配色」が思い浮かばない… なんて時に読むと考えがまとまる記事です。 「良い配色」という、なんとなく持っている概念を、論理的に説明したい時には重宝します。ドミナントカラー、トーンイントーン、カマイユなど7つの配色技法を、具体的な例を用いて説明しつつ、配色によってもたらされる効果を知ることができます。 → 配色に悩んだときに、きっと役立つ7つの配色技法【基本】 配色パ
最近話題になったイケてるWebサービス・アプリ10選（2015年3月編）
こんにちは。 4月になりましたので、3月中に話題になったWebサービスやアプリを10個ほどご紹介します。 TSUKURITTE（ツクリッテ） TSUKURITTEは「アイデアはあるけど具体化してくれるプロダクトデザイナーがいない」「小ロットから生産してくれる工場が見つからない」などの課題を解決するためのプラットフォームです。 コーディネーターが介在し、1500ほどの工場や工房・プロダクトデザイナーなどの「つくれる人」と、商品を「つくりたい人」とを繋げるサービスです。 コーディネーターを間におくことで、工場やデザイナーに問い合わせをする際に発生するハードルや、要件定義の煩雑さを省くことができます。 ワンコインランチ（食べログ） 食べログが運営する、対象店舗のランチを500円で食べられるサービスです。 食べログの月額500円のユーザー対象の有料サービスで、ランチクーポンに掲載している全店で、限
無料で使える！人気の日本語フリーフォント20選【おすすめ】
こんにちは！ 日本語のフリーフォント、なかなか良いのが見つからなかったり、どれがいいか迷ってしまうことってありますよね。 今回は、フォントで悩むデザイナーのために、人気の日本語フリーフォントを20個厳選してみました！ 新しいフォントから古いフォントまで様々なフォントがあるので、是非、チェックしてみてください。 1.はんなり明朝 フリーフォント界で有名な明朝体です。 不動の人気を誇っていますね。アクセス数も一番です。 →はんなり明朝 2.大甘書道体 テレビアニメ銀魂の次回予告タイトルに使われている、豪快な毛筆体です。 特に銀魂ファンには嬉しいフォントですよね！ →大甘書道体 3.あんずもじ 言わずと知れた手書きフォント。控えめな女の子が書いた文字っぽくて可愛くて人気がありますね。 →あんずもじ 4.うつくし明朝体 横書きの流れを意識して作られた明朝体フォント。 上品でリッチな雰囲気があります
無料で広報ができる！プレスリリース配信サイト23選
どんな新商品や新規サービスでも、それが世の中に知られないと広がることはありません。 そこで今回は無料で利用できる、ニュースリリース・プレスリリース配信サイトやWebメディアをジャンル別で複数ご紹介します。 プレスリリースとは もともとプレスリリースは、Press（新聞社）Release（発表）という言葉の意味にもあるように、報道機関やマスコミ∂√に向けて告知、発表する行為を指します。 一般的な企業では、広報やマーケティング、IR部門の担当者がリリースを行うことが多く、新商品や新サービスをなど新しいことを始めた事実を広く知ってもらうために利用します。広告とは違って、媒体メディアに取り上げられると「無料」で掲載されるのが特徴的です。記事として取り上げられる可能性は低いですが、掲載されると認知される効果が大きい場合もあります。ただし掲載内容のコントロールができないというデメリットも把握しておきま
たった1枚に込められたクリエイティブすぎる17個の広告
こんにちは。 限られた中で表現された、圧倒的にインパクトを与える広告が世の中にはあります。 今日は日本が生み出した、クリエイティブすぎる様々な面白くてユニークな広告をご紹介します。 こくご、さんすう、りか、せかい。 刑事さん。俺がやりました。 新聞広告 ハウスバーモントカレー いま一度、身の回りをお確かめください。 宝くじ引き換えもれ防止キャンペーン 前略。僕は日本のどこかにいます。 青春18切符の広告 最初の晩餐。 味の素 好きは、片思い。似合うは、両想い。 ルミネの広告 かしこいばかになりましょう。 新潮社「新潮文庫」 一番、タフなやつ 。 BOSS ルーチョンキはプイタコエ。ちもがな！ キンチョール 最強の布陣。 王将 打てるものなら、打ってみろ。 発言広告の部・最高賞 悪いことは、作家が教えてくれる。 新潮社「新潮文庫」 大人がお手本。 小学館 どんな夢みてる。 日本航空〈企業広告
【Mac向け】完全無料で使える！便利で快適なおすすめテキストエディタまとめ
Web制作でhtmlやCSSを書いたり、ブログの執筆、文書作成をするにあたってテキストエディタはとても重要になってきます。 しかし、テキストエディタは、有償無償問わずたくさんの種類があり、どれが自分に合っているのかわからない人も多いことと思います。 今回は、「完全無料」で使うことのできるエディタに限定し、高機能であったり、シンプルで使いやすいテキストエディタをまとめてみました。 尚、筆者がMacユーザーの為、Macでしか使えないものが多いです。 [Mac限定]オススメのMacテキストエディタ13選 CotEditor CotEditerは様々なエンジニアやライターの方が使っている言わずと知れた超有名エディタです。CotEditerは日本で開発されたため、日本語で使用することが可能です。 シンプルで、動作も軽快です。オープンソースで提供されていることもあり、日々機能が進化しています。 主な対
サイト制作の参考にしたい！Wordpressでつくられたウェブサイト50選
WordPressでサイトを作るときに、参考になるWordpressサイトはないものかと思ったことが一度はあるはずです。 WordPressでつくられたサイトからはデザイン・機能・運営方法まで参考になることが多いのではないでしょうか。そこで今回はWordpressでつくられたサイトを有名なところから50個ピックアップしてまとめました。後から読み返しやすいようにサイトのタイプ別に分類しています。 ※2016年3月末時点でWordpressでつくられたサイトであることに注意してください。 企業サイト・組織サイト 株式会社カカクコム 価格ドットコムなどを運営する株式会社カカクコムのコーポレートサイト。 http://corporate.kakaku.com/ クックパッド株式会社 クックパッド株式会社のコーポレートサイト。 https://info.cookpad.com/ 株式会社ベクター オ
【無料】集中したいときに！おすすめの作業用BGMサービスまとめ
何かの作業に集中する際に「音楽」や「音」は大切な要素です。 そこで今回は無料で聴けて、さらに作業用BGMとしても使えるとっておきのWebサービスやアプリをご紹介します。 noisli Noisliは、雨音やノイズなど、の環境音が聴けるサービスです。 BGMは「雨」「雷」「風」「森」「葉」「川」「波」「水」「火」「虫の声」「カフェ」「電車」「風車」「ホワイトノイズ」「ピンクノイズ」「ブラウンノイズ」の16種類。 環境音を単体で聴くのはもちろん、音同士を重ねたり、音量も調節できるので自分だけの環境音BGMをつくることができます。 またランダム、生産性、リラックスなどのテーマもあり、自分で決められない人はそのボタンをクリックするだけで、そのテーマにあった環境音ができあがります。 → noisli またNoisliはiOSアプリにも対応しており、下記からダウンロード（240円）できます。 → iP
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
