Tag: CSS
-
A Two-Week Timeframe
Recently, I’ve been drafting a Project Communications Framework that will guide the design team in handling design projects—from alignments to presenting our works. Committing to a timeframe is one important aspect and here’s a visualization of it. See the Pen A Two-Week Timeframe by Brian Dys (@briandys) on CodePen.
-
Nutrition Facts Label: CSS – Round 2
Summary Style for Colors Style for Graphics Style for Typography Demo See the Pen RE:Creation No. 2: Nutrition Facts Label | CSS (Round 2) by Brian Dys Sahagun (@briandys) on CodePen.
-
Nutrition Facts Label: CSS – Round 1
Summary Style for the Layout Demo See the Pen RE:Creation No. 2: Nutrition Facts Label | CSS (Round 1) by Brian Dys Sahagun (@briandys) on CodePen.
-
RE:Creation No. 1: Google | CSS (Round 3)
Summary Style for Visual Design: Visual Content Style for Visual Design: Typography
-
RE:Creation No. 1: Google | CSS (Round 2)
Summary Style for Usability: Interactivity Style for Visual Design: Colors & Graphic Elements of Groups Style for Visual Design: Layout
-
RE:Creation No. 1: Google | CSS (Round 1)
Summary Style for Usability of Interactive Elements: Active Area Style for Visual Design: Colors & Graphic Elements of Individuals This is the first round of Cascading Style Sheets—CSS for short. CSS is a Style Language that defines the visual design of an HTML document. This single responsibility of CSS makes the structured content of the…
-
Timeline Visual Design on Article Dates
One thing to consider when designing the visuals of a timeline is that the highlight (in the form of a bullet point) must be on the date. See the Pen Timeline Visual Design on Article Dates by Brian Dys (@briandys) on CodePen.
-
How do I know which CSS attributes work on each HTML tags?
There are initial points to take into consideration in order to make sense of the connection between HTML elements (<p>, <a>, <div>, etc.) and CSS properties (display, font-size, background-color, etc.). The nature of the HTML element The purpose of the HTML element You might notice that it is all about HTML elements. This is because HTML elements already have…
-
Why does experimenting with CSS feel so overwhelming?
One might categorize CSS experimentation into two: Static experimentation (visual design – layout colors, typography) Interactive experimentation (animations, interactivity) Now, both could be overwhelming especially if you’ve already gotten past the visual design properties. But yeah, that’s the way it is – whatever you’re building, you just have to take it one block at a…
-
What are the most common CSS tricks for media queries?
The most common approach in using media-query, which is also strategic, is abiding by the Mobile First principle. Begin your non-media queried style for mobile Add a media query for the next viewport size you’re designing for. For example, tablet size then desktop size I mentioned strategic because it also tackles the concept of Less…