Web Designing Portal

Webクリエイターのための、
Webデザイン・Web情報のポータルサイト

Column
Clips: 127

CSSの「box-shadow」と「filter:drop-shadow」の違いを覚えたらちょっとテンション上がった

Date : 2017.04.21

要素に影を付ける時はbox-shadow、テキストに影を付ける時はtext-shadowを使いますよね。むしろ、この2つ以外に影を付けるプロパティなんてあったっけ...?

CSSの「box-shadow」と「filter:drop-shadow」の違いを覚えたらちょっとテンション上がった
open in a new window

Flexboxのプロパティ紹介

Date : 2017.04.21

flexboxの仕様を見やすい図とともにわかりやすく説明しています。 1 Flexコンテナ 1.1 flex-direction -Flexアイテムの向きと方向 1.2 flex-wrap -Flexアイテムの折り返し ...

Flexboxのプロパティ紹介
open in a new window

イメージスライダーを魅力的に!コピペ実装できるHTMLスニペット24個まとめ

Date : 2017.04.20

ウェブサイトでも使われることが多く、写真イメージをより魅力的に見せることができるイメージスライダー。ヒーローヘッダーとして利用されることも多く、イメージスライダーを効果的に利用することで、ウェブサイトを訪れたユーザーにより魅力的にコンテンツを見せることもできます。

イメージスライダーを魅力的に!コピペ実装できるHTMLスニペット24個まとめ
open in a new window

Photoshopに役立つ、無料の万能パターンテクスチャ厳選40枚 2017年4月度

Category : デザイン

Date : 2017.04.20

グラフィックデザインからウェブ制作まで、幅広く利用できる Photoshop 用の無料パターンテクスチャ素材をまとめてご紹介します。どれも最近公開されたものばかりで、新しいデザイントレンドも手軽に取り入れることができ、制作時間の短縮にもつながります。

Photoshopに役立つ、無料の万能パターンテクスチャ厳選40枚 2017年4月度
open in a new window

アップルの動画アプリ「Clips」の超絶クオリティ 声のテキスト化も可能

Category : テクノロジー

Date : 2017.04.19

アップルは3月21日、赤バージョンを含む3種類のiPhoneと新型iPadをリリースしたが、それと同時に公開されたのが動画作成アプリ「Clips」だった。赤いiPhoneの影に隠れてさほど話題にならなかったこのアプリは、実際に試してみるとその革新性に驚かされる。

アップルの動画アプリ「Clips」の超絶クオリティ 声のテキスト化も可能
open in a new window

「Windows 10」のユーザー数はMac全体の4倍もいるとAppleが明らかに

Date : 2017.04.19

新型iMacを2017年中に発表することを明らかにし、来年以降には新型「Mac Pro」やApple純正ディスプレイを準備していることを明らかにするなど、全力で「Appleはプロユーザーを見捨ててなんかいない」アピールを行ったメディア向けのインタビューの中で、AppleはMacのユーザーベースが1億人に近づいていることを明らかにした。

「Windows 10」のユーザー数はMac全体の4倍もいるとAppleが明らかに
open in a new window

まずはココだけおさえる! Googleアナリティクスの見方5選

Date : 2017.04.19

Googleアナリティクスで自社のアクセス解析をしようと思い、データをとりあえず眺めて、訪問数が伸びた、減った。直帰率が高い、低い。で終わっていませんか?

まずはココだけおさえる! Googleアナリティクスの見方5選
open in a new window

書体をインスピレーションにデザインされた眼鏡ブランド「TYPE」

Category : その他 デザイン

Date : 2017.04.19

文字に書体があるように、眼鏡にも個性がある。 みなさんこんにちは!日頃から眼鏡を3種類(度入り、ダテ、PC用)使い分けているyukariです。 今回は、面白いコンセプトの眼鏡ブランド「TYPE」をご紹介します!

書体をインスピレーションにデザインされた眼鏡ブランド「TYPE」
open in a new window

新人コーダーに伝えたい、きれいなCSSを書くための4つの習慣

Date : 2017.04.17

この春、CSSコーディングの仕事を始めた新人さんへ、「きれいなCSS」を書くためのガイドラインをお届け。

新人コーダーに伝えたい、きれいなCSSを書くための4つの習慣
open in a new window

[JS]文字を楽しく見せる、カーブ状に簡単に配置できるスクリプト -Arctext.js

Date : 2017.04.14

CSS3だけで文字を回転させたりカーブ状のパスに沿わせるのは非常に複雑です。文字を簡単にカーブ状に配置したり、またアニメーションを伴うこともできるjQueryのプラグインを紹介します。

[JS]文字を楽しく見せる、カーブ状に簡単に配置できるスクリプト -Arctext.js
open in a new window

【速報】Google天才すぎ。プロ仕様のイラストが誰にでも描ける「AutoDraw」がすごすぎる!

Date : 2017.04.13

Google Inc.が4月11日に公開した、機械学習を応用した無料のオンラインお絵描きツール「AutoDraw」がすごすぎるので、使い方を紹介します! 簡単に言うと、AI(人工知能)が、どんなイラストも「デザイナー仕様」に仕上げてくれるんです。しかも一瞬で。しかも無料で。 こちらから、誰でもすぐに使い始めることができます。

【速報】Google天才すぎ。プロ仕様のイラストが誰にでも描ける「AutoDraw」がすごすぎる!
open in a new window

WAI-ARIAを活用したフロントエンド実装 第1回 role属性、aria属性の基礎知識

Date : 2017.04.12

Webコンテンツアクセシビリティを確保するさまざまな仕様のうち、WebサイトやWebアプリケーションで活用できるrole属性とaria属性について取り上げます。まず、両者の基礎的な知識から解説します。

WAI-ARIAを活用したフロントエンド実装 第1回 role属性、aria属性の基礎知識
open in a new window

新型のプロ向けiMacはどうなる? Xeon搭載やVR対応も?

Date : 2017.04.11

Mac Proにも入っているXeonが搭載? 先日、突然Apple(アップル)幹部の口から語られた、完全新設計な新型「Mac Pro」と今年登場する新型「iMac」。新型iMacについては「プロ向け」としか公式では語られませんでしたが、そのスペックについて新情報が流出しています。

新型のプロ向けiMacはどうなる? Xeon搭載やVR対応も?
open in a new window

デザインが楽しくなる、高品質な無料フリーフォント素材まとめ 2017年3月度

Category : デザイン

Date : 2017.04.10

シンプルで長く愛用できる書体から、トレンドの手書きやブラシをつかったレトロモダン書体、人気の高い筆記体やナチュラル系などデザインの幅が広がる最新フリーフォント素材を集めています。

デザインが楽しくなる、高品質な無料フリーフォント素材まとめ 2017年3月度
open in a new window

当コンテンツは、ウェブにおける公共的な技術の向上を目的とし、著作権法第32条で定められた通り、一般に公表された著作物を出所を明示して引用しています。掲載に関するお問い合わせはこちらにご連絡ください。

Category

Page top