CSS Niteコーダー白書2016_シェア.key
2016 CSS Nite LP47Coder's High 2016 FLAT WEBCRE8 2016924 2016/10/02 7077 Prologue SecEon 2 1 逆に教えてほしい。。。 （23歳 男性 デザイナー） 2 具体的なものを作り、それを沢山の人に見てもらう （24歳 女性 マークアップエンジニア） 3 手を動かす・サイトを作る （24歳 男性 マークアップエンジニア） 4 Githubなどに自分の作品を公開する （24歳 男性 マークアップエンジニア） 5 実際に手を動かしてコードを書くこと （25歳 女性 デザイナー） 6 書籍を読む、ブログの巡回 （26歳 女性 デザイナー） 7 使ったことのない技術を定期的に取り入れるようにする。 （26歳 女性 フロントエンドエンジニア） 8 Google先生 （26歳 女性 マークアップエンジニア） 9 わからな
やりたかった表現を可能にする、新作Photoshopデザインネタ25個まとめ
変化を続けるデザインシーンで活用したい、Photoshopの新作デザインネタをまとめています。 Photoshopの使い方はある程度分かるけど、プロのようなデザインができないひとや、ただいまPhotoshopを勉強中のひと、仕事でデザインを手がけている中級レベルのひとまで。デザインのアイデアがほしいときに確認したい、フォトショップのネタを揃えています。 詳細は以下から。 やりたかった表現を可能にする、新作Photoshopデザインネタまとめ 家付きのカタツムリをデザインする方法 小さな煙突から煙がのぼり、窓とドアも付いたメルヘンな写真合成テクニック。 靴を使ったペンキ・スプラッシュエフェクトの作り方 用意したスニーカーに、ペンキが飛び散ったテクスチャを違和感なく合成するテクニックが紹介されています。 ロマンチックなバラの花と文字テキストエフェクト 美しいバラの花をモチーフに、文字テキストを
Bootstrap を拡張パワーアップ！参考にしたい50個の無料プラグイン、コンポーネントまとめ
Webデザイン制作で人気の Bootstrap フレームワークには、役立つツールやコンポーネントがあらかじめパッケージされており、すぐにサイトやアプリの制作をはじめることができます。しかし、ときには必要な機能が十分に揃っていないケースがあるのも事実です。 この記事では、Bootstrap の機能を最大限に拡張できる、50種類のプラグインやアドオン、コンポーネントをまとめてアルファベット順にご紹介します。 ここでは、ボタンやパンくずリスト、カレンダー、ツリーメニュー、ビデオプレイヤー、WYSIWYGエディターなどウェブ制作に必要な機能をすべてまとめています。今後のプロジェクトに活用してみてはいかがでしょう。 制作に活用したいBootstrap 用プラグイン、アドオン、コンポーネント（アルファベット順） アクセシビリティ （英: Accessibility） Accessibility Plu
CSSのクラス名を決めるときに使うリストをつくりました
CSSは設計手法も大事ですが、どういう単語で名前をつけていくかも大事だと思っています。 個人個人でばらつきが出るところでもありますし、「単語名 英語」で検索をして探した単語を使ったけど若干意味合いが違ったといったこともあると思います。 クラス名を決めるためのリストを見かけることもありますが、英単語の読みは書かれていても意味合いが書かれていることは少ないように思います。 自分の確認用と、チームで製作するさいの基準になるようなものを作りたいと思い、単語とその意味を短くまとめてGitHubにあげています。 CSS クラス名リスト | GitHub 以下投稿時の内容です。 名前をつけることは難しいですが、とても重要なことです。 CSSには設計思想が必要ですが、実践するにあたり、名前と機能の意味がとおり、名前のつけ方にブレがないようにするべきです。 このドキュメントでは、CSSでよく使われる単語を分
[CSS]レスポンシブ対応のテーブルを実装するシンプルで、賢いアイデア
Webページをレスポンシブ対応にする時、悩ましいコンテンツの一つがテーブルではないでしょうか。単にセルの幅を狭くするだけでは、一行に一文字しかない妙に縦長なテーブルになってしまいます。 省略したり、プルダウンを利用したりなどいろいろなアイデアがありますが、もっとシンプルで簡単に、そして実用的な賢い実装アイデアを紹介します。 Responsive table layout レスポンシブ対応のテーブルのデモ レスポンシブ対応のテーブルの実装 レスポンシブ対応のテーブルのデモ デモでは4x5のテーブルで、さまざまなデバイスのスクリーンサイズでコンテンツが最適になるよう実装されています。
![[CSS]レスポンシブ対応のテーブルを実装するシンプルで、賢いアイデア](https://cdn-ak-scissors.b.st-hatena.com/image/square/756f0468957ea28ca57928b50217267f6ec350ab/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201604%2F2016101105-01.png)
スピード＆品質で勝負！Photoshop で使いこなしたい無料ブラシ素材集
あらゆるデザイン表現を可能にする Photoshop には、さまざまな機能が搭載されています。しかし、ゼロから作品を完成させるには、時間も労力もかかってしまいます。 そんなときに利用したいのが、Photoshop ブラシ素材です。今回紹介するアイテムを利用することで、驚くほど簡単に高品質なデザインを作ることができます。 ゼロからデザインを作成できるのはもちろん、ステッカー感覚で利用できるデコレーション用ブラシから、デジタルペイントに欠かせない基本ツールまで幅広く揃えています。 詳細は以下から。 スピード＆品質で勝負！Photoshop で使いこなしたい無料ブラシ素材集 Basic Main Brushes デジタルペイントに必要な基本ブラシを揃えた素材セットで、まで筆ブラシで描いているようなナチュラルな質感を表現できます。 Digital Painting Brushes グラフィック・タ
なぜ高収入バリキャリ女子が「自分より年収が高い男と結婚したい」と上昇婚をめざすのか - 妖怪男ウォッチ
アラサー女や婚活女子と話をしていると、必ず出てくるのが「お相手の年収」話。 「自分より年収の高い男じゃないとムリ」 「結婚相手の年収は自分の1.5倍ぐらいが希望かな」 多くの子が「相手の男性には自分より年収が上であってほしい」と口をそろえます。 「で、出た〜〜〜わかりやすい上昇婚狙いで、男の年収＝自分の価値だと思ってるキラキラ女子〜〜〜」と思いきや、必ずしもこういう子たちばかりではありません。 むしろ最近気になっているのが「平均年収よりも稼いでいるバリキャリ」までもが「年収は同じか自分より高い男性がいい」と言い出すこと。 「男も女も同じぐらい稼ぐ時代だから関係ないよねー」と言っていたはずなのに、気がつけば「やっぱり自分より年収が高い男性の方がいいわ…」と言い出すのはなぜなのか？バリキャリの「やっぱり上昇婚」現象を考察します。 本日の妖怪：プライド山男 というわけで、バリキャリ婚活女子にイン
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Engadget | Technology News & Reviews