2017年大本命！HTML/CSSで表現できる、参考にしたいカード型レイアウト60個まとめ - PhotoshopVIP
Google が2014年に発表したマテリアルデザインは、ウェブだけでなくグラフィックデザインでもますます人気となっており、さまざまな方法で採用しているケースをよく見かけるようになりました。 今回は HTML と CSS、わずかな JavaScript で実装できる、今後の参考にしたいカード型レイアウト用コードスニペットをまとめてご紹介します。コードニペットは各レイアウト別にカテゴリ分けしているので、ウェブサイト制作に活用したものを見つけてはいかがでしょう。 【2017年版】HTML/CSSで表現できる、すごいテキストエフェクト66選 イメージスライダーを魅力的に！コピペ実装できるHTMLスニペット24個まとめ ウェブをもっと面白く！コピペ可能なHTML/CSSスニペット45個まとめ 2016年12月度 コンテンツ目次 1. ブログコンテンツ用レイアウト 2. 名刺型レイアウト 3. グリ
デザイナーとエンジニアの協業で実践したい！イライラ撲滅のための4原則
商品開発、Web開発、Webデザインなどデザイナーと開発者が一緒に仕事をする分野で働いているなら、次のようなコメントを一度は見聞きしたことがあるのではないでしょうか。 デザイナーの言い分 「とても美しいデザインを考えたのに、開発者が台無しにしてしまったんです。当初のデザインとはかけ離れています。」 「あとで開発者が滅茶苦茶にするのに、どうやって美しいデザインを作れというのでしょうか？」 開発者の言い分 「このデザインをHTML/CSSで再現するのは不可能です。これができるかぎり近いデザインです。」 「Photoshopでデザインするのは簡単ですよ、コードの制約が無いですから。このデザインを私たちが使っているフレームワークに落とし込むのは無理です。」 よく耳にするコメントです。私の見解では、主に2つの問題点から生じるものです。 良いツールやコミュニケーションのフレームワークがあるべき形で使わ
初心者でも小1時間でプログラムが書けちゃう！【なでしこ】がすごい件
Photo by Durán こんにちは。今回は谷口がお送りします。 先日このブログで、Smalrubyを使って実際に弊社社員にビジュアルプログラミング学習をしてもらい、FizzBuzzのシステムを作ってもらったというお話をしました。 初心者が簡単にRubyプログラミングを覚えられる！Smalrubyの使い方 - paiza開発日誌 そこで今回は、その次のステップとして日本語でプログラミングができる言語『なでしこ』を使って、プログラミングの学習をしてもらいましたので、その過程をご紹介していきます。 なでしこは、単語も文法も日本語に沿った形でコードが書けるので、これからプログラミングを学ぶ初心者の方には最適の教材になると思います。 ちなみにやってもらったのは、普段は事務を担当しており、プログラミング経験はビジュアルプログラミングのみ、条件文やループの概念に関しては、SmalrubyでFizz
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
